案件协办
This commit is contained in:
parent
a56fb588ea
commit
0655bb8f50
@ -625,10 +625,19 @@
|
||||
<i class="f24 el-icon-user-solid color-4E5969"></i>
|
||||
<div class="pl-4 f14">帮扶</div>
|
||||
</div>
|
||||
<div class="flex-row justify-content-between align-items-center cursor-pointer">
|
||||
<i class="f24 el-icon-s-management color-4E5969"></i>
|
||||
<div class="pl-4 f14">协办</div>
|
||||
</div>
|
||||
|
||||
<el-popover
|
||||
placement="top"
|
||||
width="400"
|
||||
v-model="singlejointlyvisible"
|
||||
title="案件协办"
|
||||
trigger="click">
|
||||
<singleJointlyPopover :caseId="caseId" :singlejointlyvisible.sync="singlejointlyvisible" @handleSubmit="getCaseInfoById()"/>
|
||||
<span slot="reference" class="flex-row justify-content-between align-items-center cursor-pointer">
|
||||
<i class="f24 el-icon-s-management color-4E5969"></i>
|
||||
<a class="pl-4 f14">协办</a>
|
||||
</span>
|
||||
</el-popover>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -657,9 +666,11 @@ export default {
|
||||
singleofficeSealPopover: () => import('./singleofficeSealPopover.vue'),//发起签章
|
||||
singleofficeDeliveryPopover: () => import('./singleofficeDeliveryPopover.vue'),//发起送达
|
||||
MediationRecordDialog: () => import('./MediationRecordDialog.vue'),//调解记录
|
||||
singleJointlyPopover: () => import('./singleJointlyPopover.vue'),//案件协办
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
singlejointlyvisible:false,
|
||||
visiblemediatRecord:false,
|
||||
singledeliveryvisible:false,
|
||||
singlesealvisible:false,
|
||||
|
||||
128
src/pages/mediation-page/components/singleJointlyPopover.vue
Normal file
128
src/pages/mediation-page/components/singleJointlyPopover.vue
Normal file
@ -0,0 +1,128 @@
|
||||
<template>
|
||||
<div class="dialog-content dialog-jointly-batch">
|
||||
<div class="p-16">
|
||||
<el-form ref="ruleForm"
|
||||
:model="ObjectInfo"
|
||||
:rules="rulesClient"
|
||||
label-width="100px"
|
||||
class="demo-ruleForm">
|
||||
<el-row :gutter="20" type="flex" align="middle">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="选择协办员" prop="assistMediatorId">
|
||||
<el-select v-model="ObjectInfo.assistMediatorId"
|
||||
clearable placeholder="请选择" class="width100">
|
||||
<el-option
|
||||
v-for="item in operateMethodOptions"
|
||||
:key="item.id"
|
||||
:label="item.realName"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<span class="dialog-footer">
|
||||
<el-button size="small" @click="handleClose()">取消</el-button>
|
||||
<el-button size="small" type="primary" @click="handleSubmit()">提交协办</el-button>
|
||||
</span>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import api from "@/services/caseManagement";
|
||||
export default {
|
||||
components: {
|
||||
},
|
||||
props: {
|
||||
caseId: {
|
||||
type: String,
|
||||
default: () => {},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
operateMethodOptions:[],
|
||||
ObjectInfo:{
|
||||
assistMediatorId: '',
|
||||
id:'',
|
||||
},
|
||||
rulesClient: {
|
||||
assistMediatorId: [
|
||||
{ required: true, message: '请选择协办人员', trigger: 'change',},
|
||||
],
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted () {
|
||||
this.getuserList()
|
||||
},
|
||||
methods: {
|
||||
// 列表数据
|
||||
getuserList() {
|
||||
api.getCurrGroupUserList().then(res => {
|
||||
if (!res.code) {
|
||||
this.operateMethodOptions = res
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSubmit(){
|
||||
if(!this.$clickThrottle()) { return }//防止重复点击
|
||||
this.$refs.ruleForm.validate((valid) => {
|
||||
if(valid) {
|
||||
this.ObjectInfo.id = this.caseId
|
||||
api.updateAssistMediator(this.ObjectInfo).then((res) => {
|
||||
this.$message.success("提交协办成功");
|
||||
this.handleClose()
|
||||
this.$emit('handleSubmit',23213)
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
handleClose() {
|
||||
this.$emit('update:singlejointlyvisible', false)
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.dialog-jointly-batch {
|
||||
width: 395px;
|
||||
max-height: 500px;
|
||||
|
||||
.tabs__search-criteria-title {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.case-batch-num {
|
||||
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||
padding: 15px 20px;
|
||||
border-radius: 4px;
|
||||
|
||||
a {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #C66A5B;
|
||||
}
|
||||
}
|
||||
|
||||
.officelist {
|
||||
background-color: rgba(236, 238, 241, 0.8196078431);
|
||||
padding: 20px 20px;
|
||||
|
||||
.el-checkbox {
|
||||
width: 180px;
|
||||
margin: 10px;
|
||||
}
|
||||
}
|
||||
.dialog-footer{
|
||||
display: inline-block;
|
||||
width: 400px;
|
||||
text-align: right;
|
||||
border-top: solid 1px #E5E6EB;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -249,8 +249,16 @@ const caseManagementApi = {
|
||||
return service.service.post(`${apiAdmin}api/trace/traceSign/batch-create`, data)
|
||||
},
|
||||
|
||||
// 同组的用户列表（协办员选择项）
|
||||
getCurrGroupUserList: data => {
|
||||
return service.service.get(`${apiAdmin}system/user/getCurrGroupUserList`, data)
|
||||
},
|
||||
// 配置协办员
|
||||
updateAssistMediator: data => {
|
||||
return service.service.post(`${apiAdmin}cases/caseInfo/updateAssistMediator`, data)
|
||||
},
|
||||
|
||||
|
||||
|
||||
//========================end::案件管理======================================
|
||||
}
|
||||
export default caseManagementApi;
|
||||
Loading…
x
Reference in New Issue
Block a user