库位变更功能

src/views/ccgl/jcsj/kwgl/index.vue

@@ -2,7 +2,8 @@
 	<BasePage :setFirstCurrent='false' class="min_full" :config="config">
 		<template #dialog="ctx">
 			<!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
-			<Detail :app='ctx.basePage' v-if="ctx.basePage.showDialog" />
+			<Detail :app='ctx.basePage' v-if="ctx.basePage.showDialog&&ctx.basePage.DialogTitle=='查看详情'" />
+      <Kwbg :app='ctx.basePage' v-if="ctx.basePage.showDialog&&ctx.basePage.DialogTitle=='库位变更'" />
 		</template>
 		<template #toolbar="ctx">
 
@@ -13,6 +14,8 @@
 				type="primary">清空库位</el-button>
 			<el-button style="margin-left: 10px;" @click="ckxq(ctx.basePage)" size='mini'
 				type="primary">查看详情</el-button>
+     <!--   <el-button style="margin-left: 10px;" @click="kwbg(ctx.basePage)" size='mini'
+        	type="primary">库位变更</el-button> -->
 		</template>
 
 	</BasePage>
@@ -21,6 +24,7 @@
 <script>
 	import Edit from './edit.vue'
 	import Detail from './detail.vue'
+  import Kwbg from './kwbg.vue'
 	export default {
 		data() {
 			return {
@@ -189,6 +193,17 @@
 
 		},
 		methods: {
+      kwbg(ctx){
+        if (ctx.singleItem && ctx.singleItem.id) {
+        	ctx.DialogWidth = '30vw'
+        	ctx.DialogTitle = '库位变更'
+        	ctx.showDialog = true
+
+
+        } else {
+        	this.$warning('请选中一条数据')
+        }
+      },
 			qkkw(ctx) {
 				if (ctx.singleItem && ctx.singleItem.id) {
 					this.$confirm('是否继续操作?', '提示', {
@@ -229,7 +244,8 @@
 		},
 		components: {
 			Edit,
-			Detail
+			Detail,
+      // Kwbg
 		}
 
 	}

src/views/ccgl/jcsj/kwgl/kwbg.vue

+<template>
+  <DefaultDialog v-loading='isLoading' :element-loading-text="text" :app='app'>
+    <div slot="form" style="">
+      <el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
+        <el-row  :gutter="20" :app="this" class="editRow">
+          <EditColItem :required="item.required||false" :readonly="item.readonly?true:false "
+            v-for="(item,index) in editColItemList " :value="item.value" :span="item.span" :label="item.label"
+            v-if="(item.show==false)?false:true" :prop='item.prop' :key="item.prop" :type="item.type"
+            :typeConfig='item.typeConfig' :rule="item.rule" />
+          <!-- 额外数据 -->
+        </el-row>
+      </el-form>
+    </div>
+    <div slot="reFooter" class="refooter">
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="app.showDialog=false">取 消</el-button>
+        <el-button type="primary" @click="save()">确 定</el-button>
+      </span>
+    </div>
+  </DefaultDialog>
+</template>
+<script>
+  import {
+    editMixin,
+    editMixin_expand
+  } from 'common'
+  export default {
+    mixins: [editMixin, editMixin_expand],
+    props: {
+      app: {
+        type: Object,
+        default: () => {
+          return {}
+        }
+      }
+    },
+    async mounted() {
+      /* 初始化数据 */
+      this.form.id = this.app.singleItem.id
+
+
+    },
+    data() {
+      return {
+        isLoading: false,
+        text: '加载中',
+        readonly: false,
+        editColItemList: [
+           {
+                     label: '库位',
+                     prop: 'kwid',
+                     span: 24,
+                     required: true,
+                     type: 'AuxInput',
+                     typeConfig: {
+                       isRequest: false,
+                       code: 'WMSKWWH',
+                       label: 'kwCode',
+                       transform: {
+                         value: 'id',
+                         label: 'name'
+                       }
+                     }
+                   },
+
+        ]
+
+      }
+    },
+    methods: {
+      save() {
+        this.$refs['form'].validate((valid) => {
+          if (valid) {
+            this.isLoading = true
+            this.$post('lxyl/rkgl/sjtz/customKw', this.form).then(res => {
+              if (res.success) {
+                this.isLoading = false
+                this.$success('操作成功')
+                this.app.showDialog = false
+                this.app.$refs.TablePager.refresh()
+              }
+            }).finally(res => {
+              this.isLoading = false
+            })
+          }
+        })
+      }
+
+    }
+  }
+</script>
+
+<style scoped>
+</style>

src/views/ccgl/rkgl/sjrw/top/index.vue

@@ -2,10 +2,13 @@
   <BasePage :copy='false' addRename='新增' @getRow='getRow' class="min_full" style="height: 100%;" :config="config">
     <template #dialog="ctx">
       <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
+      <Kwbg :app='ctx.basePage' v-if="ctx.basePage.showDialog&&ctx.basePage.DialogTitle=='库位变更'" />
     </template>
     <template #toolbar="ctx">
       <el-button @click="tjkw(ctx.basePage)" size='mini' type="primary">推荐库位</el-button>
       <el-button @click="qktjkw(ctx.basePage)" size='mini' type="primary">清空推荐库位</el-button>
+      <el-button style="margin-left: 10px;" @click="kwbg(ctx.basePage)" size='mini'
+      	type="primary">库位变更</el-button>
       <!-- 		 <ImportButton @success="()=>{
 		  			        ctx.basePage.refresh()
 		  			        }" :url="'/wms/rkgl/rktz/import'" /> -->
@@ -16,6 +19,7 @@
 
 <script>
   import Edit from './edit.vue'
+    import Kwbg from './kwbg.vue'
   export default {
     data() {
       return {
@@ -187,7 +191,17 @@
 
     },
     methods: {
+     kwbg(ctx){
+        if (ctx.singleItem && ctx.singleItem.id) {
+        	ctx.DialogWidth = '30vw'
+        	ctx.DialogTitle = '库位变更'
+        	ctx.showDialog = true
+
 
+        } else {
+        	this.$warning('请选中一条数据')
+        }
+      },
       qktjkw(ctx) {
         if (ctx.singleItem && ctx.singleItem.id) {
           this.$confirm('是否继续该操作?', '提示', {
@@ -233,7 +247,8 @@
       }
     },
     components: {
-      Edit
+      Edit,
+      Kwbg
     }
 
   }

src/views/ccgl/rkgl/sjrw/top/kwbg.vue

+<template>
+  <DefaultDialog v-loading='isLoading' :element-loading-text="text" :app='app'>
+    <div slot="form" style="">
+      <el-form slot="form" ref="form" :model="form" label-width="100px" :rules="rules">
+        <el-row  :gutter="20" :app="this" class="editRow">
+          <EditColItem :required="item.required||false" :readonly="item.readonly?true:false "
+            v-for="(item,index) in editColItemList " :value="item.value" :span="item.span" :label="item.label"
+            v-if="(item.show==false)?false:true" :prop='item.prop' :key="item.prop" :type="item.type"
+            :typeConfig='item.typeConfig' :rule="item.rule" />
+          <!-- 额外数据 -->
+        </el-row>
+      </el-form>
+    </div>
+    <div slot="reFooter" class="refooter">
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="app.showDialog=false">取 消</el-button>
+        <el-button type="primary" @click="save()">确 定</el-button>
+      </span>
+    </div>
+  </DefaultDialog>
+</template>
+<script>
+  import {
+    editMixin,
+    editMixin_expand
+  } from 'common'
+  export default {
+    mixins: [editMixin, editMixin_expand],
+    props: {
+      app: {
+        type: Object,
+        default: () => {
+          return {}
+        }
+      }
+    },
+    async mounted() {
+      /* 初始化数据 */
+      this.form.id = this.app.singleItem.id
+
+
+    },
+    data() {
+      return {
+        isLoading: false,
+        text: '加载中',
+        readonly: false,
+        editColItemList: [
+           {
+                     label: '库位',
+                     prop: 'kwid',
+                     span: 24,
+                     required: true,
+                     type: 'AuxInput',
+                     typeConfig: {
+                       isRequest: false,
+                       code: 'WMSKWWH',
+                       label: 'kwCode',
+                       transform: {
+                         value: 'id',
+                         label: 'name'
+                       }
+                     }
+                   },
+
+        ]
+
+      }
+    },
+    methods: {
+      save() {
+        this.$refs['form'].validate((valid) => {
+          if (valid) {
+            this.isLoading = true
+            this.$post('lxyl/rkgl/sjtz/customKw', this.form).then(res => {
+              if (res.success) {
+                this.isLoading = false
+                this.$success('操作成功')
+                this.app.showDialog = false
+                this.app.$refs.TablePager.refresh()
+              }
+            }).finally(res => {
+              this.isLoading = false
+            })
+          }
+        })
+      }
+
+    }
+  }
+</script>
+
+<style scoped>
+</style>