待我审核 表格显示优化

src/main/resources/templates/admin/business/process-review.ftl

@@ -77,13 +77,21 @@
 
           </el-form>
 
-          <el-table border :data="page.data" >
+          <el-table border :data="page.data">
             <el-table-column type="index" :index="1" label="序号" fixed></el-table-column>
             <el-table-column prop="projectNo" label="项目编号" fixed width="80"></el-table-column>
             <el-table-column prop="projectTitle" label="标题" width="350"></el-table-column>
-            <el-table-column prop="processType" label="流程类型"></el-table-column>
+            <el-table-column prop="processType" label="流程类型">
+              <template slot-scope="scope">
+                <span>{{scope.row.processType | processType}}</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="applyPersonName" label="申请人"></el-table-column>
-            <el-table-column prop="status" label="审核状态"></el-table-column>
+            <el-table-column prop="status" label="审核状态">
+              <template slot-scope="scope">
+                <span>{{scope.row.status | processStatus}}</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="amount" label="当前审核人"></el-table-column>
             <el-table-column prop="lastUpdateAt" label="最后更新时间" width="170"></el-table-column>
 
@@ -310,6 +318,28 @@
       mounted() {
         this.queryTable()
       },
+      filters: {
+        processStatus: function (val) {
+          switch (val) {
+            case 'draft':
+              return "草稿"
+            case 'to_be_audit':
+              return "待审核"
+            case 'audit_passed':
+              return "审核通过"
+            case 'audit_not_passed':
+              return "审核不通过"
+          }
+        },
+        processType: function (value) {
+          switch (value) {
+            case 'sale_contract':
+              return "销售合同流程"
+            case 'business_procurement':
+              return "业务采购流程"
+          }
+        }
+      }
     })
 
   </script>