优化

src/views/material/lease/materialConfirm/index.vue

@@ -186,7 +186,7 @@
           </template>
         </el-table-column>
         <!-- 操作 -->
-        <el-table-column label="操作" align="center" width="180" v-if="!isView">
+        <el-table-column label="操作" align="center" width="240" v-if="!isView">
           <template slot-scope="{ row }">
             <el-button v-if="row.isConfirm != 2" type="primary" size="mini" @click="handleConfirm(row)">确认</el-button>
             <el-button type="" size="mini" @click="openBills(row)">领料单</el-button>
@@ -252,7 +252,7 @@
                 <th align="center">物资名称</th>
                 <th align="center">规格型号</th>
                 <th align="center">计量单位</th>
-                <th align="center">领用数量</th>
+                <th align="center">出库数量</th>
                 <th align="center">备注</th>
                 <th align="center">出库方式</th>
               </tr>
@@ -263,7 +263,7 @@
                 <td align="center">{{ item.maTypeName }}</td>
                 <td align="center">{{ item.typeName }}</td>
                 <td align="center">{{ item.unitName }}</td>
-                <td align="center">{{ item.preNum }}</td>
+                <td align="center">{{ item.outNum }}</td>
                 <td align="center">{{ item.remark }}</td>
                 <td align="center">
                   <span v-if="item.manageType == 0" style="color: blue; cursor: pointer" @click="codeInfo(item)">
@@ -301,7 +301,7 @@
                   <img
                     :src="item.outSignUrl"
                     style="width: 40px; height: 90px; max-width: 100%"
-                    :class="{ 'is-rotate': item.outSignType == 0 }"
+                    :style="{ transform: item.outSignType == 0 ? 'rotate(-90deg)' : '' }"
                     alt=""
                   />
                 </div>
@@ -310,16 +310,15 @@
             <!-- confirmSign -->
             <div class="item" style="width: 24%; display: flex; align-items: center; flex-wrap: wrap">
               <div style="width: 30%">材料员：</div>
-              <div style="width: 75%; display: flex; align-items: center; flex-wrap: wrap" v-if="kgSignList.length > 0">
               <div
-                  style="width: 80%; margin-left: 20px; height: 40px"
+                style="width: 70%; display: flex; align-items: center; flex-wrap: wrap"
-                  v-for="(item, index) in kgSignList"
+                v-if="confirmSign && confirmSign.confirmSignUrl"
-                  :key="index"
               >
+                <div style="width: 80%; margin-left: 20px">
                   <img
-                    :src="item.outSignUrl"
+                    :src="confirmSign.confirmSignUrl"
-                    :class="{ 'is-rotate': item.outSignType == 0 }"
+                    style="width: 40px; height: 100px; max-width: 100%"
-                    style="width: 40px; height: 90px; max-width: 100%"
+                    :style="{ transform: confirmSign.confirmSignType == 0 ? 'rotate(-90deg)' : '' }"
                     alt=""
                   />
                 </div>
@@ -637,9 +636,9 @@ export default {
       getLeaseRequestVoApi(params).then(res => {
         this.leaseApplyData = res.data.leaseApplyInfo
         this.leaseApplyDetails = res.data.leaseApplyDetailsList
-        this.kgSignList = res.data.kgSignList
+        this.kgSignList = res.data.kgSignList || []
-        this.outSignList = res.data.outSignList
+        this.outSignList = res.data.outSignList || []
-        this.confirmSign = res.data.confirmSign
+        this.confirmSign = res.data.confirmSign || {}
         this.open = true
       })
     },