优化图片大小限制

src/views/applyments/index.vue

@@ -44,9 +44,13 @@
           <el-table-column label="支付宝进件状态" prop="alipayStatus" min-width="200">
             <template v-slot="scope">
               <div class="column">
-                <div>{{ statusListFilter(scope.row.alipayStatus).label }}</div>
-                <el-text type="danger" v-if="scope.row.alipayStatus == 'REJECTED'">{{ scope.row.alipayErrorMsg
-                }}</el-text>
+                <div>
+                  <el-tag :type="statusListFilter(scope.row.alipayStatus).type" disable-transitions>{{
+                    statusListFilter(scope.row.alipayStatus).label }}</el-tag>
+                </div>
+                <div class="error_text" v-if="scope.row.alipayStatus == 'REJECTED'">
+                  {{ scope.row.alipayErrorMsg }}
+                </div>
                 <el-link type="primary" v-if="scope.row.alipayStatus == 'SIGN '"
                   @click="singCodeDialogRef?.show(scope.row.alipaySignUrl, 1)">查看签约码</el-link>
               </div>
@@ -55,9 +59,13 @@
           <el-table-column label="微信进件状态" prop="wechatStatus" min-width="200">
             <template v-slot="scope">
               <div class="column">
-                <div>{{ statusListFilter(scope.row.wechatStatus).label }}</div>
-                <el-text type="danger" v-if="scope.row.wechatStatus == 'REJECTED'">{{ scope.row.wechatErrorMsg
-                }}</el-text>
+                <div>
+                  <el-tag :type="statusListFilter(scope.row.wechatStatus).type" disable-transitions>{{
+                    statusListFilter(scope.row.wechatStatus).label }}</el-tag>
+                </div>
+                <div class="error_text" v-if="scope.row.wechatStatus == 'REJECTED'">
+                  {{ scope.row.wechatErrorMsg }}
+                </div>
                 <el-link type="primary" v-if="scope.row.wechatStatus == 'SIGN '"
                   @click="singCodeDialogRef?.show(scope.row.wechatSignUrl, 2)">查看签约码</el-link>
               </div>
@@ -67,8 +75,9 @@
           <el-table-column label="创建时间" prop="createTime" width="200"></el-table-column>
           <el-table-column label="操作" fixed="right" width="150">
             <template v-slot="scope">
-              <el-button link type="primary" @click="toDetail(scope.row)">详情</el-button>
-              <el-button link type="primary" @click="toDetail(scope.row)">修改</el-button>
+              <el-button link type="primary" @click="toDetail(scope.row, 'check')">详情</el-button>
+              <el-button link type="primary" @click="toDetail(scope.row, 'editor')"
+                v-if="scope.row.alipayStatus == 'REJECTED' || scope.row.wechatStatus == 'REJECTED'">修改</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -131,27 +140,33 @@ function userTypeListFilter(userType) {
 const statusList = ref([
   {
     value: 'WAIT',
-    label: '待提交'
+    label: '待提交',
+    type: 'info'
   },
   {
     value: 'INIT',
-    label: '待处理'
+    label: '待处理',
+    type: 'info'
   },
   {
     value: 'AUDIT',
-    label: '待审核'
+    label: '待审核',
+    type: 'warning'
   },
   {
     value: 'SIGN',
-    label: '待签约'
+    label: '待签约',
+    type: 'warning'
   },
   {
     value: 'FINISH',
-    label: '已完成'
+    label: '已完成',
+    type: 'success'
   },
   {
     value: 'REJECTED',
-    label: '失败'
+    label: '失败',
+    type: 'danger'
   },
 ])
 
@@ -227,13 +242,14 @@ async function getTableData() {
 }
 
 // 跳转编辑页面
-function toDetail(row) {
+function toDetail(row, type) {
   const businessLicenceInfo = JSON.parse(row.businessLicenceInfo)
   router.push({
     name: 'applyment_in',
     query: {
       shopId: row.shopId,
-      licenceNo: businessLicenceInfo.licenceNo
+      licenceNo: businessLicenceInfo.licenceNo,
+      type: type
     }
   })
 }
@@ -265,4 +281,9 @@ onMounted(() => {
   flex-direction: column;
   gap: 4px;
 }
+
+.error_text {
+  font-size: 14px;
+  color: var(--el-color-danger);
+}
 </style>