From 884f591e29e6ea6b7d12a3d7257d2af54f7a73cb Mon Sep 17 00:00:00 2001
From: liuyp <liuyongpeng@liuyongpengdeMacBook-Pro-2.local>
Date: Tue, 25 Jun 2024 15:26:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E8=B4=A7=E6=89=AB=E6=8F=8F=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../emisTmsScanRecord/takeDeliveryScan.vue    | 457 ++++++++++++++++++
 1 file changed, 457 insertions(+)
 create mode 100644 src/views/emis/emisTmsScanRecord/takeDeliveryScan.vue

diff --git a/src/views/emis/emisTmsScanRecord/takeDeliveryScan.vue b/src/views/emis/emisTmsScanRecord/takeDeliveryScan.vue
new file mode 100644
index 00000000..1083f52d
--- /dev/null
+++ b/src/views/emis/emisTmsScanRecord/takeDeliveryScan.vue
@@ -0,0 +1,457 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="0">
+        <el-form ref="form" size="mini"  :model="form" :rules="rules" label-width="80px">
+          <el-col :span="8">
+            <el-form-item :label="$t('提货人')" prop="pickMan">
+              <span slot="label">
+                <span style="color: red">{{ $t('提货人') }}</span>
+              </span>
+              <EmisUserSimplePicker v-model="form.pickMan" postCode="RSD" @onChange="onStaffSelect"  ></EmisUserSimplePicker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="7">
+            <el-form-item label="扫描单号" prop="billCode" label-width="70px">
+              <span slot="label">
+                <span style="color: red">扫描单号</span>
+              </span>
+              <el-input v-model="form.billCode" clearable="" placeholder="单号输入后按回车" @keyup.enter.native="handleScanInput"  >
+                <i slot="suffix" class="iconfont">&#xe656;</i>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
+
+
+      <div slot="toolbar">
+        <el-row :gutter="10" class="mb8">
+              <el-col :span="1.5">
+                <el-button
+                  type="primary"
+                  plain
+                  size="mini"
+                  :disabled="multiple"
+                  @click="handleScanUpload"
+                  v-hasPermi="['emis:emisTmsScanRecord:add']"
+                >上传</el-button>
+              </el-col>
+              <el-col :span="1.5">
+                <el-button
+                  type="danger"
+                  plain
+                  icon="el-icon-delete"
+                  size="mini"
+                  :disabled="multiple"
+                  @click="clearSelectionBatch"
+                  v-hasPermi="['emis:emisTmsScanRecord:remove']"
+                >删除</el-button>
+              </el-col>
+              <el-col :span="1.5">
+                <el-button
+                  type="primary"
+                  plain
+                  size="mini"
+                  @click="handleBatchScan"
+                  v-hasPermi="['emis:emisTmsScanRecord:batchScan']"
+                >批量扫描</el-button>
+              </el-col>
+          </el-row>
+      </div>
+
+      <xd-table v-loading="loading"
+           border
+           ref="multipleTable"
+           size="small"
+           :queryParams="queryParams"
+           :data="emisTmsScanRecordList"
+           :total="emisTmsScanRecordList.length"
+           @selection-change="handleSelectionChange"
+           v-if="tableHeight" :height="tableHeight + 'px'"
+           >
+      <!-- <el-table :total="1" ref="multipleTable" border  v-loading="loading" :data="emisTmsScanRecordList" @selection-change="handleSelectionChange"> -->
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column :label="$t('扫描单号')" align="center" prop="billCode" min-width="150" />
+        <el-table-column :label="$t('扫描类型')" align="center" prop="scanType" min-width="100" >
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.emis_scan_type" :value="scope.row.scanType"/>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('扫描员工')" align="center" prop="scanMan" min-width="150" />
+        <el-table-column :label="$t('扫描站点')" align="center" prop="scanSite" min-width="100" />
+        <el-table-column :label="$t('扫描时间')" align="center" prop="scanDate" min-width="170" >
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.scanDate) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('提货人')" align="center" prop="pickManName" min-width="100" />
+        <!-- <el-table-column :label="$t('重量')" align="center" prop="scanWeight" min-width="100" /> -->
+     <!-- </el-table> -->
+      </xd-table>
+
+      <!-- <div style="text-align: center;margin-bottom: 10px;">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div> -->
+
+
+      <el-dialog :title="titleBatch" :visible.sync="openBatch" width="50%" v-dialogDrag :close-on-click-modal="false" append-to-body>
+        <el-form ref="formBatch" :model="formBatch" :rules="rulesBatch" size="mini" label-width="60px">
+         <el-row>
+          <el-col :span="24">
+            <el-form-item :label="$t('运单号')" prop="billCode">
+              <el-input v-model="formBatch.billCode" type="textarea" :rows="8" placeholder="运单号"  />
+            </el-form-item>
+          </el-col>
+         </el-row>
+        </el-form>
+        <div slot="footer" class="dialog-footer" style="text-align:center">
+          <el-button type="primary" @click="submitFormBatch">确 定</el-button>
+          <el-button @click="cancelBatch">取 消</el-button>
+        </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import { doScan } from "@/api/emis/emisTmsScanRecord";
+import EmisUserSimplePicker from '@/views/emis/EmisBaseTools/EmisUserSimplePicker.vue';
+// import { map } from "jquery";
+import { parseTime } from "@/utils/custom";
+
+export default {
+  name: "TakeDeliveryScan",
+  props:{
+    id:undefined
+  },
+  components: { EmisUserSimplePicker },
+  dicts: ['emis_scan_type'],
+  data() {
+    return {
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      checkedDetail:[],
+      // 遮罩层
+      loading: false,
+      // 表单参数
+      form: {},
+      queryParams:{},
+      titleBatch: "",
+      formBatch: {},
+      openBatch:false,
+      dataMap:new Map(),
+      emisTmsScanRecordList: [],
+      tableHeight: 200,
+      // 是否显示弹出层
+      open: false,
+      // 表单校验
+      rules: {
+        // billCode: [
+        //   { required: true, message: "billCode不能为空", trigger: "blur" }
+        // ],
+        // id: [
+        //   { required: true, message: "id不能为空", trigger: "blur" }
+        // ],
+      },
+      rulesBatch: {
+        // id: [
+        //   { required: true, message: "id不能为空", trigger: "blur" }
+        // ],
+      }
+    };
+  },
+   watch: {
+      "id": {
+        handler (newValue, oldValue) {
+          this.id = newValue;
+          this.initData();
+        },
+        deep: true
+      }
+  },
+  created() {
+    this.reset();
+    this.form.scanSiteCode=this.$store.getters.ownerSiteCode;
+    this.form.scanSite=this.$store.getters.ownerSiteName;
+
+    this.form.scanMan=this.$store.getters.empName;
+    this.form.scanManCode=this.$store.getters.empCode;
+
+    this.form.recordMan=this.$store.getters.empName;
+    this.form.recordManCode=this.$store.getters.empCode;
+
+    this.$nextTick(function() {
+      let form = this.$refs.form.$el;
+      let tableH = form.offsetHeight+265;
+      this.tableHeight = window.innerHeight - tableH;
+    });
+
+  },
+
+  methods: {
+    getRowSelect(row, column, event) {
+     // dosomething
+    },
+
+    onStaffSelect(item){
+        console.log(item)
+        this.form.pickManName=item.empName || this.$store.getters.empName;
+        this.form.pickMan=item.empCode;
+    },
+    getRowsSelect(arr) {
+      this.form.ids= arr.map(item=>item.id)
+    },
+    handleBatchScan(){
+      this.formBatch = {
+        billCode: null,
+      }
+      this.titleBatch="批量扫描";
+      this.openBatch=true;
+    },
+    clearSelectionBatch(){
+      let newList =[];
+      console.log(this.ids)
+      this.emisTmsScanRecordList.forEach(item=>{
+        if(this.ids.indexOf(item.billCode) == -1){
+          newList.push(item);
+        }else{
+          this.dataMap[item.billCode]=null;
+        }
+      });
+      this.emisTmsScanRecordList = newList;
+    },
+    cancelBatch(){
+      this.openBatch=false;
+    },
+    submitFormBatch(){
+
+      if(this.formBatch.billCode==null || this.formBatch.billCode==''){
+        this.$message.error("输入单号后回车");
+        return;
+      }
+      let bcList=this.formBatch.billCode.trim().split(/[；\;\,\，\n]/)||[];
+      let scanWeight = this.form.scanWeight
+      let dispatchOrSendManCode = this.form.dispatchOrSendManCode;
+
+      let haveCode = null;
+      let dm = this.dataMap;
+      let scList=bcList.map(function(code) {
+        if(dm[code]){
+          haveCode = code;
+          return;
+        }
+        return {
+          billCode:code
+        }
+      })
+
+      if(haveCode){
+        this.$message.error("重复扫描："+haveCode);
+        this.playNoticeTone(1);
+        return;//终止批量扫描逻辑
+      }
+
+      let scanInfo = {
+        scanType:"51",
+        opType:1,
+        scanData:scList
+      };
+
+      doScan(scanInfo).then(response => {
+        if(!response.data.scanResult || response.data.scanResult.length == 0){
+          this.$message.error("未查到单号");
+          return;
+        }
+        for (let index = 0; index < response.data.scanResult.length; index++) {
+          let scanRstItem = response.data.scanResult[index];
+          console.log(scanRstItem);
+          if(scanRstItem.result != 'success'){
+            this.$modal.msgError(scanRstItem.message);
+            return;
+          }
+
+          this.form.scanType = '51';
+          this.form.scanDate  = parseTime(new Date());
+          let record =Object.assign({}, this.form)
+          record.billCode=scanRstItem.billCode;
+          console.log(record)
+          let indexBillCode=record.billCode;
+          this.dataMap[indexBillCode]=record;
+          this.emisTmsScanRecordList.push(record);
+        }
+      });
+
+      this.openBatch=false;
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        billCode: null,
+        scanType: null,
+        preOrNextStation: null,
+        preOrNextStationCode: null,
+        preOrNextStationPhone: null,
+        preOrNextManCode: null,
+        preOrNextManPhone: null,
+        scanDate: null,
+        scanManCode: null,
+        scanManPhone: null,
+        scanMan: null,
+        preOrNextMan: null,
+        scanSite: null,
+        scanSiteCode: null,
+        scanSitePhone: null,
+        scanWeight: null,
+        weight: null,
+        dispatchOrSendMan: null,
+        dispatchOrSendManCode: null,
+        dispatchOrSendManPhone: null,
+        signDate: null,
+        signMan: null,
+        signSite: null,
+        signSiteCode: null,
+        recordMan: null,
+        recordManCode: null,
+        recordManPhone: null,
+        recordSiteCode: null,
+        truckMan: null,
+        truckCode: null,
+        dataFrom: null,
+        picUrl: null,
+        status: null,
+        delFlag: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null,
+        remark: null,
+        updateSite: null,
+        createSite: null
+      };
+      this.resetForm("form");
+    },
+  // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.billCode);
+      this.selection = selection;
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+
+    },
+    // 扫描上传
+    handleScanUpload(){
+      var selData = this.selection;
+      console.log(selData);
+
+      let scanData=[];
+      selData.forEach(item=>{
+        scanData.push(
+          {
+            billCode:item.billCode,
+            scanWeight:item.scanWeight,
+            pickMan:item.pickMan,
+            scanDate:parseTime(item.scanDate || new Date())
+          }
+        );
+      });
+
+       // 检查
+      let scanInfo = {scanType:"51",opType:2,scanData:scanData}
+      console.log(scanInfo)
+
+      doScan(scanInfo).then(response => {
+        console.log(response);
+        let scanRstItem = response.data.scanResult[0];
+        console.log(scanRstItem);
+        if(scanRstItem.result != 'success'){
+          this.$modal.msgError(scanRstItem.message);
+          return;
+        }
+
+        let newList = [];
+        this.emisTmsScanRecordList.forEach(item => {
+          if(this.ids.indexOf(item.billCode) > -1){
+            this.dataMap[item.billCode]=null;
+          }else{
+            newList.push(item);
+          }
+        })
+        this.ids = [];
+        this.selection = null;
+        this.emisTmsScanRecordList = newList;
+
+        this.$modal.msgSuccess(scanRstItem.message);
+
+
+        // this.form.scanType = '10';
+        // this.form.scanDate  = new Date();
+        // let record =Object.assign({}, this.form);
+        // console.log(record)
+        // let indexBillCode=record.billCode;
+        // this.dataMap[indexBillCode]=record;
+        // this.emisTmsScanRecordList.push(record);
+
+        // this.form.billCode =null;
+      });
+
+
+    },
+    handleScanInput(){
+
+      if(this.form.billCode==null || this.form.billCode==''){
+        this.$message.error("输入单号后回车");
+        return;
+      }
+
+      if(this.dataMap[this.form.billCode]){
+        this.$message.error("重复扫描");
+        this.playNoticeTone(1);
+        return;
+      }
+
+      // 检查
+      let scanInfo = {
+        scanType:"51",
+        opType:1,
+        scanData:[
+          {
+            billCode:this.form.billCode,
+            scanWeight:this.form.scanWeight,
+            dispatchOrSendManCode:this.form.dispatchOrSendManCode
+          }
+        ]
+      };
+
+      doScan(scanInfo).then(response => {
+        console.log(response);
+        let scanRstItem = response.data.scanResult[0];
+        console.log(scanRstItem);
+        if(scanRstItem.result != 'success'){
+          this.$modal.msgError(scanRstItem.message);
+          return;
+        }
+
+        this.form.scanType = '10';
+        this.form.scanDate  = new Date();
+        let record =Object.assign({}, this.form)
+        record.billCode=scanRstItem.billCode;
+        console.log(record)
+        let indexBillCode=record.billCode;
+        this.dataMap[indexBillCode]=record;
+        this.emisTmsScanRecordList.push(record);
+
+      });
+
+      this.form.billCode =null;
+
+    },
+
+  }
+};
+</script>