SH-Arbitrate/Mediation-Frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

'调解首页开发'

Browse Source
This commit is contained in:
hhl123456789
2024-02-28 18:13:28 +08:00
parent 7b17d986f3
commit 504e8ef1d5
5 changed files with 1057 additions and 681 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/system/homepage.js
+10
View File
@@ -0,0 +1,10 @@
import request from '@/utils/request'
// 查询首页待办
export function todoCount(data) {
return request({
url: '/caseApplication/todoCount',
method: 'get',
params: data
})
}
src/assets/images/daiban.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

src/views/caseManagement/caseList.vue
+461 -201
View File
@@ -2,9 +2,18 @@
<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
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">
@@ -18,22 +27,51 @@
@keyup.enter.native="handleQuery" />
</el-form-item> -->
<el-form-item label="案件编号" prop="caseNum">
<el-input v-model="queryParams.caseNum" placeholder="请输入案件编号" clearable style="width: 240px"
@keyup.enter.native="handleQuery" />
<el-input
v-model="queryParams.caseNum"
placeholder="请输入案件编号"
clearable
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="创建时间" prop="caseTime">
<el-date-picker v-model="caseTime" type="daterange" align="right" unlink-panels range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" clearable style="width: 240px" @change="caseTimeChange">
<el-date-picker
v-model="caseTime"
type="daterange"
align="right"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
clearable
style="width: 240px"
@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
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-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">
@@ -50,107 +88,318 @@
</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="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">
<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">查看缴费单</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" 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>
<el-button size="mini" type="text" icon="el-icon-tickets" v-for="(item) in buttonList" :key="item.id"
@click="caseClick(scope.row,item.id)" v-if="item.id == scope.row.caseFlowId && checkPermi([item.buttonAuthFlag]) && scope.row.signButtonFlag != 1">{{ item.nodeName }}</el-button>
<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"
>查看缴费单</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"
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
>
<el-button
size="mini"
type="text"
icon="el-icon-tickets"
v-for="item in buttonList"
:key="item.id"
@click="caseClick(scope.row, item.id)"
v-if="
item.id == scope.row.caseFlowId &&
checkPermi([item.buttonAuthFlag]) &&
scope.row.signButtonFlag != 1
"
>{{ item.nodeName }}</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)" />
<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>
<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
:openCompressedPackages="openCompressedPackages"
:queryParams="queryParams"
@cancelCompreess="cancelCompreess"
:getList="getList"
>
</caseCompressionPackage>
<!-- 案件详情 -->
<mediationCaseDetails :processVisable="processVisable" @cancelViewProcess="cancelViewProcess"
:caseFlowNumber="caseFlowNumber">
<mediationCaseDetails
:processVisable="processVisable"
@cancelViewProcess="cancelViewProcess"
:caseFlowNumber="caseFlowNumber"
>
</mediationCaseDetails>
<!-- 案件日志 -->
<mediationCaseLog :showcaseLog="showcaseLog" @cancelcaseLog="cancelcaseLog" :caselogDataArr="caselogDataArr" :flagLoading="flagLoading"></mediationCaseLog>
<mediationCaseLog
:showcaseLog="showcaseLog"
@cancelcaseLog="cancelcaseLog"
:caselogDataArr="caselogDataArr"
:flagLoading="flagLoading"
></mediationCaseLog>
<!-- 证据修改 -->
<evidenceDialog :evidenceVisable="evidenceVisable" @cancelEvidence="cancelEvidence" :evidenceData="evidenceData">
<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>
<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
: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"></caseAcceptance>
<caseAcceptance
:showAcceptance="showAcceptance"
@cancelAcceptance="cancelAcceptance"
:caseAcceptanceData="caseAcceptanceData"
@getList="getList"
></caseAcceptance>
<!-- 被申请人缴费 -->
<respondentPay :openResPay="openResPay" :resPayTitle="resPayTitle" :formResPayDetail="formResPayDetail" :resPayId="resPayId" :resPayForm="resPayForm"
:queryParams="queryParams" @getList="getList" @paycancelRes="paycancelRes" :formResPay="formResPay"></respondentPay>
<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>
<selectMediator
@cancelMediator="cancelMediator"
:mediatorVisable="mediatorVisable"
:mediatorData="mediatorData"
@getList="getList"
:queryParams="queryParams"
></selectMediator>
<!-- 秘书确认 -->
<confirmMediator @cancelConfirm="cancelConfirm" :confirmVisable="confirmVisable" :confirmData="confirmData"
@getList="getList" :queryParams="queryParams"></confirmMediator>
<confirmMediator
@cancelConfirm="cancelConfirm"
:confirmVisable="confirmVisable"
:confirmData="confirmData"
@getList="getList"
:queryParams="queryParams"
></confirmMediator>
<!-- 部门长确认 -->
<departmentMediator @cancelDepartment="cancelDepartment" :departmentVisable="departmentVisable"
:departmentData="departmentData" @getList="getList" :queryParams="queryParams"></departmentMediator>
<departmentMediator
@cancelDepartment="cancelDepartment"
:departmentVisable="departmentVisable"
:departmentData="departmentData"
@getList="getList"
:queryParams="queryParams"
></departmentMediator>
<!-- 秘书确认时间 -->
<timeConfirm @cancelTimeConfirm="cancelTimeConfirm" :timeConfirmVisable="timeConfirmVisable"
:timeConfirmData="timeConfirmData" @getList="getList" :queryParams="queryParams"></timeConfirm>
<timeConfirm
@cancelTimeConfirm="cancelTimeConfirm"
:timeConfirmVisable="timeConfirmVisable"
:timeConfirmData="timeConfirmData"
@getList="getList"
:queryParams="queryParams"
></timeConfirm>
<!-- 待调解 -->
<mediation @cancelMediation="cancelMediation" :mediationVisable="mediationVisable"
:mediationData="mediationData" @getList="getList" :queryParams="queryParams"></mediation>
<confirmMediation @cancelConfirmTion="cancelConfirmTion" :confirmTionVisable="confirmTionVisable"
:confirmTionData="confirmTionData" @getList="getList" :queryParams="queryParams"></confirmMediation>
<mediation
@cancelMediation="cancelMediation"
:mediationVisable="mediationVisable"
:mediationData="mediationData"
@getList="getList"
:queryParams="queryParams"
></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>
<caseFilingDetailsPage
:showarchiveDetails="showarchiveDetails"
:caseFilingData="caseFilingData"
@cancelDetail="cancelDetail"
:detailsAwardNum="detailsAwardNum"
:flagLoadingS="flagLoadingS"
></caseFilingDetailsPage>
</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 {
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 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 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";
export default {
name: "caseList",
dicts: ["case_flow_node"],
@@ -170,7 +419,7 @@ export default {
mediation,
confirmMediation,
caseFilingDetailsPage,
respondentPay
respondentPay,
},
data() {
return {
@@ -205,7 +454,7 @@ export default {
mediationVisable: false, //待调解弹窗
mediationData: {},
payTitle: "", //缴费标题
resPayTitle:'',//被申请人缴费标题
resPayTitle: "", //被申请人缴费标题
paymentConfirma: {}, //缴费确认
showAcceptance: false, //案件受理弹框
caseAcceptanceData: {}, //案件受理数据
@@ -227,9 +476,9 @@ export default {
caseData: {},
evidenceData: {},
caseDisabled: false,
caseTime: '',
caseTime: "",
deptList: [],
payTitle: '',
payTitle: "",
tabFlag: false,
confirmData: {},
departmentVisable: false,
@@ -240,13 +489,31 @@ export default {
buttonList: [],
caseStausArr: [], //案件状态
isapplicant: true, //判断角色申请人或非申请人
caseFilingData:{}
caseFilingData: {},
};
},
created() {
// 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);
this.listDeptFn()
this.getButtonList()
});
},
methods: {
/**所有按钮事件 */
@@ -277,50 +544,37 @@ export default {
this.timeConfirm(val);
} else if (type == 9) {
// 调解
this.mediationClick(val)
this.mediationClick(val);
} else if (type == 10) {
// 确认调解书
this.confirmMediation(val)
this.confirmMediation(val);
} else if (type == 11) {
// 签名
this.msCaseSignUrlApplyPCFn(val)
this.msCaseSignUrlApplyPCFn(val);
} else if (type == 12) {
// 用印申请
this.consultantApplica(val)
this.consultantApplica(val);
} else if (type == 13) {
// 用印
this.departmentApplica(val)
this.departmentApplica(val);
} else if (type == 14) {
// 归档
this.caseFiling(val);
} else if (type == 15) {
// 申请人签收
this.signMediation(val)
this.signMediation(val);
} else if (type == 16) {
// 被申请人签收
this.receivedMediation(val)
this.receivedMediation(val);
} else if (type == 17) {
//结束
} else if (type == 44) {
// 被申请人缴费
this.resPayStatus(val)
this.resPayStatus(val);
}
},
/**查询按钮列表 */
getButtonList() {
queryCaseFlowInfo({
pageNum: 1,
pageSize: 100000
}).then(res => {
console.log(res)
res.rows.forEach(item => {
if(item.id !=17){
this.buttonList.push(item)
}
this.caseStausArr.push(item)
});
})
},
getButtonList() {},
/** 新增案件 */
addCase() {
this.addModifyData = 1;
@@ -339,10 +593,10 @@ export default {
},
/** 修改案件 */
eidtNodeprocess(row) {
this.addModifyData = 3
this.addModifyData = 3;
this.addVisable = true;
this.caseData = row;
this.$set(this.caseData,'flag',2)
this.$set(this.caseData, "flag", 2);
this.caseDisabled = false;
this.tabFlag = false;
},
@@ -389,10 +643,10 @@ export default {
// this.$modal.msgSuccess("立案申请成功");
// })
// .catch(() => { });
msCaseSignUrlApplyPC({ caseId: row.id }).then(res=>{
msCaseSignUrlApplyPC({ caseId: row.id }).then((res) => {
console.log(res, "PPPPPPPPPPPPPPPPPPPP");
window.open(res.data.sealUrl);
})
});
},
/** 选择调解员 */
selectMediator(val) {
@@ -447,23 +701,22 @@ export default {
/** 时间改变处理 */
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");
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 = '';
this.queryParams.startTime = "";
this.queryParams.endTime = "";
}
},
/** 获取所有部门 */
listDeptFn() {
listDeptApplied().then(res => {
listDeptApplied().then((res) => {
this.deptList = res.data;
})
});
},
/** 修改证据 */
evidenceUpload(row) {
@@ -535,163 +788,170 @@ export default {
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 => {
caseFlowId: row.caseFlowId,
};
this.$modal
.confirm("你确定要用印申请吗？")
.then((res) => {
sealApply(paramsValue).then((res) => {
this.getList(this.queryParams);
this.$modal.msgSuccess("用印申请成功");
});
})
}).catch(() => {
})
.catch(() => {});
},
// 部门长用印申请
departmentApplica(row) {
this.$modal.confirm("你确定要用印确认吗？").then((res) => {
this.$modal
.confirm("你确定要用印确认吗？")
.then((res) => {
let paramsValue = {
caseId: row.id
}
selectSealUrl(paramsValue).then(res => {
window.open(res.data.sealUrl)
this.$modal.confirm("你确认用印了吗？").then((res) => {
caseId: row.id,
};
selectSealUrl(paramsValue).then((res) => {
window.open(res.data.sealUrl);
this.$modal
.confirm("你确认用印了吗？")
.then((res) => {
this.getList(this.queryParams);
}).catch(() => {
})
.catch(() => {});
});
})
}).catch(() => {
})
.catch(() => {});
},
// 案件受理
caseAccep(row) {
this.caseAcceptanceData = row
this.showAcceptance = true
this.caseAcceptanceData = row;
this.showAcceptance = true;
},
cancelAcceptance() {
this.showAcceptance = false
this.showAcceptance = false;
},
// 缴费确认
paymentconfirmationRow(row, type) {
this.paymentConfirma = row
console.log(this.paymentConfirma)
this.paymentConfirma = row;
console.log(this.paymentConfirma);
this.paymentDetails({
id: row.id
})
this.openDialog = true
this.payTitle = "缴费确认"
id: row.id,
});
this.openDialog = true;
this.payTitle = "缴费确认";
this.flag = 0;
this.detailform = {}
this.detailform = {};
if (type == 3) {
// 申请人
this.isapplicant = true
this.isapplicant = true;
} else {
this.isapplicant = false
this.isapplicant = false;
}
},
cancelpaymentdetails() {
this.openDialog = false
this.openDialog = false;
},
// 查看缴费确认
viewpaymentformRow(row) {
this.paymentDetails({
id: row.id
})
this.payTitle = "缴费单详情"
id: row.id,
});
this.payTitle = "缴费单详情";
this.flag = 1;
this.detailform = {}
this.openDialog = true
this.detailform = {};
this.openDialog = true;
},
// 缴费详情
paymentDetails(val) {
selectPaymentDetail(val).then(res => {
selectPaymentDetail(val).then((res) => {
this.detailform = res.data;
})
});
},
//案件流程
caseFlow(row) {
this.caseFlowNumber = row
this.processVisable = true
this.caseFlowNumber = row;
this.processVisable = true;
},
cancelViewProcess() {
this.processVisable = false
this.processVisable = false;
},
//案件日志
caseLog(row) {
this.caseLogNumber = row
this.showcaseLog = true
this.caseLogNumber = row;
this.showcaseLog = true;
this.flagLoading = true;
listCaseLogRecord({caseId:row.id}).then(res=>{
this.caselogDataArr = res.data
listCaseLogRecord({ caseId: row.id }).then((res) => {
this.caselogDataArr = res.data;
this.flagLoading = false;
})
});
},
cancelcaseLog() {
this.showcaseLog = false
this.showcaseLog = false;
},
// 案件送达
caseFiling(row) {
console.log(row.id)
console.log(row.id);
let paramValues = {
ids:[row.id]
}
this.$modal.confirm("你确定要案件送达吗？").then((res) => {
msCaseFile(paramValues).then(res=>{
ids: [row.id],
};
this.$modal
.confirm("你确定要案件送达吗？")
.then((res) => {
msCaseFile(paramValues).then((res) => {
this.$modal.msgSuccess("案件送达成功");
this.getList(this.queryParams);
});
})
}).catch(() => {
})
.catch(() => {});
},
//申请人签收调解书
signMediation(row) {
this.$modal.confirm("你确定要签收调解书吗？").then((res) => {
this.signingMediationAgreement({caseId:row.id,isSignApply:1})
}).catch(() => {
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(() => {
this.$modal
.confirm("你确定要签收调解书吗？")
.then((res) => {
this.signingMediationAgreement({ caseId: row.id, isSignRespon: 1 });
})
.catch(() => {});
},
// 申请人和被申请人签收调解书接口
signingMediationAgreement(val) {
console.log(val)
msCaseSign(val).then(res=>{
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.respondentSex = Number(res.data.affiliate.respondentSex)
this.detailsAwardNum = res.data
console.log(this.detailsAwardNum)
this.flagLoadingS = false
})
let vals = { id: val.id };
caseApplicationSelectById(vals).then((res) => {
res.data.affiliate.respondentSex = Number(
res.data.affiliate.respondentSex
);
this.detailsAwardNum = res.data;
console.log(this.detailsAwardNum);
this.flagLoadingS = false;
});
},
cancelDetail() {
this.showarchiveDetails = false
}
this.showarchiveDetails = false;
},
},
};
</script>
src/views/index.vue
+105 -3
View File
@@ -1,27 +1,129 @@
<template>
<div class="app-container home">
调解系统
<div class="header">
<div class="iconTitle"></div>
<div class="headerMain">我的待办</div>
</div>
<div class="homeMain">
<div class="cardList" v-for="(item, index) in pendingTasks" :key="index" @click="pushPage(item.caseFlowId)">
<div class="badge">{{item.caseCount}}</div>
<div class="cardMain">
<img class="iconImg" src="@/assets/images/daiban.png" alt="" />
</div>
<div class="cardMain">
<div class="imgTitle">{{ item.caseStatusName }}</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { todoCount } from "@/api/system/homepage.js";
export default {
name: "Index",
data() {
return {
// 版本号
version: "3.8.6"
version: "3.8.6",
pendingTasks: [], //案件代办状态
};
},
created() {
this.gettodoCount();
},
methods: {
goTarget(href) {
window.open(href, "_blank");
},
// 查询代办状态
gettodoCount() {
todoCount({}).then((res) => {
this.pendingTasks = res.data.toDoCountList
console.log(res.data.toDoCountList, "this.pendingTasks");
});
},
// 点击待办按钮跳转
pushPage(status) {
this.$router.push({ path: '/caseManagement/caseManagement/caseList', query: { caseFlowId: status + '' } })
}
}
},
};
</script>
<style scoped lang="scss">
.home {
font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #676a6c;
overflow-x: hidden;
background-color: #f1f1f1;
height: 100vh;
.header {
width: 100%;
height: 80px;
display: flex;
align-items: center;
.iconTitle {
width: 5px;
height: 25px;
background-color: #0f5c9b;
margin-right: 25px;
}
.headerMain {
font-size: 20px;
}
}
.homeMain {
width: 100%;
display: flex;
flex-wrap: wrap;
.cardList {
width: 13%;
height: 200px;
border-radius: 30px;
background-color: #ffffff;
position: relative;
margin-right: 38px;
margin-bottom: 30px;
.badge {
width: 50px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 18px;
font-weight: 500;
color: #e32a4f;
border-radius: 10px 30px 10px 30px;
background-color: #05baf1;
position: absolute;
right: 0;
}
.cardMain {
width: 100%;
display: flex;
justify-content: center;
margin-top: 20px;
.iconImg {
width: 100px;
height: 110px;
}
.imgTitle {
font-size: 15px;
font-weight: 900;
}
}
}
}
}
</style>
src/views/login.vue
+7 -3
View File
@@ -67,7 +67,8 @@
</div>
<!-- 底部 -->
<div class="el-login-footer">
<span>Copyright © 2023 乙巢（上海）企业管理服务有限公司.</span>
<div>Copyright © 2023 乙巢（上海）企业管理服务有限公司.</div>
<div>Version：1.0.1</div>
</div>
</div>
</template>
@@ -247,8 +248,8 @@ export default {
}
.el-login-footer {
background-color: rgb(126, 131, 135);
height: 40px;
line-height: 40px;
height: 55px;
line-height: 55px;
position: fixed;
bottom: 0;
width: 100%;
@@ -257,6 +258,9 @@ export default {
font-family: Arial;
font-size: 12px;
letter-spacing: 1px;
div {
height: 30%;
}
}
.login-code-img {
height: 38px;