页面优化

src/views/dashboard/component/TodoList.vue

@@ -14,7 +14,7 @@
       </div>
       <div class="unit">条</div>
     </div>
-    <div class="todo-item" @click="$router.push(`/smUser/riskInfo?status=${RiskInfoStatus.WAIT_VERIFY}`)">
+    <div class="todo-item" @click="$router.push(`/smUser/riskInfo?statusList=${RiskInfoStatus.WAIT_VERIFY}`)">
       <div class="label"><svg-icon icon-class="apply"/> 风控审核</div>
       <div class="value">
         <count-to :start-val="0" :end-val="data.riskVerifyCount" :duration="3000"/>

src/views/ss/riskInfo/components/RiskInfoVerifyDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <el-drawer :visible.sync="visible" size="1300px" :with-header="false" @open="onOpen">
-    <el-form label-position="top" :model="detail" ref="form" :rules="rules" class="app-container" v-loading="loading">
-      <el-row :gutter="16">
+    <el-row :gutter="16" v-loading="loading">
+      <el-form label-position="top" :model="detail" ref="form" :rules="rules" class="app-container">
         <el-col :span="16">
           <el-scrollbar style="height: calc(100vh - 40px);">
             <el-row style="padding: 1em;overflow: hidden">
@@ -53,7 +53,7 @@
           </el-scrollbar>
         </el-col>
         <el-col :span="8">
-          <el-card>
+          <el-card v-if="canVerify">
             <el-row>
               <form-col label="审核意见" prop="verifyRemark">
                 <el-input
@@ -71,22 +71,39 @@
               <el-button type="danger" plain icon="el-icon-close" @click="onVerify(false)">驳回</el-button>
             </el-row>
           </el-card>
+          <el-card v-else>
+            <el-descriptions :column="1">
+              <el-descriptions-item label="状态">
+                <dict-tag :value="detail.status" :options="dict.type.risk_info_status" size="mini"/>
+              </el-descriptions-item>
+              <el-descriptions-item label="审核人">
+                {{detail.verifyBy | defaultValue}}
+              </el-descriptions-item>
+              <el-descriptions-item label="审核意见">
+                {{detail.verifyRemark | defaultValue}}
+              </el-descriptions-item>
+              <el-descriptions-item label="审核时间">
+                {{detail.verifyTime | defaultValue}}
+              </el-descriptions-item>
+            </el-descriptions>
+          </el-card>
         </el-col>
-      </el-row>
-    </el-form>
+      </el-form>
+    </el-row>
   </el-drawer>
 </template>
 
 <script>
 import { getRiskInfo, verifyRiskInfo } from '@/api/ss/riskInfo'
 import VideoPreview from '@/components/VideoPreview/index.vue'
-import { RiskSubmitType } from '@/utils/constants'
+import { RiskInfoStatus, RiskSubmitType } from '@/utils/constants'
 import UserLink from '@/components/Business/SmUser/UserLink.vue'
+import Dict from '@/views/system/dict/index.vue'
 
 export default {
   name: "RiskInfoVerifyDialog",
-  dicts: ['risk_submit_type', 'risk_type'],
-  components: { UserLink, VideoPreview },
+  dicts: ['risk_submit_type', 'risk_type', 'risk_info_status'],
+  components: { Dict, UserLink, VideoPreview },
   props: {
     show: {
       type: Boolean,
@@ -109,11 +126,13 @@ export default {
         ]
       },
       loading: false,
+      RiskInfoStatus,
+      RiskSubmitType
     }
   },
   computed: {
-    RiskSubmitType() {
-      return RiskSubmitType
+    canVerify() {
+      return RiskInfoStatus.canVerify().includes(this.detail.status)
     },
     visible: {
       set(val) {
@@ -148,8 +167,8 @@ export default {
             verifyRiskInfo({infoId: this.detail.infoId, pass: pass, verifyRemark: this.detail.verifyRemark}).then(res => {
               if (res.code === 200) {
                 this.$modal.msgSuccess("操作成功");
-                this.visible = false;
-                this.$emit('success');
+                this.getDetail();
+                this.$emit('success')
               }
             }).finally(() => {
               this.loading = false;

src/views/ss/riskInfo/index.vue

@@ -120,11 +120,10 @@
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-s-check"
+            icon="el-icon-view"
             @click="handleVerify(scope.row)"
-            v-hasPermi="['ss:riskInfo:verify']"
-            v-show="RiskInfoStatus.canVerify().includes(scope.row.status)"
-          >审核</el-button>
+            v-hasPermi="['ss:riskInfo:edit']"
+          >详情</el-button>
           <el-button
             size="mini"
             type="text"
@@ -223,6 +222,7 @@ import VideoPreview from '@/components/VideoPreview/index.vue'
 import RiskInfoVerifyDialog from '@/views/ss/riskInfo/components/RiskInfoVerifyDialog.vue'
 import { RiskInfoStatus } from '@/utils/constants'
 import UserLink from '@/components/Business/SmUser/UserLink.vue'
+import { isEmpty } from '@/utils'
 
 // 默认排序字段
 const defaultSort = {
@@ -315,10 +315,16 @@ export default {
     };
   },
   created() {
+    console.log(this.$route.query);
+    let routeQuery = this.$route.query;
+    if (!isEmpty(routeQuery.statusList)) {
+      routeQuery.statusList = routeQuery.statusList.split(",")
+    }
 
     this.queryParams = {
       ...this.queryParams,
-      ...this.query
+      ...this.query,
+      ...routeQuery
     }
 
     this.getList();