签收图片上传

src/views/emis/emisWaybill/uploadThePictureOfTheWaybillSigning.vue

@@ -1,11 +1,21 @@
 <template>
   <div class="app-container">
-    <el-form ref="form" size="mini"  :model="form"  label-width="80px">
+    <el-form ref="form" size="mini"  :model="form"  label-width="80px"  @submit.native.prevent>
     <!-- <SearchForm :ref="form"  :model="picUrl" ref="queryForm"   size="small" :maxShow="8"  label-width="100px" v-show="showSearch" @search="getList" @reset="resetQuery"> -->
       <el-row :gutter="20">
-        <el-col :span="8">
+        <el-col :span="24">
           <el-form-item label="上传图片" prop="xxx" label-width="80px">
-            <ImageUpload ref="imageUpload" v-model="form.picUrl" :fileSize="1" :limit="80" @input="handleInput" ></ImageUpload>
+            <ImageUpload ref="imageUpload" v-model="form.picUrl" :fileSize="1" :limit="80"></ImageUpload>
+            </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="handleInput" >
+                <i slot="suffix" class="iconfont">&#xe656;</i>
+              </el-input>
             </el-form-item>
         </el-col>
       </el-row >
@@ -50,7 +60,11 @@
       <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('图片URL')" align="center" prop="fileUrl" min-width="100" />
+      <el-table-column :label="$t('图片URL')" align="center" prop="fileUrl" min-width="100" >
+        <template slot-scope="scope">
+          <ImagePreview height="50px" v-for="pic in (scope.row.fileUrl||'').split(',')" :key="pic" :src="pic" ></ImagePreview>
+        </template>
+      </el-table-column>
       <el-table-column :label="$t('上传网点')" align="center" prop="createSite" min-width="100" />
       <el-table-column :label="$t('上传人')" align="center" prop="createBy" min-width="100" />
       <el-table-column :label="$t('大小')" align="center" prop="volumeWeight" min-width="100">
@@ -124,45 +138,46 @@ export default {
     getList(){
 
     },
-    async handleInput(item, size){
+    async handleInput() {
-      if(item.trim() == ""){
+      if (this.form.billCode == "" || this.form.billCode == null) {
+        this.$modal.msgError("请先输入单号！");
         return;
       }
-      let scList = item.trim().split(/[；\;\,\，\n]/)||[];
+      let billCode = this.form.billCode + '';
-      this.form.picUrl =[];
+      let response = await getWaybillDetail(billCode)
-      for(let s = 0; s<scList.length; s++){
+      if (!response || response.code != 200) {
-        let billCode = this.extractSubstring(scList[s]);
+        this.$modal.msgError(response && response.msg || "未知错误");
-        if(this.dataMap[billCode]) return;
+        this.form.picUrl = [];
-        let response = await getWaybillDetail(billCode)
+        return;
-        if(!response || response.code != 200){
+      }
-          this.$modal.msgError(response && response.msg || "未知错误");
+      if (response.data.blFormalWaybill === "0") {
-          this.form.picUrl =[];
+        this.$modal.msgError("运单号无效");
-          return;
+        this.form.picUrl = [];
-        }
+        return;
-        let record = {};
+      }
-        record.billCode=billCode;
+      let record = {};
-        record.fileUrl=scList[s];
+      record.billCode = billCode;
-        record.createSite=this.$store.getters.ownerSiteName;
+      record.fileUrl=this.form.picUrl+'';
-        record.createBy=this.$store.getters.empName;
+      record.createSite = this.$store.getters.ownerSiteName;
-        record.signManCode=this.$store.getters.empCode;
+      record.createBy = this.$store.getters.empName;
-        record.createTime=getDateTimeToString(new Date());
+      record.signManCode = this.$store.getters.empCode;
-        record.remark = "";
+      record.createTime = getDateTimeToString(new Date());
-        record.fileName="签收底单";
+      record.remark = "";
-        record.attachType="2";
+      record.fileName = "签收底单";
-        record.dataFrom="pc";
+      record.attachType = "2";
-        for(let name in size){
+      record.dataFrom = "pc";
-          if(name.indexOf(billCode) > -1){
+      record.fileSiez=-1;
-            record.fileSiez = parseFloat((size[name]/1024).toFixed(2));
+        let indexBillCode = billCode;
-            break;
+        this.dataMap[indexBillCode] = record;
-          }
-        }
-        let indexBillCode=billCode;
-        this.dataMap[indexBillCode]=record;
         this.emisTmsScanRecordList.push(record);
-      };
     },
     /** 上传按钮操作 */
     handleScanUpload(){
+      if(!this.selection){
+        this.$modal.msgError("请先上传图片！");
+        return;
+      }
+
       var selData = this.selection;
       selData.forEach(item=>{
         addEmisWaybillAttachment(item).then(response => {