feat: 证书管理增加状态展示

src/utils/enum.js

@@ -207,3 +207,9 @@ export const wmState = new EnumFactory({
   40: { text: '检验', type: 'primary' },
   50: { text: '报废', type: 'danger' },
 }, parseInt)
+
+export const certStateEnum = new EnumFactory({
+  10: { text: '正常', type: 'success' },
+  20: { text: '临期', type: 'warning' },
+  30: { text: '过期', type: 'danger' }
+}, parseInt)

src/views/hrm/certificate.vue

@@ -35,6 +35,15 @@
           :label="item.label"
           :value="item.value"
         ></el-option>
+      </el-select>
+      <el-select
+        v-model="query.state"
+        placeholder="证书状态"
+        @change="handleQuery"
+        clearable
+        style="margin-left: 2px"
+      >
+
       </el-select>
       </div>
       <div class="right-panel">
@@ -79,6 +88,16 @@
         </el-table-column>
         <el-table-column label="证书编号" prop="number"> </el-table-column>
         <el-table-column label="证书类型" prop="type"><template #default="scope">{{type_[scope.row.type]}} </template></el-table-column>
+        <el-table-column label="状态" prop="state" width="80">
+							<template #default="scope">
+								<el-tag
+									:type="certStateEnum[scope.row.state]?.type"
+									>{{
+										certStateEnum[scope.row.state]?.text
+									}}</el-tag
+								>
+							</template>
+						</el-table-column>
         <el-table-column label="发证日期" prop="issue_date"></el-table-column>
          <el-table-column label="有效期" prop="expiration_date"> </el-table-column>
         <el-table-column label="下一次复审日期" prop="review_date"></el-table-column> 
@@ -186,6 +205,7 @@
   </el-dialog>
 </template>
   <script>
+    import { certStateEnum } from "@/utils/enum.js";
   const  defaultform=
   { id: "",
         name: "",
@@ -197,6 +217,7 @@ export default {
   components: {},
   data() {
     return {
+      certStateEnum,
       apiObj: this.$API.hrm.certificate.list,
       form:defaultform,
       typeoptions: [

src/views/hrm/certificates.vue

@@ -43,11 +43,20 @@
         <el-table-column label="证书名称" fixed="left" prop="name"></el-table-column>
         <el-table-column label="证书编号" prop="number"> </el-table-column>
         <el-table-column label="证书类型" prop="type"><template #default="scope">{{type_[scope.row.type]}} </template></el-table-column>
+        <el-table-column label="状态" prop="state">
+							<template #default="scope">
+								<el-tag
+									:type="certStateEnum[scope.row.state]?.type"
+									>{{
+										certStateEnum[scope.row.state]?.text
+									}}</el-tag
+								>
+							</template>
+						</el-table-column>
         <el-table-column label="发证日期" prop="issue_date"></el-table-column>
          <el-table-column label="有效期" prop="expiration_date"> </el-table-column>
         <el-table-column label="下一次复审日期" prop="review_date"></el-table-column> 
          <el-table-column label="证书文件" prop="file"></el-table-column> 
-        
       </scTable>
     </el-main>
   </el-container>
@@ -145,6 +154,7 @@
   </sc-dialog>
 </template>
 <script>
+import { certStateEnum } from "@/utils/enum.js";
   const  defaultform=
   { id: "",
         name: "",
@@ -156,6 +166,7 @@ export default {
   components: {},
   data() {
     return {
+      certStateEnum,
       form:defaultform,
       typeoptions: [
         { id: 10, name: "特种作业证书" },