修改

mes/qd/src/views/wms/sb/outbill/ViewDialog.vue

@@ -1,17 +1,39 @@
 <template>
   <el-dialog
     append-to-body
-    title="入库详情"
+    title="出库详情"
     :visible.sync="dialogVisible"
     destroy-on-close
     fullscreen
     @close="close"
     @open="open"
   >
-    <el-form ref="form" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true" :model="form"  size="mini" label-width="85px" label-suffix=":">
+    <el-form ref="form" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true"
+             :model="form" size="mini" label-width="85px" label-suffix=":">
       <el-form-item label="单据号" prop="bill_code">
         <label slot="label">单&nbsp;&nbsp;据&nbsp;号:</label>
-        <el-input v-model="form.bill_code" disabled placeholder="系统生成" clearable style="width: 210px" />
+        <el-input v-model="form.bill_code" disabled placeholder="系统生成" clearable style="width: 210px"/>
+      </el-form-item>
+      <el-form-item label="业务类型" prop="bill_type">
+        <el-select
+          v-model="form.bill_type"
+          clearable
+          placeholder="业务类型"
+          style="width: 210px"
+          class="filter-item"
+          :disabled="true"
+        >
+          <el-option
+            v-for="item in billtypelist"
+            :key="item.code"
+            :label="item.name"
+            :value="item.code"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="关联设备" prop="bizperson">
+        <label slot="label">关联设备:</label>
+        <el-input v-model="form.device_code" size="mini" style="width: 210px" disabled/>
       </el-form-item>
       <el-form-item label="仓库" prop="stor_id">
         <label slot="label">仓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;库:</label>
@@ -31,43 +53,23 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="业务类型" prop="bill_type">
+      <el-form-item label="业务部门" prop="bizdeptid">
-        <el-select
+        <treeselect
-          v-model="form.bill_type"
+          v-model="form.bizdeptid"
-          clearable
+          :options="depts"
-          placeholder="业务类型"
+          :load-options="loadDepts"
-          style="width: 210px"
+          style="width: 200px"
-          class="filter-item"
+          placeholder="选择部门"
           :disabled="true"
-        >
+        />
-          <el-option
-            v-for="item in billtypelist"
-            :key="item.code"
-            :label="item.name"
-            :value="item.code"
-          />
-        </el-select>
       </el-form-item>
-      <el-form-item label="单据状态" prop="bill_status">
+      <el-form-item label="业务人员" prop="bizperson">
-        <el-select
+        <label slot="label">业务人员:</label>
-          v-model="form.bill_status"
+        <el-input v-model="form.bizperson" size="mini" style="width: 210px" disabled/>
-          clearable
-          style="width: 210px"
-          placeholder="单据状态"
-          class="filter-item"
-          disabled
-        >
-          <el-option
-            v-for="item in dict.io_bill_status"
-            :key="item.id"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
       </el-form-item>
       <el-form-item label="明细数" prop="detail_count">
         <label slot="label">明&nbsp;&nbsp;细&nbsp;数:</label>
-        <el-input v-model="form.detail_count" size="mini" disabled style="width: 210px" />
+        <el-input v-model="form.detail_count" size="mini" disabled style="width: 210px"/>
       </el-form-item>
       <el-form-item label="总重量" prop="total_qty">
         <label slot="label">总&nbsp;&nbsp;重&nbsp;量:</label>
@@ -80,16 +82,13 @@
           style="width: 210px"
         />
       </el-form-item>
-      <el-form-item label="业务日期" prop="biz_date">
-        <el-date-picker v-model="form.biz_date" type="date" placeholder="选择日期" style="width: 210px" value-format="yyyy-MM-dd" :disabled="true" />
-      </el-form-item>
       <el-form-item label="备注" prop="remark">
-        <label slot="label">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:</label>
+        <label slot="label">摘&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;要:</label>
-        <el-input v-model="form.remark" style="width: 380px;" rows="2" type="textarea" :disabled="true" />
+        <el-input v-model="form.remark" style="width: 380px;" rows="2" type="textarea" :disabled="true"/>
       </el-form-item>
     </el-form>
     <div class="crud-opts2">
-      <span class="role-span2">入库明细</span>
+      <span class="role-span2">出库明细</span>
     </div>
     <el-card class="box-card" shadow="never" :body-style="{padding:'0'}">
       <!--表格渲染-->
@@ -161,15 +160,17 @@
 
 <script>
 
-import { crud } from '@crud/crud'
+import CRUD, { crud } from '@crud/crud'
-import checkoutbill from '@/api/wms/st/core/outbill/checkoutbill'
+import crudStorattr from '@/api/wms/basedata/st/storattr'
-import crudStorattr from "@/api/wms/basedata/st/storattr";
+import crudRawAssist from '@/api/wms/st/core/inbill/rawassist'
-import crudRawAssist from "@/api/wms/st/core/inbill/rawassist";
 import sparePart from '@/api/wms/sb/sparepart'
+import { getDepts, getDeptSuperior } from '@/api/system/dept'
+import Treeselect, { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 
 export default {
   name: 'ViewDialog',
-  components: { },
+  components: { Treeselect },
   mixins: [crud()],
   dicts: ['io_bill_status', 'work_status', 'task_status', 'SCH_TASK_TYPE_DTL'],
   props: {
@@ -186,11 +187,12 @@ export default {
       dialogVisible: false,
       tableDtl: [],
       tabledis: [],
+      depts: [],
       billtypelist: [],
       storlist: [],
       currentdtl: null,
       currentDis: {},
-      form:{}
+      form: {}
     }
   },
   watch: {
@@ -217,6 +219,16 @@ export default {
   methods: {
     open() {
       this.queryTableDtl()
+      crudStorattr.getStor({ 'is_attachment': '1' }).then(res => {
+        this.storlist = res.content
+        this.form.stor_id = this.storlist[0].stor_id
+      })
+      if (!this.form.bill_code) {
+        this.getDepts()
+      } else {
+        debugger
+        this.getSupDepts(this.form.bizdeptid)
+      }
     },
     close() {
       this.$emit('update:dialogShow', false)
@@ -265,6 +277,51 @@ export default {
         this.tableDtl = res
       })
     },
+    getDepts() {
+      getDepts({ enabled: true }).then(res => {
+        this.depts = res.content.map(function(obj) {
+          if (obj.hasChildren) {
+            obj.children = null
+          }
+          return obj
+        })
+      })
+    },
+    getSupDepts(deptId) {
+      var number = parseFloat(deptId)
+      getDeptSuperior(number).then(res => {
+        const date = res.content
+        this.buildDepts(date)
+        this.depts = date
+      })
+    },
+    buildDepts(depts) {
+      debugger
+      depts.forEach(data => {
+        if (data.children) {
+          this.buildDepts(data.children)
+        }
+        if (data.hasChildren && !data.children) {
+          data.children = null
+        }
+      })
+    },
+    // 获取弹窗内部门数据
+    loadDepts({ action, parentNode, callback }) {
+      if (action === LOAD_CHILDREN_OPTIONS) {
+        getDepts({ enabled: true, pid: parentNode.id }).then(res => {
+          parentNode.children = res.content.map(function(obj) {
+            if (obj.hasChildren) {
+              obj.children = null
+            }
+            return obj
+          })
+          setTimeout(() => {
+            callback()
+          }, 200)
+        })
+      }
+    },
     queryTableDdis() {
       if (this.currentdtl !== null) {
         debugger
@@ -289,13 +346,14 @@ export default {
 
 .crud-opts2 .el-dialog__title2 {
   line-height: 24px;
-  font-size:20px;
+  font-size: 20px;
-  color:#303133;
+  color: #303133;
 }
 
 .crud-opts2 .role-span2 {
   padding: 0px 0px 20px 0px;
 }
+
 .crud-opts2 {
   padding: 10px 0px 0px 50px;
 }