订单详情添加图片

src/components/orderDetails.vue

@@ -22,9 +22,11 @@
                 </div>
               </div>
               <div class="grid-content bg-purple" v-else-if="item.field == 'ReceiptImg'">
-                <div class="describe" v-if="waybillData[`${item.field}`]">{{item.title}}</div>
-                <el-image style="width: 100px; height: 100px" :src="waybillData[`${item.field}`]"
-                  v-if="waybillData[`${item.field}`]"></el-image>
+                <div class="card_item_image" v-for="(item1,index1) in getReceipt(waybillData[`${item.field}`])"
+                  :key="index1" v-if="waybillData[`${item.field}`]">
+                  <el-image style="width: 100px; height: 100px" :src="item1.url" v-if="item1.url"></el-image>
+                  <div class="describe1">{{item1.title}}</div>
+                </div>
               </div>
               <div class="grid-content bg-purple" v-else>
                 <div class="describe">{{item.title}}</div>
@@ -183,6 +185,20 @@
         })
         return color
       },
+      getReceipt(value) {
+        const arr = value.split(',')
+        const arrList = [{
+          title: '运单签收图片',
+          url: arr[0],
+        }, {
+          title: '随货通行单图片',
+          url: arr[1],
+        }, {
+          title: '冷链交接单图片',
+          url: arr[2],
+        }]
+        return arrList
+      },
       mywaybillStatus(value) {
         const list = this.myOrder
         if ([1, 2, 3].includes(value.status)) {
@@ -236,4 +252,15 @@
     flex: none;
     margin-right: 5px;
   }
+
+  .card_item_image {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-right: 20px;
+  }
+
+  .describe1 {
+    flex: none;
+  }
 </style>

src/views/system/UserManagement.vue

@@ -200,10 +200,10 @@
         }
       },
       buttonData(row, type) {
-        this.getCompany()
         this.selectingData = row
         this.operationType = type
         if (type == 'edit') {
+          this.getCompany()
           const dataList = formRulesil();
           this.formRuleList = dataList;
           this.staffTitle = '编辑'