公章管理

src/views/officialSeal/officialSealList.vue

@@ -1,5 +1,11 @@
 <template>
     <div class="app-container">
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addInstitution">新增部门</el-button>
+                <!-- v-hasPermi="['caseManagement:list:add']" -->
+            </el-col>
+        </el-row>
         <el-table v-loading="loading" :data="dataList" style="width: 100%">
             <el-table-column label="序号" type="index" align="center">
                 <template slot-scope="scope">
@@ -8,11 +14,10 @@
                     }}</span>
                 </template>
             </el-table-column>
-            <el-table-column label="仲裁机构名称" align="center" prop="deptName" :show-overflow-tooltip="true" />
-            <el-table-column label="公章名称" align="center" prop="sealName" :show-overflow-tooltip="true" />
-            <el-table-column label="经办人姓名" align="center" prop="nickName" :show-overflow-tooltip="true" />
-            <el-table-column label="经办人手机号" align="center" prop="phonenumber" :show-overflow-tooltip="true" />
-            <el-table-column label="认证时间" align="center" prop="updateTime" />
+            <el-table-column label="仲裁机构名称" align="center" prop="identifyName" :show-overflow-tooltip="true" />
+            <el-table-column label="经办人姓名" align="center" prop="operName" :show-overflow-tooltip="true" />
+            <el-table-column label="经办人手机号" align="center" prop="operPhone" :show-overflow-tooltip="true" />
+            <el-table-column label="认证时间" align="center" prop="identifyDate" />
             <el-table-column label="认证状态" align="center" prop="identifyStatus" :show-overflow-tooltip="true" />
             <el-table-column label="是否启用" align="center" prop="isUse"></el-table-column>
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -21,12 +26,21 @@
                         v-if="scope.row.identifyStatus == '未认证'">认证</el-button>
                     <el-button size="mini" @click="changeStatus(scope.row)" type="text" icon="el-icon-thumb"
                         v-if="scope.row.isUse == '未启用' && scope.row.identifyStatus == '已认证'">启用</el-button>
+                    <el-button size="mini" @click="uploadSeal(scope.row)" type="text"
+                        v-if="scope.row.identifyStatus == '已认证'" icon="el-icon-upload2">上传公章</el-button>
+                        <el-button size="mini" @click="sealManage(scope.row)" type="text"
+                        v-if="scope.row.identifyStatus == '已认证'" icon="el-icon-upload2">公章管理</el-button>
                 </template>
             </el-table-column>
         </el-table>
         <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
             @pagination="getList(queryParams)" />
-
+        <addInstitution :operateVisable="operateVisable" @cancelFilingreview="cancelFilingreview" @getList="getList">
+        </addInstitution>
+        <uploadSeal :uploadVisable="uploadVisable" @cancelUpload="cancelUpload" :uploadData="uploadData" @getList="getList">
+        </uploadSeal>
+        <sealManage :sealVisable="sealVisable" @cancelSeal="cancelSeal" :sealData="sealData">
+        </sealManage>
     </div>
 </template>
   
@@ -34,21 +48,25 @@
 import {
     deptIdentifyList,
     enableDept,
-    selectDeptIndefiUrl
+    selectDeptIndefiUrl,
 } from "@/api/officialSeal/officialSeal.js";
 
-import { getDicts } from '@/api/system/dict/data.js'
+import addInstitution from "./components/addInstitution";
+import uploadSeal from "./components/uploadSeal";
+import sealManage from "./components/sealManage";
 export default {
     name: "paymentList",
-    dicts: ["case_status"],
-    components: {},
+    components: {
+        addInstitution,
+        uploadSeal,
+        sealManage
+    },
     data() {
         return {
             queryParams: {
                 pageNum: 1,
                 pageSize: 10,
             },
-            caseStatus: [],
             // 遮罩层
             loading: false,
             // 总条数
@@ -57,16 +75,41 @@ export default {
             form: {},
             // 校验表单
             rules: {},
-            dataList: [],
+            dataList: [1],
+            operateVisable: false,//新增弹窗
+            uploadVisable: false,//上传弹窗
+            sealVisable:false,//公章列表弹窗
+            uploadData: {},
+            sealData:{}
         };
     },
     created() {
-        getDicts("case_status").then(res => {
-            this.caseStatus = res.data;
-            this.getList(this.queryParams);
-        })
+        this.getList(this.queryParams)
     },
     methods: {
+        // 公章管理
+        sealManage(row){
+            this.sealVisable = true;
+            this.sealData = row;
+        },
+        cancelSeal(){
+            this.sealVisable = false;
+        },
+        // 上传公章
+        uploadSeal(row) {
+            this.uploadVisable = true;
+            this.uploadData = row;
+        },
+        cancelFilingreview() {
+            this.operateVisable = false;
+        },
+        cancelUpload() {
+            this.uploadVisable = false;
+        },
+        // 新增部门
+        addInstitution() {
+            this.operateVisable = true;
+        },
         // 启用认证按钮
         changeStatus(row) {
             this.$modal.confirm('是否进行启用？')