Просмотр исходного кода

feat(仓库管理): 添加收发详情页面的出入库类型选择功能,需对接

liujt 6 месяцев назад
Родитель
Сommit
db442da8dc

+ 74 - 3
src/views/warehouseManagement/statisticalReports/transceiverDetails/add.vue

@@ -61,6 +61,57 @@
                 ></el-input>
               </el-form-item>
             </el-col>
+            <el-col :span="5">
+              <el-form-item label-width="60px" label="出入库:" prop="type">
+                <el-select
+                  filterable
+                  placeholder="请选择"
+                  v-model="formData.type"
+                  clearable
+                >
+                  <el-option
+                    v-for="item in outInOption"
+                    :key="item.code"
+                    :value="item.code + ''"
+                    :label="item.label"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item :label="formData.type == 1 ? '出库类型:' : '入库类型:'" prop="bizType">
+                <el-select
+                  filterable
+                  placeholder="请选择"
+                  v-model="formData.bizType"
+                  clearable
+                >
+                  <el-option
+                    v-for="item in outInStateOption"
+                    :key="item.code"
+                    :value="item.code + ''"
+                    :label="item.label"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="物品类型" prop="assetType">
+                <el-select
+                  filterable
+                  placeholder="请选择"
+                  v-model="formData.assetType"
+                  clearable
+                >
+                  <el-option
+                    v-for="item in codeOption"
+                    :key="item.dictCode"
+                    :value="item.dictCode"
+                    :label="item.dictValue"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
             <el-col v-if="!isView" :span="3">
               <div class="ele-form-actions">
                 <el-button
@@ -145,6 +196,7 @@
   } from '@/api/warehouseManagement/statisticalReports';
   import storageApi from '@/api/warehouseManagement';
   import { allCategoryLevel } from '@/api/classifyManage';
+  import { getTreeByGroup } from '@/api/classifyManage';
   import {
     warehousingType,
     sceneState,
@@ -166,6 +218,11 @@
           { label: '审核通过', class: 'ele-text-success' },
           { label: '驳回', class: 'ele-text-danger' }
         ],
+        outInOption: [
+          { code: '1', label: '出库' },
+          { code: '2', label: '入库' }
+        ],
+        codeOption: [],
         loading: false,
         isView: false,
         formData: {
@@ -173,7 +230,10 @@
           name: '',
           time: [],
           status: 2,
-          keyWord: ''
+          keyWord: '',
+          bizType: '',
+          assetType: '',
+          type: ''
         },
         // 表单验证规则
         rules: {
@@ -463,12 +523,23 @@
       },
       clientEnvironmentId() {
         return this.$store.state.user.info.clientEnvironmentId;
+      },
+      outInStateOption() {
+        return this.formData.type == 1 ? this.outputSceneState : this.formData.type == 2 ? this.sceneState : []
       }
     },
     created() {
       this.getTypeList();
+      this.getAssetTypeList()
     },
     methods: {
+      // 获取物品类型下拉选择树
+      async getAssetTypeList() {
+        const { data } = await getTreeByGroup({ type: 2 });
+        this.codeOption = data.map((item) => {
+          return { dictCode: item.id, dictValue: item.name };
+        });
+      },
       async getTypeList() {
         const { data } = await allCategoryLevel();
         this.codeList = data.map((item) => {
@@ -480,8 +551,8 @@
         return code?.dictValue;
       },
       handleBizType(code, type) {
-        console.log(this.sceneState);
-        console.log(code, type);
+        // console.log(this.sceneState);
+        // console.log(code, type);
 
         if (type == 1) {
           // 入库