Przeglądaj źródła

优化手写信息采集图片预览效果

cgp 3 tygodni temu
rodzic
commit
0cc22ab549
1 zmienionych plików z 9 dodań i 2 usunięć
  1. 9 2
      src/views/member/handwriteCollection/index.vue

+ 9 - 2
src/views/member/handwriteCollection/index.vue

@@ -35,8 +35,15 @@
       <el-table-column label="患者电话" align="center" prop="patientPhone" />
       <el-table-column label="手写信息采集表" align="center" prop="billImgUrl" width="120">
         <template slot-scope="scope">
-          <image-preview v-if="scope.row.billImgUrl" :src="scope.row.billImgUrl" width="50" height="50" />
-          <span v-else>暂无图片</span>
+          <el-image
+            style="width: 50px; height: 50px"
+            :src="scope.row.billImgUrl"
+            :preview-src-list="[scope.row.billImgUrl]"
+            fit="cover">
+            <div slot="error" class="image-slot">
+              <i class="el-icon-picture-outline"></i>
+            </div>
+          </el-image>
         </template>
       </el-table-column>
       <el-table-column label="订单号" align="center" prop="orderCode" />