1.同步设置页面添加业务单据类型

src/views/sync/SysUdimsConfig.vue

@@ -54,7 +54,8 @@
 
       </el-descriptions-item>
     </el-descriptions>
-    <el-descriptions class="margin-top" title="上传至UDI自助平台基础数据" :column="1" :size="100" style="margin-top: 40px"
+    <el-descriptions class="margin-top" title="上传至UDI自助平台基础数据" :column="1" :size="100"
+                     style="margin-top: 40px"
                      border>
 
       <el-descriptions-item>
@@ -160,7 +161,8 @@
       </el-descriptions-item>
     </el-descriptions>
 
-    <el-descriptions class="margin-top" title="上传至UDI自助平台单据" :column="1" :size="100" style="margin-top: 40px"
+    <el-descriptions class="margin-top" title="上传至UDI自助平台扫码单据" :column="1" :size="100"
+                     style="margin-top: 40px"
                      border>
 
       <el-descriptions-item>
@@ -219,7 +221,47 @@
           </el-table-column>
           <el-table-column label="操作" fixed="right">
             <template slot-scope="scope">
-              <el-button type="text" size="small" :disabled="configQuery.downstreamEnable" @click.native="remveBus(scope.$index, scope.row)">移除</el-button>
+              <el-button type="text" size="small" :disabled="configQuery.downstreamEnable"
+                         @click.native="remveBus(scope.$index, scope.row)">移除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+
+      </el-descriptions-item>
+
+    </el-descriptions>
+
+    <el-descriptions class="margin-top" title="上传至UDI自助平台业务单据" :column="1" :size="100"
+                     style="margin-top: 40px"
+                     border>
+      <el-descriptions-item label="单据(单据类型)" label-style="width: 150px">
+
+        <div style="float: right;margin-bottom: 10px;margin-right: 25px">
+          <el-button type="primary" size="small"
+                     :disabled="configQuery.downstreamEnable"
+                     @click="addChangeBusTypeDialog()">添加业务单据类型
+          </el-button>
+        </div>
+        <el-table :data="checkedChangeBusTypes" border style="width: 100%">
+          <el-table-column label="序号" type="index"></el-table-column>
+          <el-table-column label="单据类型" prop="name" show-overflow-tooltip></el-table-column>
+          <el-table-column label="单据类型代码" prop="action" show-overflow-tooltip></el-table-column>
+          <el-table-column width="250" label="单据状态">
+            <template slot-scope="scope">
+              <el-select v-model="scope.row.orderStatus" placeholder="请选择单据状态">
+                <el-option label="待校验" :value=3>待校验</el-option>
+                <el-option label="待核对" :value=5>待核对</el-option>
+                <el-option label="待审核" :value=10>待审核</el-option>
+                <el-option label="已审核" :value=7>已审核</el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" fixed="right">
+            <template slot-scope="scope">
+              <el-button type="text" size="small" :disabled="configQuery.downstreamEnable"
+                         @click.native="remveBus(scope.$index, scope.row)">移除
+              </el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -269,6 +311,48 @@
       ></el-pagination>
 
     </el-dialog>
+
+    <el-dialog
+      title="添加业务单据类型"
+      :visible.sync="addChangeBusDialogVisible"
+      width="55%"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      v-if="addChangeBusDialogVisible"
+    >
+
+      <div style="float: right;margin-bottom: 10px;margin-right: 25px">
+        <el-button type="primary" size="small" @click="addChangeBusType()">选入</el-button>
+      </div>
+      <el-table
+        :data="changeBusTypes"
+        border
+        style="width: 100%"
+        @selection-change="handleCheckedChangeBus"
+      >
+        <el-table-column type="selection" width="55" :selectable="checkSelectableChange"></el-table-column>
+        <el-table-column label="序号" type="index"></el-table-column>
+        <el-table-column
+          label="单据类型"
+          prop="name"
+          show-overflow-tooltip
+        ></el-table-column>
+        <el-table-column
+          label="单据类型代码"
+          prop="action"
+          show-overflow-tooltip
+        ></el-table-column>
+      </el-table>
+
+      <el-pagination
+        :page-size="changeBusQuery.limit"
+        @current-change="handleCurrentChangePage"
+        layout="prev, pager, next"
+        :total="changeBusTypeTotal"
+        :current-page="changeBusQuery.page"
+      ></el-pagination>
+
+    </el-dialog>
   </el-card>
 </template>
 
@@ -276,6 +360,7 @@
 import {findConfig, testConnect, updateConfig} from "@/api/sync/spsSyncStatus";
 import store from "@/store";
 import {getBussinessType} from "@/api/basic/bussinessType";
+import {getBusTypeChangeList} from "@/api/basic/busTypeChange";
 
 export default {
   name: "SysUdimsConfig",
@@ -306,6 +391,7 @@ export default {
         orderSyncDlTime: null,
         delaySyncTime: null,
         busTypes: [],
+        changeBusTypes: [],
         companyCert: null,
         manufacturerCert: null,
         productCert: null,
@@ -313,6 +399,7 @@ export default {
 
       },
       checkedBusTypes: [],
+      checkedChangeBusTypes: [],
       busQuery: {
         page: 1,
         limit: 10,
@@ -322,6 +409,14 @@ export default {
       addBusDialogVisible: false,
       total: 0,
       testLoading: false,
+      addChangeBusDialogVisible: false,
+      changeBusQuery: {
+        page: 1,
+        limit: 10,
+      },
+      changeBusTypeTotal: 0,
+      changeBusTypes: [],
+      changeBusTypeSelection: []
     }
   },
   methods: {
@@ -331,6 +426,7 @@ export default {
 
           this.configQuery = response.data;
           this.checkedBusTypes = this.configQuery.busTypes;
+          this.checkedChangeBusTypes = this.configQuery.changeBusTypes;
           if (this.configQuery.busTypes != null) {
             // for (let i = 0; i < this.configQuery.busTypes.length; i++) {
             //
@@ -365,6 +461,9 @@ export default {
           //     this.configQuery.busTypes.push(this.checkedBusTypes);
           // }
         }
+        if (this.checkedChangeBusTypes != null) {
+          this.configQuery.changeBusTypes = this.checkedChangeBusTypes;
+        }
         updateConfig(this.configQuery)
           .then((response) => {
             this.loading = false;
@@ -436,8 +535,6 @@ export default {
       });
       this.addBusDialogVisible = false;
     },
-
-
     remveBus(index, row) {
       this.checkedBusTypes.splice(index, 1);
     },
@@ -447,7 +544,51 @@ export default {
     handleCurrentChange(val) {
       this.busQuery.page = val;
       this.getBusType();
-
+    },
+    addChangeBusType() {
+      let selectData = this.changeBusTypeSelection;
+      selectData.forEach((obj) => {
+        obj.outChange = false;
+        obj.orderStatus = 7;
+        let isPut = true;
+        for (let i = 0; i < this.checkedBusTypes.length; i++) {
+          if (this.checkedChangeBusTypes[i].action == obj.action) {
+            isPut = false;
+          }
+        }
+        if (isPut)
+          this.checkedChangeBusTypes.push(obj);
+      });
+      this.addChangeBusDialogVisible = false;
+    },
+    addChangeBusTypeDialog() {
+      this.addChangeBusDialogVisible = true;
+      this.changeBusTypeSelection = [];
+      this.changeBusQuery.page = 1;
+    },
+    getChangeBusType() {
+      getBusTypeChangeList(this.changeBusQuery).then((res) => {
+        if (res.data.list.length > 0) {
+          res.data.list.forEach((item) => {
+            let changeBusType = {
+              action: item.originAction,
+              name: item.originName
+            };
+            this.changeBusTypes.push(changeBusType);
+          });
+        }
+        this.changeBusTypeTotal = res.data.total || 0;
+      })
+    },
+    handleCurrentChangePage(val) {
+      this.changeBusQuery.page = val;
+      this.getChangeBusType();
+    },
+    handleCheckedChangeBus(val) {
+      this.changeBusTypeSelection = val;
+    },
+    checkSelectableChange(row) {
+      return !row.isSelect;
     },
   },
   created() {
@@ -457,6 +598,7 @@ export default {
     };
 
     this.getBusType();
+    this.getChangeBusType();
     this.getConfig();
   },
 }