Mediation-Frontend/src/views/caseManagement/caseList.vue

<template>
    <div class="app-container">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
            <el-form-item label="案件状态" prop="caseFlowId">
                <el-select v-model="queryParams.caseFlowId" placeholder="请选择" clearable>
                    <el-option v-for="dict in caseStausArr" :key="dict.id" :label="dict.caseStatusName" :value="dict.id"
                        @keyup.enter.native="handleQuery"></el-option>
                </el-select>
            </el-form-item>
            <!-- <el-form-item label="申请机构" prop="applicationOrganId">
                <el-select v-model="queryParams.applicationOrganId" placeholder="请选择" clearable>
                    <el-option v-for="dict in deptList" :key="dict.deptId" :label="dict.deptName" :value="dict.deptId"
                        @keyup.enter.native="handleQuery"></el-option>
                </el-select>
            </el-form-item> -->
            <!-- <el-form-item label="批号" prop="batchNumber">
                <el-input v-model="queryParams.batchNumber" placeholder="请输入案件批号" clearable style="width: 240px"
                    @keyup.enter.native="handleQuery" />
            </el-form-item> -->
            <el-form-item label="案件编号" prop="caseNum">
                <el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" :disabled='queryDisable' clearable
                    style="width: 240px" @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item label="创建时间" prop="caseTime">
                <el-date-picker v-model="caseTime" type="datetimerange" align="right" unlink-panels range-separator="至"
                    start-placeholder="开始日期" end-placeholder="结束日期" clearable style="width: 240px" :default-time="['00:00:00', '23:59:59']"
                    @change="caseTimeChange">
                </el-date-picker>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
                <!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> -->
            </el-form-item>
        </el-form>
        <el-row :gutter="10" class="mb8">
            <el-col :span="1.5">
                <el-button type="primary" plain icon="el-icon-plus" v-hasPermi="['caseManagement:list:add']" size="mini"
                    @click="addCase()">新增案件</el-button>
            </el-col>
            <!-- TODO 后期可能加上-->
            <!-- <el-col :span="1.5">
                <el-button type="primary" plain icon="el-icon-plus" size="mini"
                    @click="compressedPackages">案件压缩包上传</el-button>
            </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">
                    <span>{{
            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
        }}</span>
                </template>
            </el-table-column>
            <!-- <el-table-column label="批号" align="center" prop="batchNumber" :show-overflow-tooltip="true" /> -->
            <el-table-column label="案件编号" align="center" prop="caseNum" :show-overflow-tooltip="true" />
            <el-table-column label="申请人" align="center" prop="applicationName" :show-overflow-tooltip="true" />
            <el-table-column label="被申请人" align="center" prop="respondentName" :show-overflow-tooltip="true" />
            <!-- <el-table-column label="案件标的" align="center" prop="caseSubjectAmount" :show-overflow-tooltip="true" /> -->
            <el-table-column label="调解员" align="center" prop="mediatorName" :show-overflow-tooltip="true" />
            <el-table-column label="调解方式" align="center" prop="mediationMethodName" :show-overflow-tooltip="true" />
            <el-table-column label="调解时间" align="center" prop="hearDate" :show-overflow-tooltip="true" />
            <el-table-column label="案件状态" align="center" prop="caseStatusName" :show-overflow-tooltip="true" />
            <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" />
            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                <template slot-scope="scope">
                    <el-button size="mini" @click="eidtNodeprocess(scope.row)" type="text" icon="el-icon-edit"
                        v-hasPermi="['caseManagement:list:edit']" v-if="scope.row.caseFlowId <= 1">修改</el-button>
                    <el-button size="mini" @click="checkDetail(scope.row)" type="text"
                        icon="el-icon-view">查看详情</el-button>
                    <el-button size="mini" @click="caseFlow(scope.row)" type="text"
                        icon="el-icon-zoom-in">查看流程</el-button>
                    <el-button size="mini" @click="caseLog(scope.row)" type="text"
                        icon="el-icon-edit-outline">案件日志</el-button>
                    <el-button size="mini" @click="viewpaymentformRow(scope.row)" type="text" icon="el-icon-edit"
                        v-if="scope.row.caseFlowId > 2">查看缴费单</el-button>
                    <el-button size="mini" type="text" icon="el-icon-edit" @click="evidenceUpload(scope.row)"
                        v-hasPermi="['caseManagement:list:evidenceEdit']"
                        v-if="scope.row.caseFlowId <= 9">上传证据</el-button>
                    <el-button size="mini" v-if="scope.row.mediationFileFlag == 1"
                        @click="mediationApplication(scope.row)" type="text" icon="el-icon-edit-outline">调解书</el-button>
                    <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.caseFlowId == 15 ||
            scope.row.caseFlowId == 16 ||
            scope.row.caseFlowId == 17
            " @click="caseFilingDetails(scope.row)">归档详情</el-button>
                    <div class="btnList" v-for="item in buttonList" :key="item.id">
                        <el-button size="mini" type="text" icon="el-icon-tickets" @click="caseClick(scope.row, item.id)"
                            v-if="(item.id == scope.row.caseFlowId &&
            checkPermi([item.buttonAuthFlag]) &&
            scope.row.signButtonFlag != 1) && (scope.row.appOperatorFlag == 1 || scope.row.resOperatorFlag == 1 || scope.row.otherFlag == 1 || scope.row.agentFlag == 1 || scope.row.mediatorFlag == 1)
            ">{{ item.nodeName }}</el-button>
                    </div>
                </template>
            </el-table-column>
        </el-table>
        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize" @pagination="getList(queryParams)" />
        <!-- 新增编辑详情 -->
        <addCase :addVisable="addVisable" :queryParams="queryParams" @cancelCaseAdd="cancelCaseAdd" @getList="getList"
            :caseData="caseData" :caseDisabled="caseDisabled" :tabFlag="tabFlag" :addModifyData="addModifyData">
        </addCase>
        <!-- 压缩包导入     -->
        <caseCompressionPackage :openCompressedPackages="openCompressedPackages" :queryParams="queryParams"
            @cancelCompreess="cancelCompreess" :getList="getList">
        </caseCompressionPackage>
        <!-- 案件详情 -->
        <mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess"
            :caseFlowNumber="caseFlowNumber">
        </mediationCaseDetails>
        <!-- 案件日志 -->
        <mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr"
            :flagLoading="flagLoading"></mediationCaseLog>
        <!-- 证据修改 -->
        <evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence"
            :evidenceData="evidenceData">
        </evidenceDialog>
        <!-- 缴费 -->
        <payDialog :openPay="openPay" :payTitle="payTitle" :formPayDetail="formPayDetail" :payId="payId"
            :payForm="payForm" :queryParams="queryParams" @getList="getList" @paycancelRow="paycancelRow"
            :formPayDetailAffiliate="formPayDetailAffiliate"></payDialog>
        <!-- 缴费确认查看详情 -->
        <paymentdetailsDialog :openDialog="openDialog" @cancelpaymentdetails="cancelpaymentdetails" :title="payTitle"
            :detailform="detailform" :queryParams="queryParams" :flag="flag" :paymentConfirma="paymentConfirma"
            :isapplicant="isapplicant" @getList="getList">
        </paymentdetailsDialog>
        <!-- 案件受理 -->
        <caseAcceptance :showAcceptance="showAcceptance" @cancelAcceptance="cancelAcceptance"
            :caseAcceptanceData="caseAcceptanceData" @getList="getList" :queryParams="queryParams"></caseAcceptance>
        <!-- 被申请人缴费 -->
        <respondentPay :openResPay="openResPay" :resPayTitle="resPayTitle" :formResPayDetail="formResPayDetail"
            :resPayId="resPayId" :resPayForm="resPayForm" :queryParams="queryParams" @getList="getList"
            @paycancelRes="paycancelRes" :formResPay="formResPay"></respondentPay>
        <!-- 调解员弹窗 -->
        <selectMediator @cancelMediator="cancelMediator" :mediatorVisable="mediatorVisable" :mediatorData="mediatorData"
            @getList="getList" :queryParams="queryParams"></selectMediator>
        <!-- 秘书确认 -->
        <confirmMediator @cancelConfirm="cancelConfirm" :confirmVisable="confirmVisable" :confirmData="confirmData"
            @getList="getList" :queryParams="queryParams"></confirmMediator>
        <!-- 部门长确认 -->
        <departmentMediator @cancelDepartment="cancelDepartment" :departmentVisable="departmentVisable"
            :departmentData="departmentData" @getList="getList" :queryParams="queryParams"></departmentMediator>
        <!-- 秘书确认时间 -->
        <timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable"
            :timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
        <!-- 待调解     -->
        <mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable"
            :mediationData="mediationData" @getList="getList" :queryParams="queryParams" :applicant="applicant">
        </mediation>
        <confirmMediation @cancelConfirmTion="cancelConfirmTion" :confirmTionVisable="confirmTionVisable"
            :confirmTionData="confirmTionData" @getList="getList" :queryParams="queryParams"></confirmMediation>
        <!-- 归档详情 -->
        <caseFilingDetailsPage :showarchiveDetails="showarchiveDetails" :caseFilingData="caseFilingData"
            @cancelDetail="cancelDetail" :detailsAwardNum="detailsAwardNum" :flagLoadingS="flagLoadingS">
        </caseFilingDetailsPage>
        <!-- 调解申请书 -->
        <mediationApplications :mediationAppVisable="mediationAppVisable" @cancelmediationApp="cancelmediationApp"
            :mediationLise="mediationLise"></mediationApplications>
    </div>
</template>

<script>
import {
    caseApplicationList,
    caseApplicationSelectById,
    submitCaseApply,
    selectPaymentDetail,
    sealApply,
    selectSealUrl,
    listCaseLogRecord,
    msCaseFile,
    msCaseSign,
    listDeptApplied,
    msCaseSignUrlApplyPC,
} from "@/api/caseManagement/caseManagement.js";
import { listDept } from "@/api/system/dept.js";
import { queryCaseFlowInfo } from "@/api/caseprocessManagement/caseprocessManagement.js";
import moment from "moment";
import addCase from "./components/addCase.vue";
import evidenceDialog from "./components/evidenceDialog.vue";
import caseCompressionPackage from "./components/caseCompressionPackage.vue";
import mediationCaseDetails from "./components/mediationCaseDetails.vue";
import mediationCaseLog from "./components/mediationCaseLog.vue";
import payDialog from "./components/payDialog.vue";
import respondentPay from "./components/respondentPay.vue";
import paymentdetailsDialog from "./components/paymentdetailsDialog.vue";
import caseAcceptance from "./components/caseAcceptance.vue";
import selectMediator from "./components/selectMediator.vue";
import confirmMediator from "./components/confirmMediator.vue";
import departmentMediator from "./components/departmentMediator.vue";
import timeConfirm from "./components/timeConfirm.vue";
import mediation from "./components/mediation.vue";
import confirmMediation from "./components/confirmMediation.vue";
import caseFilingDetailsPage from "./components/caseFilingDetailsPage.vue";
import mediationApplications from "./components/mediationApplications.vue"
export default {
    name: "caseList",
    dicts: ["case_flow_node"],
    components: {
        addCase,
        caseCompressionPackage,
        mediationCaseDetails,
        mediationCaseLog,
        evidenceDialog,
        payDialog,
        paymentdetailsDialog,
        caseAcceptance,
        selectMediator, //调解员弹窗
        confirmMediator,
        departmentMediator,
        timeConfirm,
        mediation,
        confirmMediation,
        caseFilingDetailsPage,
        respondentPay,
        mediationApplications
    },
    data() {
        return {
            queryParams: {
                pageNum: 1,
                pageSize: 10,
            },
            queryDisable: false,
            // 遮罩层
            loading: false,
            // 总条数
            total: 0,
            // 表格数据
            form: {},
            // 校验表单
            rules: {},
            dataList: [],
            addVisable: false, //新增弹窗
            openPay: false, //缴费弹框
            openResPay: false, //被申请人缴费弹窗
            formPayDetail: {},
            formResPayDetail: {},
            payId: null,
            resPayId: null,
            payForm: {},
            resPayForm: {},
            openCompressedPackages: false, //压缩包导入弹窗
            processVisable: false, //案件详情
            showcaseLog: false, //案件日志
            openDialog: false, //确认缴费和缴费详情
            detailform: {}, //缴费详情数据
            evidenceVisable: false, //证据修改弹窗
            mediationVisable: false, //待调解弹窗
            mediationAppVisable: false,//调解申请书
            mediationLise: {},
            mediationData: {},
            payTitle: "", //缴费标题
            resPayTitle: "", //被申请人缴费标题
            paymentConfirma: {}, //缴费确认
            showAcceptance: false, //案件受理弹框
            caseAcceptanceData: {}, //案件受理数据
            mediatorVisable: false, //选择调解员弹窗
            timeVisable: false, //预约时间弹窗
            confirmVisable: false, //确认时间/调解员
            caseFlowNumber: {}, //案件流程数据
            caselogDataArr: [], //案件日志数据
            flagLoading: true, //案件日志弹框loading
            confirmTionVisable: false, //确认调解书弹窗
            addModifyData: null, //新增修改传的参数
            showarchiveDetails: false, //归档详情弹窗
            detailsAwardNum: {},
            flagLoadingS: true,
            formPayDetailAffiliate: {},
            formResPay: {},
            mediatorData: {},
            flag: null,
            caseData: {},
            evidenceData: {},
            caseDisabled: false,
            caseTime: "",
            deptList: [],
            payTitle: "",
            tabFlag: false,
            confirmData: {},
            departmentVisable: false,
            departmentData: {},
            timeConfirmVisable: false,
            timeConfirmData: {},
            confirmTionData: {},
            buttonList: [],
            caseStausArr: [], //案件状态
            isapplicant: true, //判断角色申请人或非申请人
            caseFilingData: {},
            applicant: ""
        };
    },
    created() {
        // this.queryParams.caseNum = this.$route.query.caseNum;
        this.$set(this.queryParams, "caseNum", this.$route.query.caseNum);
        console.log(this.$route.query)
        if (this.$route.query.token) {
            this.queryDisable = true;
        } else {
            this.queryDisable = false;
        }
        // this.getList(this.queryParams);
        this.listDeptFn();
        // this.getButtonList()
        queryCaseFlowInfo({
            pageNum: 1,
            pageSize: 100000,
        }).then((res) => {
            res.rows.forEach((item) => {
                if (item.id != 17) {
                    this.buttonList.push(item);
                }
                this.caseStausArr.push(item);
            });
            // if (this.$route.query.caseFlowId) {
            //     let querydata = Number(this.$route.query.caseFlowId);
            //     if (querydata > 0) {
            //         this.$set(this.queryParams, 'caseFlowId', querydata)
            //     }
            // }
            // this.getList(this.queryParams);
        });
        if (this.$route.query.caseFlowId) {
            let querydata = Number(this.$route.query.caseFlowId);
            if (querydata > 0) {
                this.$set(this.queryParams, 'caseFlowId', querydata)
            }
        }
        this.getList(this.queryParams);
    },
    methods: {
        /**所有按钮事件 */
        caseClick(val, type) {
            if (type == 1) {
                // 提交案件
                this.onsubmitRow(val);
            } else if (type == 2) {
                // 缴费
                this.payStatus(val);
            } else if (type == 3 || type == 45) {
                // 确认缴费
                this.paymentconfirmationRow(val, type);
            } else if (type == 4) {
                // 受理分配
                this.caseAccep(val);
            } else if (type == 5) {
                // 选择调解员
                this.selectMediator(val);
            } else if (type == 6) {
                // 核实调解员
                this.secretaryConfirm(val);
            } else if (type == 7) {
                // 确认调解员
                this.department(val);
            } else if (type == 8) {
                // 确定调解时间
                this.timeConfirm(val);
            } else if (type == 9) {
                // 调解
                this.mediationClick(val);
            } else if (type == 10) {
                // 确认调解书
                this.confirmMediation(val);
            } else if (type == 11) {
                // 签名
                this.msCaseSignUrlApplyPCFn(val);
            } else if (type == 12) {
                // 用印申请
                this.consultantApplica(val);
            } else if (type == 13) {
                // 用印
                this.departmentApplica(val);
            } else if (type == 14) {
                // 归档
                this.caseFiling(val);
            } else if (type == 15) {
                // 申请人签收
                this.signMediation(val);
            } else if (type == 16) {
                // 被申请人签收
                this.receivedMediation(val);
            } else if (type == 17) {
                //结束
            } else if (type == 44) {
                // 被申请人缴费
                this.resPayStatus(val);
            }
        },
        /**查询按钮列表 */
        getButtonList() { },
        /** 新增案件 */
        addCase() {
            this.addModifyData = 1;
            this.addVisable = true;
            this.caseData = {};
            this.caseDisabled = false;
            this.tabFlag = false;
        },
        /** 查看详情 */
        checkDetail(val) {
            this.addModifyData = 2;
            this.addVisable = true;
            this.caseData = val;
            this.caseDisabled = true;
            this.tabFlag = true;
        },
        /** 修改案件 */
        eidtNodeprocess(row) {
            this.addModifyData = 3;
            this.addVisable = true;
            this.caseData = row;
            this.$set(this.caseData, "flag", 2);
            this.caseDisabled = false;
            this.tabFlag = false;
        },
        /** 案件导入压缩包 */
        compressedPackages() {
            this.openCompressedPackages = true;
        },
        /** 缴费 */
        payStatus(val) {
            this.getDetail({ id: val.id });
            this.payTitle = "申请人缴费";
            this.payId = val.id;
            this.openPay = true;
        },
        /** 被申请人缴费 */
        resPayStatus(val) {
            this.getResDetail({ id: val.id });
            this.resPayTitle = "被申请人缴费";
            this.resPayId = val.id;
            this.openResPay = true;
        },
        /** 列表提交立案 */
        onsubmitRow(row) {
            this.$modal
                .confirm("是否提交调解申请？")
                .then(function () {
                    return submitCaseApply({ id: row.id, caseFlowId: row.caseFlowId });
                })
                .then(() => {
                    this.getList(this.queryParams);
                    this.$modal.msgSuccess("调解申请成功");
                })
                .catch(() => { });
        },
        /** 签名 */
        msCaseSignUrlApplyPCFn(row) {
            // this.$modal
            //     .confirm("是否")
            //     .then(function () {
            //         return msCaseSignUrlApplyPC({ caseId: row.id });
            //     })
            //     .then(() => {
            //         this.getList(this.queryParams);
            //         this.$modal.msgSuccess("立案申请成功");
            //     })
            //     .catch(() => { });
            msCaseSignUrlApplyPC({ caseId: row.id }).then((res) => {
                window.open(res.data.sealUrl);
            });
        },
        /** 选择调解员 */
        selectMediator(val) {
            this.mediatorVisable = true;
            this.mediatorData = val;
        },
        /** 预约时间 */
        selectTime(val) {
            this.timeVisable = true;
        },
        /** 调解 */
        mediationClick(val) {
            this.mediationVisable = true;
            this.mediationData = val;
            this.applicant = val.applicationName;
        },
        /** 确认调解书 */
        confirmMediation(val) {
            this.confirmTionVisable = true;
            this.confirmTionData = val;
        },
        getDetail(parms) {
            caseApplicationSelectById(parms).then((res) => {
                this.formPayDetail = res.data;
                this.formPayDetailAffiliate = res.data.affiliate;
                let applicantStr = '';
                let resStr = '';
                applicantStr = this.formPayDetailAffiliate.applicant.map(item => item.applicant.name).join(',');
                resStr = this.formPayDetailAffiliate.res.map(item => item.res.name).join(',');
                this.formPayDetailAffiliate.applicationName = applicantStr;
                this.formPayDetailAffiliate.respondentName = resStr;
                this.payForm.feePayable = res.data.feePayable;
                this.payForm.caseId = res.data.id;
            });
        },
        getResDetail(parms) {
            caseApplicationSelectById(parms).then((res) => {
                this.formResPayDetail = res.data;
                this.formResPay = res.data.affiliate;
                let applicantStr = '';
                let resStr = '';
                applicantStr = this.formResPay.applicant.map(item => item.applicant.name).join(',');
                resStr = this.formResPay.res.map(item => item.res.name).join(',');
                this.formResPay.applicationName = applicantStr;
                this.formResPay.respondentName = resStr;
                this.resPayForm.feePayable = res.data.feePayable;
                this.resPayForm.caseId = res.data.id;
            });
        },
        /** 确认调解员 */
        secretaryConfirm(val) {
            this.confirmVisable = true;
            this.confirmData = val;
        },
        /** 部门长确认调解员 */
        department(val) {
            this.departmentVisable = true;
            this.departmentData = val;
        },
        /**确认时间 */
        timeConfirm(val) {
            this.timeConfirmVisable = true;
            this.timeConfirmData = val;
        },
        /** 时间改变处理 */
        caseTimeChange() {
            if (this.caseTime) {
                this.queryParams.startTime = moment(this.caseTime[0]).format(
                    "YYYY-MM-DD HH:mm:ss"
                );
                this.queryParams.endTime = moment(this.caseTime[1]).format(
                    "YYYY-MM-DD HH:mm:ss"
                );
            } else {
                this.queryParams.startTime = "";
                this.queryParams.endTime = "";
            }
        },
        /** 获取所有部门 */
        listDeptFn() {
            listDeptApplied().then((res) => {
                this.deptList = res.data;
            });
        },
        /** 修改证据 */
        evidenceUpload(row) {
            this.evidenceData = row;
            this.evidenceVisable = true;
        },
        /** 取消弹窗（证据弹窗） */
        cancelEvidence() {
            this.evidenceVisable = false;
        },
        /** 关闭新增弹窗 */
        cancelCaseAdd() {
            this.addVisable = false;
        },
        /** 关闭压缩包导入弹窗 */
        cancelCompreess() {
            this.openCompressedPackages = false;
        },
        /**取消缴费*/
        paycancelRow(row) {
            this.openPay = false;
        },
        /**被申请人取消缴费*/
        paycancelRes(row) {
            this.openResPay = false;
        },
        /** 取消调解员弹窗 */
        cancelMediator() {
            this.mediatorVisable = false;
        },
        /** 取消预约时间弹窗 */
        cancelTime() {
            this.timeVisable = false;
        },
        /**取消调解 */
        cancelMediation() {
            this.timeConfirmVisable = false;
        },
        /** 取消确认调解弹窗 */
        cancelConfirmTion() {
            this.confirmTionVisable = false;
        },
        cancelMediation() {
            this.mediationVisable = false;
        },
        cancelConfirm() {
            this.confirmVisable = false;
        },
        cancelDepartment() {
            this.departmentVisable = false;
        },
        cancelTimeConfirm() {
            this.timeConfirmVisable = false;
        },
        /** 搜索按钮操作 */
        handleQuery() {
            this.queryParams.pageNum = 1;
            this.getList(this.queryParams);
        },
        /** 重置按钮操作 */
        // resetQuery() {
        //     this.resetForm("queryForm");
        //     this.handleQuery();
        // },
        // 查询列表数据
        getList(parms) {
            this.loading = true;
            caseApplicationList(parms).then((response) => {
                this.dataList = response.rows;
                this.total = response.total;
                this.loading = false;
            });
        },
        // 法律顾问用印申请
        consultantApplica(row) {
            let paramsValue = {
                caseId: row.id,
                batchNumber: "",
                caseFlowId: row.caseFlowId,
            };
            this.$modal
                .confirm("你确定要用印申请吗？")
                .then((res) => {
                    sealApply(paramsValue).then((res) => {
                        this.getList(this.queryParams);
                        this.$modal.msgSuccess("用印申请成功");
                    });
                })
                .catch(() => { });
        },
        // 部门长用印申请
        departmentApplica(row) {
            this.$modal
                .confirm("你确定要用印确认吗？")
                .then((res) => {
                    let paramsValue = {
                        caseId: row.id,
                    };
                    selectSealUrl(paramsValue).then((res) => {
                        window.open(res.data.sealUrl);
                        this.$modal
                            .confirm("你确认用印了吗？")
                            .then((res) => {
                                this.getList(this.queryParams);
                            })
                            .catch(() => { });
                    });
                })
                .catch(() => { });
        },
        // 案件受理
        caseAccep(row) {
            this.caseAcceptanceData = row;
            this.showAcceptance = true;
        },
        cancelAcceptance() {
            this.showAcceptance = false;
        },
        // 缴费确认
        paymentconfirmationRow(row, type) {
            this.paymentConfirma = row;
            console.log(this.paymentConfirma);
            this.paymentDetails({
                id: row.id,
            });
            this.openDialog = true;
            this.payTitle = "缴费确认";
            this.flag = 0;
            this.detailform = {};
            if (type == 3) {
                // 申请人
                this.isapplicant = true;
            } else {
                this.isapplicant = false;
            }
        },
        cancelpaymentdetails() {
            this.openDialog = false;
        },
        // 查看缴费确认
        viewpaymentformRow(row) {
            this.paymentDetails({
                id: row.id,
            });
            this.payTitle = "缴费单详情";
            this.flag = 1;
            this.detailform = {};
            this.openDialog = true;
        },
        // 缴费详情
        paymentDetails(val) {
            selectPaymentDetail(val).then((res) => {
                this.detailform = res.data;
            });
        },
        //案件流程
        caseFlow(row) {
            this.caseFlowNumber = row;
            this.processVisable = true;
        },
        cancelViewProcess() {
            this.processVisable = false;
        },
        //案件日志
        caseLog(row) {
            this.caseLogNumber = row;
            this.showcaseLog = true;
            this.flagLoading = true;
            listCaseLogRecord({ caseId: row.id }).then((res) => {
                this.caselogDataArr = res.data;
                this.flagLoading = false;
            });
        },
        cancelcaseLog() {
            this.showcaseLog = false;
        },
        // 案件送达
        caseFiling(row) {
            console.log(row.id);
            let paramValues = {
                ids: [row.id],
            };
            this.$confirm("你确定要案件送达吗？", "提示", {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                callback: () => { },
                beforeClose: (action, ctx, close) => {
                    if (action !== 'confirm') {
                        close();
                        return;
                    }
                    ctx.confirmButtonLoading = true;
                    msCaseFile(paramValues).then((res) => {
                        this.$modal.msgSuccess("案件送达成功");
                        close();
                        this.getList(this.queryParams);
                    }).finally(() => {
                        ctx.confirmButtonLoading = false;
                    })
                }
            }).finally(() => { })
            // .then((res) => {
            //     msCaseFile(paramValues).then((res) => {
            //         this.$modal.msgSuccess("案件送达成功");
            //         this.getList(this.queryParams);
            //     });
            // })
            // .catch(() => { });
        },
        //申请人签收调解书
        signMediation(row) {
            this.$modal
                .confirm("你确定要签收调解书吗？")
                .then((res) => {
                    this.signingMediationAgreement({ caseId: row.id, isSignApply: 1 });
                })
                .catch(() => { });
        },
        //被申请人签收调解书
        receivedMediation(row) {
            this.$modal
                .confirm("你确定要签收调解书吗？")
                .then((res) => {
                    this.signingMediationAgreement({ caseId: row.id, isSignRespon: 1 });
                })
                .catch(() => { });
        },
        // 申请人和被申请人签收调解书接口
        signingMediationAgreement(val) {
            console.log(val);
            msCaseSign(val).then((res) => {
                this.$modal.msgSuccess("签收成功");
                this.getList(this.queryParams);
            });
        },
        //归档详情
        caseFilingDetails(val) {
            this.showarchiveDetails = true;
            this.caseFilingData = val;
            let vals = { id: val.id };
            caseApplicationSelectById(vals).then((res) => {
                res.data.affiliate.applicant.forEach(item => {
                    if (!item.applicant) {
                        item.applicant = {}
                    }
                    if (!item.applicantAgent) {
                        item.applicantAgent = {}
                    }
                })
                res.data.affiliate.res.forEach(item => {
                    if (!item.res) {
                        item.res = {}
                    }
                    if (!item.resAgent) {
                        item.resAgent = {}
                    }
                })
                this.detailsAwardNum = res.data;
                console.log(this.detailsAwardNum);
                this.flagLoadingS = false;
            });
        },
        cancelDetail() {
            this.showarchiveDetails = false;
        },
        // 调解书
        mediationApplication(row) {
            this.mediationLise = row
            this.mediationAppVisable = true
        },
        cancelmediationApp() {
            this.mediationAppVisable = false
        }
    },
};
</script>

<style lang="scss" scoped></style>