duanliangtao
12 months ago
5 changed files with 274 additions and 12 deletions
@ -0,0 +1,216 @@ |
|||
<!-- |
|||
* @Author: yanLu xgktv007@163.com |
|||
* @Date: 2023-09-05 10:21:34 |
|||
* @LastEditors: mk 2403457699@qq.com |
|||
* @LastEditTime: 2023-09-18 17:16:40 |
|||
* @Description: 事件转办表单 |
|||
* |
|||
--> |
|||
<template> |
|||
<div class="search"> |
|||
<el-form ref="ref_form1" :model="formData" :inline="false" :rules="dataRule" class="form"> |
|||
<el-form-item label="是否已联系当事人" label-width="150px" :class="{ 'form-item': source === 'visiual' }" |
|||
prop="returnLoseContact"> |
|||
<el-select v-model="formData.returnLoseContact" placeholder="请选择"> |
|||
<el-option label="已联系当事人" value="1"></el-option> |
|||
<el-option label="未联系当事人" value="0"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="建议办理部门" prop="returnSuggestDept" label-width="150px" |
|||
:class="{ 'form-item': source === 'visiual' }"> |
|||
<el-cascader class="cell-width-1" ref="agencyIdArray" v-model.trim="agencyIdArray" :options="orgOptions" |
|||
:props="orgOptionProps" :show-all-levels="false" @change="handleChangeAgency"></el-cascader> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="退件原因及说明" prop="returnReason" label-width="150px" :class="{ 'form-item': source === 'visiual' }" |
|||
style="display: block"> |
|||
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|||
<el-input class="cell-width-area" type="textarea" maxlength="500" show-word-limit :rows="5" |
|||
placeholder="请输入转办意见，不超过500字" v-model.trim="formData.returnReason" @input="handelInputContent"></el-input> |
|||
</div> |
|||
</el-form-item> |
|||
|
|||
</el-form> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { Loading } from "element-ui"; // 引入Loading服务 |
|||
import { requestPost } from "@/js/dai/request"; |
|||
let loading; // 加载动画 |
|||
export default { |
|||
data() { |
|||
return { |
|||
customerId: localStorage.getItem("customerId"), |
|||
formData: { |
|||
operationType: "13", //处理方式[13:退件] |
|||
returnReason:'', |
|||
returnSuggestDept:'', |
|||
returnSuggestDeptName:'', |
|||
returnLoseContact:'' |
|||
}, |
|||
orgOptions: [], |
|||
okflag: false, |
|||
orgOptionProps: { |
|||
multiple: false, |
|||
value: 'agencyId', |
|||
label: 'agencyName', |
|||
children: 'subAgencyList', |
|||
checkStrictly: true |
|||
}, |
|||
agencyIdArray: [], |
|||
dataRule: { |
|||
returnLoseContact: [ |
|||
{ required: true, message: "是否联系当事人不能为空", trigger: "blur" }, |
|||
], |
|||
returnSuggestDept: [ |
|||
{ required: true, message: "建议办理部门不能为空", trigger: "blur" }, |
|||
], |
|||
returnReason: [ |
|||
{ required: true, message: "退件原因不能为空", trigger: "blur" }, |
|||
] |
|||
} |
|||
}; |
|||
}, |
|||
components: {}, |
|||
computed: {}, |
|||
props: { |
|||
eventId: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
eventDetailData: { |
|||
type: Object, |
|||
default() { |
|||
return {}; |
|||
}, |
|||
}, |
|||
source: { |
|||
//展示来源：manage 管理平台 visiual 可视化平台 |
|||
type: String, |
|||
default: "manage", |
|||
}, |
|||
}, |
|||
created() { |
|||
this.formData.createdTime = this.$dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss'); |
|||
}, |
|||
async mounted() { |
|||
const { user } = this.$store.state; |
|||
this.agencyId = user.agencyId; |
|||
this.getOrgTreeList(); |
|||
if (this.eventId) { |
|||
this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData)); |
|||
this.formData.handlingReq = this.eventDetailCopy.handlingReq; |
|||
this.formData.transferAdvice = this.eventDetailCopy.transferAdvice; |
|||
} |
|||
}, |
|||
methods: { |
|||
handelInputContent(val) { |
|||
this.$EventBus.$emit('handelInputEventContent', { type: 'returnReason', value: val }) |
|||
}, |
|||
//组织机构树 |
|||
async getOrgTreeList() { |
|||
const url = "/gov/org/customeragency/agencyGridDepttree" |
|||
let params = { |
|||
agencyId: this.agencyId, |
|||
purpose: "query" |
|||
} |
|||
const { data, code, msg } = await requestPost(url, params) |
|||
if (code === 0) { |
|||
this.orgOptions = [] |
|||
this.orgOptions.push(data) |
|||
} else { |
|||
this.$message.error(msg) |
|||
} |
|||
}, |
|||
|
|||
buildNode(nodes, treeId) { |
|||
for (let i = 0; i < nodes.length; i++) { |
|||
if (nodes[i].id === treeId) { |
|||
if (nodes[i].children) { |
|||
return nodes[i].children |
|||
} else { |
|||
return nodes[i] |
|||
} |
|||
} |
|||
} |
|||
}, |
|||
handleChangeAgency(val) { |
|||
let obj = this.$refs["agencyIdArray"].getCheckedNodes()[0].data |
|||
if (obj) { |
|||
this.formData.level = obj.level |
|||
this.formData.returnSuggestDept = obj.agencyId |
|||
this.formData.returnSuggestDeptName = obj.agencyName |
|||
} else { |
|||
this.form.orgType = '' |
|||
this.form.orgId = '' |
|||
} |
|||
}, |
|||
handleChangeCate() { |
|||
if (this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0]) { |
|||
this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data |
|||
this.formData.categoryList = this.selCateObj |
|||
this.formData.categoryId = this.selCateObj.id |
|||
} else { |
|||
this.selCateObj = {} |
|||
} |
|||
}, |
|||
//重构树，去除网格 |
|||
deepTree(arr, children) { |
|||
if (Array.isArray(arr) && arr.length > 0) { |
|||
return arr.map((item) => { |
|||
return { |
|||
...item, |
|||
[children]: |
|||
(item[children] && |
|||
item[children].length > 0 && |
|||
this.deepTree(item[children], children)) || |
|||
null, |
|||
}; |
|||
}); |
|||
} |
|||
}, |
|||
async getReplayInfo() { |
|||
this.okflag = false; |
|||
this.$refs["ref_form1"].validate((valid, messageObj) => { |
|||
if (!valid) { |
|||
app.util.validateRule(messageObj); |
|||
} else { |
|||
this.okflag = true; |
|||
} |
|||
}); |
|||
}, |
|||
resetData() { |
|||
this.agencyIdArray = [] |
|||
}, |
|||
|
|||
// 开启加载动画 |
|||
startLoading() { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: "正在加载……", // 加载中需要显示的文字 |
|||
background: "rgba(0,0,0,.7)", // 背景颜色 |
|||
}); |
|||
}, |
|||
// 结束加载动画 |
|||
endLoading() { |
|||
// clearTimeout(timer); |
|||
if (loading) { |
|||
loading.close(); |
|||
} |
|||
}, |
|||
// handleChangeOperationType(val) { |
|||
// this.formData.returnLoseContact = val; |
|||
// }, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
@import "@/assets/scss/modules/visual/a_customize.scss"; |
|||
@import "@/assets/scss/modules/shequzhili/event-info.scss"; |
|||
|
|||
.el-dialog__body { |
|||
padding: 0 10px 20px !important; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue