公章,批量缴费

src/api/officialSeal/officialSeal.js

         method: 'get',
         params: data
     })
+}
+// 查询机构下的经办人
+export function selectPostUserByDeptId(data) {
+    return request({
+        url: '/deptIdentify/selectPostUserByDeptId',
+        method: 'get',
+        params: data
+    })
+}
+// 机构绑定经办人
+export function bindHandler(data) {
+    return request({
+        url: '/deptIdentify/bindHandler',
+        method: 'get',
+        params: data
+    })
 }

src/api/pay/pay.js

     method: 'post',
     data: data
   })
-}
+}
+// 查询批量缴费信息
+// 缴费页面缴费确认
+export function getPayDetail(params) {
+  return request({
+    url: '/pay/list',
+    method: 'get',
+    params: params
+  })
+}

src/views/caseManagement/caseList.vue

           v-hasPermi="['caseManagement:list:check']">案件批量立案审查</el-button>
         <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(4)"
           v-hasPermi="['caseManagement:list:Batchgeneration']">批量生成裁决书</el-button>
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="operateClick(6)"
+          v-hasPermi="['caseManagement:list:pay']">批量缴费</el-button>
       </el-col>
     </el-row>
     <el-table v-loading="loading" :data="dataList" style="width: 100%">
       } else if (type == 2) {
         this.operateTitle = '批量立案审查';
         this.operateStatus = 2;
-      }else if(type == 4){
+      } else if (type == 4) {
         this.operateTitle = '批量生成裁决书';
         this.operateStatus = 4;
+      } else if(type == 6){
+        this.operateTitle = '批量缴费';
+        this.operateStatus = 6;
       }
     },
     // 修改开庭时间
 };
 </script>
 
-<style lang="scss" scoped>#formContainer {}</style>
+<style lang="scss" scoped>
+#formContainer {}
+</style>

src/views/caseManagement/components/operateDialog.vue

 <template>
     <div>
         <el-dialog :title="operateTitle" :visible="operateVisable" @close="cancel" center :distroy-on-close="true">
+            <el-dialog width="40%" title="缴费详情" :visible.sync="payVisible" append-to-body>
+                <!-- 案件总金额 -->
+                <h3>案件总金额：{{ form.totalFee / 100 }}</h3>
+                <el-descriptions :title="'订单信息' + (index + 1)" v-for="(item, index) in form.caseApplicationList"
+                    :key="index" border>
+                    <el-descriptions-item label="案件编号">{{
+                        item.caseNum
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="申请人">{{
+                        item.caseAppName
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="案件标的">{{
+                        item.caseSubjectAmount
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="案件应缴费用">{{
+                        item.feePayable
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="被申请人">{{
+                        item.caseResName
+                    }}</el-descriptions-item>
+                    <el-descriptions-item label="申请人仲裁诉求">{{
+                        item.arbitratClaims
+                    }}</el-descriptions-item>
+                </el-descriptions>
+                <div class="paySelectType">
+                    <el-radio-group v-model="paySelect" @input="changPayType">
+                        <el-radio :label="0">线上支付</el-radio>
+                        <el-radio :label="1">线下支付</el-radio>
+                    </el-radio-group>
+                </div>
+                <div class="payupload">
+                    <span>上传支付凭证：</span>
+                    <div class="uploadBtn">
+                        <el-upload class="upload-demo" ref="upload" :action="UploadUrl()" :headers="headers"
+                            :data="filedata" :on-remove="handleRemove" :on-change="beforeUpload" :on-success="handlSuccess"
+                            :file-list="fileList">
+                            <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+                            <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
+                        </el-upload>
+                    </div>
+                </div>
+                <div class="payType" v-if="paySelect == 0">
+                    <span>请选择支付方式：</span>
+                    <i class="iconfont icon-weixinzhifu" @click="pay(0)"></i>
+                    <i class="iconfont icon-zhifubao" @click="pay(1)"></i>
+                </div>
+                <div class="payImg">
+                    <div id="qrcodeImg"></div>
+                </div>
+                <div class="payTitle">{{ payMain }}</div>
+                <div slot="footer" class="dialog-footer">
+                    <el-button @click="payCancel" class="endbutton"><span>取 消</span></el-button>
+                    <el-button @click="submitUpload" type="primary" class="endbutton"><span>确认缴费</span></el-button>
+                </div>
+            </el-dialog>
             <el-table v-loading="loading" :data="dataList" style="width: 100%" @selection-change="handleSelectionChange">
                 <el-table-column type="selection">
                 </el-table-column>
                 :limit.sync="queryParamsData.pageSize" @pagination="getcaseApply(queryParamsData)" />
             <div slot="footer" class="dialog-footer">
                 <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
-                <el-button @click="submitBatch" type="primary" class="endbutton" :disabled="dataList.length == 0"><span>确 认</span></el-button>
+                <el-button @click="submitPay" type="primary" class="endbutton"
+                    :disabled="dataList.length == 0 || batchData.length == 0"
+                    v-if="operateStatus == 6"><span>确认缴费</span></el-button>
+                <el-button @click="submitBatch" type="primary" class="endbutton"
+                    :disabled="dataList.length == 0 || batchData.length == 0" v-else><span>确 认</span></el-button>
             </div>
         </el-dialog>
+
     </div>
 </template>
 <script>
     removeCaseApply,
     submitCaseApplicationCheck
 } from "@/api/caseAccess/caseEntry";
+import { getPayDetail,confirmPayDig } from "@/api/pay/pay";
+import { casePay } from "@/api/pay/pay";
+import QRCode from "qrcodejs2";
+import { getToken } from "@/utils/auth";
 import { writtenHear } from "@/api/caseManagement/caseManagement.js";
 import {
     adjudicationCaseFile,
 } from "@/api/awardManagement/awardManagement";
 export default {
-    props: ["operateVisable", "operateData", "operateTitle", 'operateStatus','queryParams'],
+    props: ["operateVisable", "operateData", "operateTitle", 'operateStatus', 'queryParams'],
     data() {
         return {
             // 遮罩层
             // 表格数据
             dataList: [],
             batchData: [],
-            radio:1
+            radio: 1,
+            payVisible: false,
+            form: {},
+            paySelect: 1,//支付线上/线下
+            headers: {
+                Authorization: "Bearer " + getToken(),
+            },
+            filedata: {
+                annexType: 8,
+            },
+            submitForm: {
+                payType: 1,
+                payOrderList: [],
+                caseIds:[]
+            },
+            payMain: "",
+            fileList: [],
         };
     },
     watch: {
             if (val) {
                 this.getcaseApply(this.queryParamsData)
             }
+        },
+        payVisible(val) {
+            if (val) {
+                this.submitForm.payOrderList = []
+                this.paySelect = 1;
+                this.fileList = [];
+            }
         }
     },
     created() {
 
     },
     methods: {
+        UploadUrl() {
+            return window.location.origin + "/API/evidence/upload";
+        },
+        beforeUpload(flie, fileList) {
+            this.fileList = fileList;
+        },
+        handleRemove(file, fileList) {
+            (this.submitForm.payOrderList = []),
+                fileList.forEach((item) => {
+                    console.log(item.response.data, "item");
+                    this.submitForm.payOrderList.push({ annexId: item.response.data.annexId, annexName: item.response.data.annexName });
+                });
+        },
+        // 文件上传成功
+        handlSuccess(res, file) {
+            this.submitForm.payOrderList.push({
+                annexId: res.data.annexId,
+                annexName: res.data.annexName
+            });
+        },
+        //选择支付方式(线上,线下)
+        changPayType(data) {
+            if (data == 1) {
+                document.getElementById("qrcodeImg").innerHTML = "";
+                this.payMain = ""
+            }
+            this.submitForm.payType = data;
+        },
+        pay(val) {
+            if (this.form.totalFee == 0 || !this.form.totalFee) {
+                this.$message({
+                    message: "此案件无需缴费",
+                    type: "error",
+                });
+                return;
+            }
+            let payType = "";
+            if (val == 0) {
+                payType = "wxpay";
+                this.payMain = "请使用微信扫二维码支付";
+            } else if (val == 1) {
+                payType = "alipay";
+                this.payMain = "请使用支付宝扫二维码支付";
+            }
+            casePay({
+                totalFee: this.form.totalFee,
+                caseIds: this.batchData,
+                tradeType: "native",
+                platform: payType,
+            }).then((res) => {
+                this.paySrc = res.data.code_url;
+                this.qrcode(this.paySrc);
+            });
+        },
+        // 生成二维码
+        qrcode(url) {
+            // 前端根据 URL 生成微信支付二维码
+            document.getElementById("qrcodeImg").innerHTML = "";
+            return new QRCode("qrcodeImg", {
+                width: 200,
+                height: 200,
+                text: url,
+                colorDark: "#000",
+                colorLight: "#fff",
+            });
+        },
+        submitUpload() {
+            if (this.fileList.length < 1) {
+                this.$modal.msgError("请上传缴费凭证");
+                return
+            }
+            this.submitForm.caseIds = this.batchData;
+            console.log(this.submitForm,"LLLLLLLLLLLLLLLLLLLLLLLLLLLL");
+            confirmPayDig(this.submitForm).then(res => {
+                this.$modal.msgSuccess("成功");
+                this.payCancel();
+                this.getcaseApply(this.queryParamsData);
+            })
+        },
         // 选择勾选框
         handleSelectionChange(val) {
             this.batchData = [];
                 this.batchData.push(item.id)
             })
         },
+        payCancel() {
+            this.payVisible = false;
+            this.payMain = "";
+        },
         cancel() {
             this.$emit("cancelOperate");
         },
             } else if (this.operateStatus == 1) {
                 this.removeCaseApplyFn({ ids: this.batchData })
             } else if (this.operateStatus == 2) {
-                this.submitCaseApplicationCheckFn({ ids: this.batchData,agreeOrNotCheck:this.radio })
-            }else if (this.operateStatus == 3) {
+                this.submitCaseApplicationCheckFn({ ids: this.batchData, agreeOrNotCheck: this.radio })
+            } else if (this.operateStatus == 3) {
                 this.adjudicationCaseFileFn({ ids: this.batchData })
-            }else if (this.operateStatus == 4) {
+            } else if (this.operateStatus == 4) {
                 // this.adjudicationCaseFileFn({ ids: this.batchData })
-                this.writtenHearFn({ids: this.batchData})
-            }else if (this.operateStatus == 5) {
+                this.writtenHearFn({ ids: this.batchData })
+            } else if (this.operateStatus == 5) {
                 // this.adjudicationCaseFileFn({ ids: this.batchData })
                 // this.writtenHearFn({ids: this.batchData})
             }
         },
+        // 批量缴费弹窗
+        submitPay() {
+            this.payVisible = true;
+            this.getPayDetailFn({ caseIds: this.batchData })
+        },
+        // 查询缴费信息
+        getPayDetailFn(params) {
+            getPayDetail(params).then(res => {
+                this.form = res.data;
+                document.getElementById("qrcodeImg").innerHTML = "";
+            })
+        },
         // 批量提交
         submitCaseApplyFn(data) {
             submitCaseApply(data).then(res => {
             })
         },
         // 批量立案审查
-        submitCaseApplicationCheckFn(data){
-            submitCaseApplicationCheck(data).then(res=>{
+        submitCaseApplicationCheckFn(data) {
+            submitCaseApplicationCheck(data).then(res => {
                 this.$modal.msgSuccess("立案审查成功");
                 this.cancel();
                 this.$emit("getcaseApply", this.queryParams);
             })
         },
         //批量归档
-        adjudicationCaseFileFn(data){
-            adjudicationCaseFile(data).then(res=>{
+        adjudicationCaseFileFn(data) {
+            adjudicationCaseFile(data).then(res => {
                 this.$modal.msgSuccess("归档成功");
                 this.cancel();
                 this.$emit("getcaseApply", this.queryParams);
             })
         },
         // 批量生成裁决书
-        writtenHearFn(data){
-            writtenHear(data).then(res=>{
+        writtenHearFn(data) {
+            writtenHear(data).then(res => {
                 this.$modal.msgSuccess("生成成功");
                 this.cancel();
                 this.$emit("getcaseApply", this.queryParams);
                 this.queryParamsData.caseStatus = 0
             } else if (this.operateStatus == 2) {
                 this.queryParamsData.caseStatus = 1
-            }else if (this.operateStatus == 3) {
+            } else if (this.operateStatus == 3) {
                 this.queryParamsData.caseStatus = 16
-            }else if (this.operateStatus == 4) {
+            } else if (this.operateStatus == 4) {
                 this.queryParamsData.caseStatus = 9
-            }else if (this.operateStatus == 5) {
+            } else if (this.operateStatus == 5) {
                 this.queryParamsData.caseStatus = 11
+            } else if (this.operateStatus == 6) {
+                this.queryParamsData.caseStatus = 2
             }
             caseApply(val).then((response) => {
                 this.dataList = response.rows;
     display: flex;
     flex-wrap: wrap;
 }
-.radiobox{
+
+.radiobox {
     margin-top: 30px;
 }
+
+.paySelectType {
+    margin: 20px 0 20px 0;
+}
+
+.payupload {
+    display: flex;
+    margin-bottom: 20px;
+}
+
+.payImg {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
+
+.payTitle {
+    margin-top: 20px;
+    width: 100%;
+    text-align: center;
+}
+.payType {
+  height: 80px;
+  line-height: 80px;
+  display: flex;
+
+  .icon-weixinzhifu {
+    font-size: 24px;
+    color: #27a56f;
+    margin-right: 15px;
+  }
+
+  .icon-zhifubao {
+    font-size: 24px;
+    color: #1d76cc;
+  }
+}
+::v-deep .el-dialog__body{
+    max-height: 600px;
+    overflow-y: scroll;
+
+}
 </style>

src/views/caseManagement/components/payDialog.vue

         this.$modal.msgSuccess("成功");
         this.payCancel()
         this.$emit("getcaseApply", this.queryParams);
-        // console.log(res,":::::::::::::::::::::::::::::::");
       })
     },
     handleRemove(file, fileList) {
         colorLight: "#fff",
       });
     },
-    // 查询缴费状态
-    // selectCaseApplicationConfirmFn(parms) {
-    //   selectCaseApplicationConfirm(parms).then(res => {
-    //     // console.log(res, this.form, "KKKKKKKKKKKKKKKKKKKK");
-    //     if (res && res.data && res.data.paymentStatus == 1) {
-    //       // clearInterval(this.timer);
-    //       // this.openPay = false;
-    //       this.payCancel()
-    //       this.$message({
-    //         message: "缴费成功",
-    //         type: "success",
-    //       });
-    //       this.$emit("getcaseApply", this.queryParams);
-    //     }
-    //   })
-    // },
     // 支付
     pay(val) {
       if (this.payForm.feePayable == 0 || !this.payForm.feePayable) {
       }
       casePay({
         totalFee: this.payForm.feePayable * 100,
-        caseId: this.payForm.caseId,
+        caseIds: [this.payForm.caseId],
         tradeType: "native",
         platform: payType,
       }).then((res) => {
         this.paySrc = res.data.code_url;
         this.qrcode(this.paySrc);
-        // this.timer = setInterval(() => {
-        //   this.selectCaseApplicationConfirmFn({ id: this.form.id })
-        // }, 3000);
-        // setTimeout(() => {
-        //   clearInterval(this.timer);
-        // }, 1000 * 60);
       });
     },
     payCancel() {
       this.paySelect = 1;
       this.fileList = [];
       this.filedata.id = this.payId;
-      this.submitForm.caseId = this.payId;
+      this.submitForm.caseIds = [this.payId];
       }
     }
   }

src/views/deliveryRecord/smsRecord.vue

                 this.dataList = response.rows;
                 this.dataList.forEach(item=>{
                     if(item.sendStatus == 0){
-                        item.sendStatus = "未发送"
+                        item.sendStatus = "发送失败"
                     }else if(item.sendStatus == 1){
-                        item.sendStatus = "已发送"
+                        item.sendStatus = "已送达"
+                    }else if(item.sendStatus == 2){
+                        item.sendStatus = "已读取"
                     }else{
-                        item.sendStatus = "未发送"
+                        item.sendStatus = "发送失败"
                     }
                 })
                 this.total = response.total;

src/views/officialSeal/components/addInstitution.vue

     <div>
         <el-dialog :title="title" :visible="operateVisable" v-if="operateVisable" @close="cancel" width="600px" center
             :distroy-on-close="true">
+
             <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="demo-ruleForm">
                 <el-form-item label="机构名称" prop="identifyName">
                     <el-input v-model="ruleForm.identifyName"></el-input>
                 </el-form-item>
-                <el-form-item label="经办人姓名" prop="operName">
+                <el-form-item label="机构邮箱" prop="identifyEmail">
+                    <el-input v-model="ruleForm.identifyEmail"></el-input>
+                </el-form-item>
+                <!-- <el-form-item label="经办人姓名" prop="operName">
                     <el-input v-model="ruleForm.operName"></el-input>
                 </el-form-item>
+                <el-form-item label="经办人用户名" prop="operUserName">
+                    <el-input v-model="ruleForm.operUserName"></el-input>
+                </el-form-item>
                 <el-form-item label="经办人手机号" prop="operPhone">
                     <el-input v-model="ruleForm.operPhone"></el-input>
+                </el-form-item> -->
+                <el-form-item label="机构信用代码" prop="creditCode">
+                    <el-input v-model="ruleForm.creditCode"></el-input>
+                </el-form-item>
+                <el-form-item label="法人姓名" prop="legalPerName">
+                    <el-input v-model="ruleForm.legalPerName"></el-input>
+                </el-form-item>
+                <el-form-item label="法人手机号" prop="legalPerPhone">
+                    <el-input v-model="ruleForm.legalPerPhone"></el-input>
                 </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
 import {
     insert,
 } from "@/api/officialSeal/officialSeal.js";
+import { listUser } from '@/api/system/user.js'
 export default {
-    props: ["operateVisable","queryParams"],
+    props: ["operateVisable", "queryParams"],
     data() {
         return {
             title: "新增机构",
                 identifyName: [
                     { required: true, message: '请输入机构名称', trigger: 'blur' },
                 ],
-                operName: [
-                    { required: true, message: '请输入经办人姓名', trigger: 'blur' },
+                // operName: [
+                //     { required: true, message: '请输入经办人姓名', trigger: 'blur' },
+                // ],
+                // operPhone: [
+                //     { required: true, message: '请输入经办人手机号', trigger: 'blur' },
+                //     { pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确的手机号码', trigger: 'blur', },
+                // ],
+                creditCode: [
+                    { required: true, message: '请输入机构信用代码', trigger: 'blur' },
+                ],
+                legalPerName: [
+                    { required: true, message: '请输入法人姓名', trigger: 'blur' },
                 ],
-                operPhone: [
-                    { required: true, message: '请输入手机号', trigger: 'blur' },
+                legalPerPhone: [
+                    { required: true, message: '请输入法人手机号', trigger: 'blur' },
                     { pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确的手机号码', trigger: 'blur', },
                 ],
+                // operUserName: [
+                //     { required: true, message: '请输入经办人用户名', trigger: 'blur' },
+                // ],
+                identifyEmail: [
+                    { required: true, message: '请输入邮箱', trigger: 'blur' },
+                    { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
+                ]
             }
         };
     },
     watch: {
         operateVisable(val) {
             if (val) {
-               
             }
-        }
+        },
     },
     created() {
 
             insert(data).then(res => {
                 this.$modal.msgSuccess("新增成功！");
                 this.$emit("cancelFilingreview");
-                this.$emit('getList',this.queryParams);
+                this.$emit('getList', this.queryParams);
             })
         },
-        // // 编辑
-        // sealUpdateFn(data) {
-        //     sealUpdate(data).then(res => {
-        //         this.$modal.msgSuccess("修改成功！");
-        //         this.$emit("cancelFilingreview");
-        //         this.$emit('getList');
-        //     })
-        // },
         // 提交form表单
         submitForm() {
             this.$refs['ruleForm'].validate((valid) => {

src/views/officialSeal/components/addTemplate.vue

                 <el-form-item label="模板名称" prop="temName">
                     <el-input v-model="ruleForm.temName"></el-input>
                 </el-form-item>
+                <el-form-item label="模板类型" prop="temType">
+                    <el-select v-model="ruleForm.temType" placeholder="请选择">
+                        <el-option v-for="dict in dict.type.template_type" :key="dict.value" :label="dict.label"
+                            :value="dict.value"></el-option>
+                    </el-select>
+                </el-form-item>
                 <el-form-item label="机构名称" prop="identifyId">
                     <el-select v-model="ruleForm.identifyId" placeholder="请选择">
                         <el-option v-for="item in tempList" :key="item.id" :label="item.identifyName" :value="item.id">
             </el-form>
             <el-upload class="avatar-uploader" :before-upload="beforeUpload" :on-success="handleSuccess" ref="upload"
                 :action="UploadUrl()" :headers="headers" :data="filedata" :on-remove="handleRemove"
-                :on-change="handleChange" accept=".pdf,.word" :file-list="fileList" :auto-upload="false">
-                <el-button size="small" type="primary">点击上传</el-button>
+                :on-change="handleChange" accept=".doc,.docx" :file-list="fileList" :auto-upload="false">
+                <el-button size="small" type="primary">选择模板文件</el-button>
             </el-upload>
             <div slot="footer" class="dialog-footer">
                 <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
     deptIdentifyList,
 } from "@/api/officialSeal/officialSeal.js";
 export default {
-    props: ["uploadVisable", "uploadData","queryParams"],
+    props: ["uploadVisable", "uploadData", "queryParams"],
+    dicts: ["template_type"],
     data() {
         return {
             fileList: [],
             data: [],
-            tempList:[],
+            tempList: [],
+            isImg:false,
             headers: {
                 Authorization: "Bearer " + getToken(),
             },
                 temName: [
                     { required: true, message: '请输入模板名称', trigger: 'blur' },
                 ],
+                temType: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ],
+                identifyId: [
+                    { required: true, message: '请输入模板名称', trigger: 'blur' },
+                ]
             }
         };
     },
             this.$emit("cancelUpload");
         },
         handleChange(file, fileList) {
-            // this.imageUrl = URL.createObjectURL(file.raw);
+            this.isImg = file.type === '.doc' || '.docx'
         },
         UploadUrl() {
             return window.location.origin + "/API/deptIdentify/insertTemplate";
                 if (valid) {
                     this.filedata.identifyId = this.ruleForm.identifyId;
                     this.filedata.temName = this.ruleForm.temName;
-                    this.$refs.upload.submit();
+                    if (this.isImg) {
+                        this.$refs.upload.submit();
+                    }else{
+                        this.$message.error('只能上传doc,docx格式的文件')
+                    }
                 }
             });
         },
             console.log(file, fileList);
         },
         beforeUpload(file) {
-            const isImg = file.type === '.pdf' || '.word'
-            if (!isImg) {
-                this.$message.error('只能上传pdf,word格式的文件')
-            }
-            return isImg
+            // debugger
+            // this.isImg = file.type === '.doc' || '.docx'
         },
         handleSuccess() {
             this.$message.success('上传成功');
             this.$emit("cancelUpload");
-            this.$emit('getList',this.queryParams);
+            this.$emit('getList', this.queryParams);
         }
     },
 };

src/views/officialSeal/components/editTemplate.vue

                     <el-input v-model="ruleForm.temName"></el-input>
                 </el-form-item>
                 <el-form-item label="当前模板">
-                    <span style="color: #0e5ce3;cursor:pointer" @click="openUrl(editData.temOrigPath)">{{ editData.temOrigPath }}</span>
+                    <span style="color: #0e5ce3;cursor:pointer" @click="openUrl(editData.temOrigPath)">{{ editData.fileName
+                    }}</span>
                 </el-form-item>
             </el-form>
             <el-upload class="avatar-uploader" :before-upload="beforeUpload" :on-success="handleSuccess" ref="upload"
                 :action="UploadUrl()" :headers="headers" :data="filedata" :on-remove="handleRemove"
-                :on-change="handleChange" accept=".pdf,.word" :file-list="fileList" :auto-upload="false">
-                <el-button size="small" type="primary">点击上传</el-button>
+                :on-change="handleChange" accept=".doc,.docx" :file-list="fileList" :auto-upload="false">
+                <el-button size="small" type="primary">选择模板文件</el-button>
             </el-upload>
             <div slot="footer" class="dialog-footer">
                 <el-button @click="cancel" class="endbutton"><span>取 消</span></el-button>
 <script>
 import { getToken } from "@/utils/auth";
 export default {
-    props: ["editVisable", "editData","queryParams"],
+    props: ["editVisable", "editData", "queryParams"],
     data() {
         return {
             fileList: [],
             headers: {
                 Authorization: "Bearer " + getToken(),
             },
+            isImg: false,
             filedata: {},
             flagBtn: false,
             ruleForm: {},
     },
     methods: {
         // 打开链接
-        openUrl(urlTemp){
+        openUrl(urlTemp) {
             let headPath = window.location.origin + "/API/";
             window.open(headPath + urlTemp);
         },
             this.$emit("cancelEdit");
         },
         handleChange(file, fileList) {
-            // this.imageUrl = URL.createObjectURL(file.raw);
+            debugger
+            this.isImg = (file.type === '.doc' || file.type === '.docx') ? true:false;
         },
         UploadUrl() {
             return window.location.origin + "/API/deptIdentify/updateTemplate";
                 if (valid) {
                     this.filedata.id = this.editData.id;
                     this.filedata.temName = this.ruleForm.temName;
-                    this.$refs.upload.submit();
+                    if (this.isImg) {
+                        this.$refs.upload.submit();
+                    }else{
+                        this.$message.error('只能上传doc,docx格式的文件')
+                    }
                 }
             });
         },
             console.log(file, fileList);
         },
         beforeUpload(file) {
-            const isImg = file.type === '.pdf' || '.word'
-            if (!isImg) {
-                this.$message.error('只能上传pdf,word格式的文件')
-            }
-            return isImg
+            this.isImg = file.type === '.doc' || '.docx'
         },
         handleSuccess() {
             this.$message.success('上传成功');
             this.$emit("cancelEdit");
-            this.$emit('getList',this.queryParams);
+            this.$emit('getList', this.queryParams);
         }
     },
 };
 </script>
   
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

src/views/officialSeal/components/eidtInstitution.vue

                 <el-form-item label="机构名称" prop="identifyName">
                     <el-input v-model="editForm.identifyName"></el-input>
                 </el-form-item>
-                <el-form-item label="经办人姓名" prop="operName">
-                    <el-input v-model="editForm.operName"></el-input>
+                <el-form-item label="机构邮箱" prop="identifyEmail">
+                    <el-input v-model="editForm.identifyEmail"></el-input>
                 </el-form-item>
-                <el-form-item label="经办人手机号" prop="operPhone">
-                    <el-input v-model="editForm.operPhone"></el-input>
+                <el-form-item label="机构信用代码" prop="creditCode">
+                    <el-input v-model="editForm.creditCode"></el-input>
+                </el-form-item>
+                <el-form-item label="法人姓名" prop="legalPerName">
+                    <el-input v-model="editForm.legalPerName"></el-input>
+                </el-form-item>
+                <el-form-item label="法人手机号" prop="legalPerPhone">
+                    <el-input v-model="editForm.legalPerPhone"></el-input>
                 </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
                 identifyName: [
                     { required: true, message: '请输入机构名称', trigger: 'blur' },
                 ],
-                operName: [
-                    { required: true, message: '请输入经办人姓名', trigger: 'blur' },
+                creditCode: [
+                    { required: true, message: '请输入机构信用代码', trigger: 'blur' },
+                ],
+                legalPerName: [
+                    { required: true, message: '请输入法人姓名', trigger: 'blur' },
                 ],
-                operPhone: [
-                    { required: true, message: '请输入手机号', trigger: 'blur' },
+                legalPerPhone: [
+                    { required: true, message: '请输入法人手机号', trigger: 'blur' },
                     { pattern: /^[1][3,4,5,6,7,8,9][0-9]{9}$/, message: '请输入正确的手机号码', trigger: 'blur', },
                 ],
+                // operUserName: [
+                //     { required: true, message: '请输入经办人用户名', trigger: 'blur' },
+                // ],
+                identifyEmail: [
+                    { required: true, message: '请输入邮箱', trigger: 'blur' },
+                    { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
+                ]
             }
         };
     },

src/views/officialSeal/components/uploadSeal.vue

             }
             return isImg
         },
-        handleSuccess() {
-            this.$message.success('上传成功')
+        handleSuccess(response) {
+            if (response.code == 200) {
+                this.$message.success('上传成功')
+            } else {
+                this.$message.error(response.msg);
+            }
         }
     },
 };

src/views/officialSeal/officialSealList.vue

                         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>
-                    <el-button size="mini" @click="sealDelete(scope.row)" type="text" icon="el-icon-delete">删除</el-button>
-                    <el-button size="mini" @click="eidtSeal(scope.row)" type="text"
-                        v-if="scope.row.identifyStatus == '未认证'" icon="el-icon-edit">修改</el-button>
+                    <el-button size="mini" @click="sealDelete(scope.row)" v-if="scope.row.identifyStatus == '未认证'"
+                        type="text" icon="el-icon-delete">删除</el-button>
+                    <el-button size="mini" @click="eidtSeal(scope.row)" type="text" v-if="scope.row.identifyStatus == '未认证'"
+                        icon="el-icon-edit">修改</el-button>
+                    <el-button size="mini" @click="selectUser(scope.row)" type="text"
+                        v-if="scope.row.identifyStatus == '未认证'" icon="el-icon-edit">选择经办人</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" :queryParams="queryParams" @getList="getList">
+        <addInstitution :operateVisable="operateVisable" @cancelFilingreview="cancelFilingreview" :queryParams="queryParams"
+            @getList="getList">
         </addInstitution>
-        <uploadSeal :uploadVisable="uploadVisable" @cancelUpload="cancelUpload" :queryParams="queryParams" :uploadData="uploadData" @getList="getList">
+        <uploadSeal :uploadVisable="uploadVisable" @cancelUpload="cancelUpload" :queryParams="queryParams"
+            :uploadData="uploadData" @getList="getList">
         </uploadSeal>
         <sealManage :sealVisable="sealVisable" @cancelSeal="cancelSeal" :queryParams="queryParams" :sealData="sealData">
         </sealManage>
-        <eidtInstitution :editVisable="editVisable" @cancelEdit="cancelEdit" :queryParams="queryParams" @getList="getList" :editData="editData"></eidtInstitution>
+        <eidtInstitution :editVisable="editVisable" @cancelEdit="cancelEdit" :queryParams="queryParams" @getList="getList"
+            :editData="editData"></eidtInstitution>
+        <el-dialog title="选择经办人" :visible.sync="selectVisible" width="600px" @close="selectClose">
+            <el-form :model="slectFrom" :rules="rules" ref="slectFrom" label-width="80px">
+                <el-form-item label="经办人" prop="id">
+                    <el-select v-model="slectFrom.id" clearable placeholder="请选择">
+                        <el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="selectClose" class="endbutton"><span>取 消</span></el-button>
+                <el-button type="primary" @click="submitUser" class="endbutton"><span>确认</span></el-button>
+            </div>
+        </el-dialog>
     </div>
 </template>
   
     deptIdentifyList,
     enableDept,
     selectDeptIndefiUrl,
-    deleteSeal
+    deleteSeal,
+    selectPostUserByDeptId,
+    bindHandler
 } from "@/api/officialSeal/officialSeal.js";
 
 import addInstitution from "./components/addInstitution";
             sealVisable: false,//公章列表弹窗
             uploadData: {},
             sealData: {},
-            editVisable:false,
-            editData:{}
+            editVisable: false,
+            editData: {},
+            selectVisible: false,
+            slectFrom: {},
+            userList: [],
+            templateId: null,
+            rules: {
+                id: [
+                    { required: true, message: '请选择经办人', trigger: 'blur' },
+                ]
+            }
         };
     },
     created() {
         this.getList(this.queryParams)
     },
     methods: {
+        // 选择经办人
+        selectUser(row) {
+            this.selectVisible = true;
+            this.templateId = row.id;
+            selectPostUserByDeptId({ id: row.id }).then(res => {
+                this.userList = res.data;
+                if (row.userId) {
+                    this.slectFrom.id = row.userId;
+                } else {
+                    this.slectFrom = {};
+                }
+            })
+        },
+        // 确认经办人
+        submitUser() {
+            this.$refs['slectFrom'].validate((valid) => {
+                if (valid) {
+                    bindHandler({ id: this.templateId, userId: this.slectFrom.id }).then(res => {
+                        this.$modal.msgSuccess("选择成功");
+                        this.selectVisible = false;
+                        this.getList(this.queryParams);
+                    })
+                }
+            })
+        },
+        selectClose() {
+            this.selectVisible = false;
+        },
         // 删除
-        sealDelete(row){
+        sealDelete(row) {
             this.$modal
                 .confirm("是否更改状态")
                 .then((res) => {
-                    this.deleteSealFn({id:row.id})
+                    this.deleteSealFn({ id: row.id })
                 })
         },
         // 删除接口
-        deleteSealFn(data){
-            deleteSeal(data).then(res=>{
+        deleteSealFn(data) {
+            deleteSeal(data).then(res => {
                 this.$modal.msgSuccess("删除成功！");
                 this.getList(this.queryParams);
             })
             this.operateVisable = true;
         },
         // 编辑
-        eidtSeal(row){
+        eidtSeal(row) {
             this.editVisable = true;
             this.editData = row;
         },
-        cancelEdit(){
+        cancelEdit() {
             this.editVisable = false;
         },
         // 启用认证按钮
         },
         // 认证按钮
         DeptIndefiUrl(row) {
+            if (!row.operName || !row.legalPerPhone) {
+                this.$modal.msgError("当前没有经办人 ，无法认证！！");
+                return
+            }
             this.$modal.confirm('是否认证？')
                 .then(function () {
                     selectDeptIndefiUrl({ id: row.id }).then(res => {
                 this.dataList.forEach(item => {
                     if (item.identifyStatus == 0 || item.identifyStatus == null) {
                         item.identifyStatus = '未认证'
-                    } else {
+                    } else if (item.identifyStatus == 2) {
+                        item.identifyStatus = '认证中'
+                    } else if (item.identifyStatus == 1) {
                         item.identifyStatus = '已认证'
                     }
                     if (item.isUse == 0 || item.isUse == null) {