4 changed files with 1500 additions and 41 deletions
@ -0,0 +1,391 @@ |
|||
<template> |
|||
<div> |
|||
<base-page |
|||
ref="basePage" |
|||
:searchParams="searchParams" |
|||
:tableParams="tableParams" |
|||
:tableUrl="tableUrl" |
|||
:addUrl="addUrl" |
|||
:editUrl="editUrl" |
|||
:delUrl="delUrl" |
|||
:editAuth="editAuth" |
|||
:delAuth="delAuth" |
|||
:infoUrl="infoUrl" |
|||
:exportUrl="exportUrl" |
|||
:importUrl="importUrl" |
|||
:mubanUrl="mubanUrl" |
|||
:editParams="editParams" |
|||
:editFixedParams="editFixedParams" |
|||
:editElseRules="editElseRules" |
|||
:editConfig="editConfig" |
|||
:editParamsDiv="5" |
|||
:editBtnName="(item) => '修改'" |
|||
:formBtnFixed="true" |
|||
idName="id" |
|||
> |
|||
</base-page> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import basePage from "@/views/modules/cpts/base/index"; |
|||
import { getItemBySingleIdInCascader } from "@/utils/cascader"; |
|||
import dateFormat from "dai-js/tools/dateFormat.js"; |
|||
|
|||
const optionList = { |
|||
satisfication: [ |
|||
{ |
|||
label: "不满意", |
|||
value: -1, |
|||
}, |
|||
{ |
|||
label: "基本满意", |
|||
value: 0, |
|||
}, |
|||
{ |
|||
label: "非常满意", |
|||
value: 1, |
|||
}, |
|||
], |
|||
|
|||
status: [ |
|||
{ |
|||
label: "未办结", |
|||
value: "0", |
|||
}, |
|||
{ |
|||
label: "已办结", |
|||
value: "1", |
|||
}, |
|||
], |
|||
}; |
|||
|
|||
export default { |
|||
props: {}, |
|||
|
|||
data() { |
|||
return { |
|||
offlineShowed: false, |
|||
|
|||
draftBtnDisable: false, |
|||
|
|||
searchParams: [ |
|||
{ |
|||
field: "所属组织", |
|||
keyName: "orgId", |
|||
type: "cascader", |
|||
optionUrl: "/gov/org/customeragency/agencygridtree", |
|||
optionUrlParams: { |
|||
agencyId: this.$store.state.user.agencyId, |
|||
}, |
|||
optionList: [], |
|||
optionProps: { |
|||
multiple: false, |
|||
value: "agencyId", |
|||
label: "agencyName", |
|||
children: "subAgencyList", |
|||
checkStrictly: true, |
|||
emitPath: false, |
|||
}, |
|||
optionCook(obj) { |
|||
return [obj]; |
|||
}, |
|||
supKeys: ["orgType"], |
|||
supValues: [""], |
|||
handleChangeFn(val, item) { |
|||
const { optionList } = item; |
|||
if (val.length > 0) { |
|||
item["supValues"][0] = getItemBySingleIdInCascader( |
|||
optionList, |
|||
val, |
|||
"agencyId", |
|||
"subAgencyList" |
|||
)["level"]; |
|||
item["supValues"][0] = |
|||
item["supValues"][0] == "grid" |
|||
? "grid" |
|||
: "agency"; |
|||
} else { |
|||
item["supValues"][0] = ""; |
|||
} |
|||
}, |
|||
}, |
|||
{ |
|||
field: "业务类型", |
|||
keyName: "categoryCode", |
|||
type: "select", |
|||
value: "", |
|||
multiple: false, |
|||
optionUrl: `/sys/dict/data/dictlist`, |
|||
optionUrlParams: { |
|||
dictType: "lingshan_office_hall_service_record", |
|||
}, |
|||
optionList: [], |
|||
}, |
|||
{ field: "事项说明", keyName: "content", type: "input" }, |
|||
{ |
|||
field: "满意度", |
|||
keyName: "satisfication", |
|||
type: "select", |
|||
multiple: false, |
|||
optionUrl: "", |
|||
optionUrlParams: {}, |
|||
optionList: optionList.satisfication, |
|||
}, |
|||
{ |
|||
field: "申请时间", |
|||
keyName: "applicantTime", |
|||
type: "date-range", |
|||
supKeys: ["applicantStartDate", "applicantEndDate"], |
|||
supValues: ["", ""], |
|||
}, |
|||
{ |
|||
field: "办结时间", |
|||
keyName: "closeTime", |
|||
type: "date-range", |
|||
supKeys: ["closeStartDate", "closeEndDate"], |
|||
supValues: ["", ""], |
|||
}, |
|||
{ |
|||
field: "状态", |
|||
keyName: "status", |
|||
value: "", |
|||
type: "select", |
|||
optionUrl: "", |
|||
optionUrlParams: {}, |
|||
optionList: optionList.status, |
|||
}, |
|||
], |
|||
|
|||
tableParams: [ |
|||
{ field: "序号", keyName: "", type: "no" }, |
|||
{ |
|||
field: "所属组织", |
|||
keyName: "applicantOrgName", |
|||
type: "text", |
|||
}, |
|||
{ field: "业务类型", keyName: "categoryName", type: "text" }, |
|||
{ field: "事项说明", keyName: "content", type: "text" }, |
|||
{ field: "申请人", keyName: "applicantName", type: "text" }, |
|||
{ field: "申请日期", keyName: "applicantTime", type: "text" }, |
|||
{ field: "办理人", keyName: "transactorName", type: "text" }, |
|||
{ field: "办理状态", keyName: "statusName", type: "text" }, |
|||
{ field: "办理日期", keyName: "closeTime", type: "text" }, |
|||
{ field: "满意度", keyName: "satisficationName", type: "text" }, |
|||
], |
|||
|
|||
tableUrl: "/heart/lingshanOfficeHallServiceRecord/page", |
|||
mubanUrl: "", |
|||
importUrl: "", |
|||
exportUrl: "/heart/lingshanOfficeHallServiceRecord/export", |
|||
|
|||
addUrl: "/heart/lingshanOfficeHallServiceRecord/save", |
|||
editUrl: "/heart/lingshanOfficeHallServiceRecord/update", |
|||
infoUrl: "/heart/lingshanOfficeHallServiceRecord/detail/", |
|||
delUrl: "/heart/lingshanOfficeHallServiceRecord/delete批量", |
|||
editAuth(item) { |
|||
return true; |
|||
}, |
|||
delAuth(item) { |
|||
return true; |
|||
}, |
|||
|
|||
editParams: [ |
|||
{ |
|||
field: "业务类型", |
|||
keyName: "categoryCode", |
|||
type: "select", |
|||
value: "", |
|||
multiple: false, |
|||
optionUrl: `/sys/dict/data/dictlist`, |
|||
optionUrlParams: { |
|||
dictType: "lingshan_office_hall_service_record", |
|||
}, |
|||
optionList: [], |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: "业务类型不能为空", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
|
|||
{ |
|||
field: "事项说明", |
|||
keyName: "content", |
|||
type: "textarea", |
|||
maxlength: 1000, |
|||
editDisabled: true, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: "事项说明不能为空", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
|
|||
{ |
|||
field: "申请人所属组织", |
|||
keyName: "applicantOrgId", |
|||
type: "cascader", |
|||
optionUrl: "/gov/org/customeragency/agencygridtree", |
|||
optionUrlParams: { |
|||
agencyId: this.$store.state.user.agencyId, |
|||
}, |
|||
optionList: [], |
|||
optionProps: { |
|||
multiple: false, |
|||
value: "agencyId", |
|||
label: "agencyName", |
|||
children: "subAgencyList", |
|||
checkStrictly: true, |
|||
emitPath: false, |
|||
}, |
|||
optionCook(obj) { |
|||
return [obj]; |
|||
}, |
|||
supKeys: ["applicantOrgType"], |
|||
supValues: [""], |
|||
handleChangeFn(val, item) { |
|||
const { optionList } = item; |
|||
if (val.length > 0) { |
|||
item["supValues"][0] = getItemBySingleIdInCascader( |
|||
optionList, |
|||
val, |
|||
"agencyId", |
|||
"subAgencyList" |
|||
)["level"]; |
|||
item["supValues"][0] = |
|||
item["supValues"][0] == "grid" |
|||
? "grid" |
|||
: "agency"; |
|||
} else { |
|||
item["supValues"][0] = ""; |
|||
} |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: "申请人所属组织不能为空", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
|
|||
{ |
|||
field: "申请人姓名", |
|||
keyName: "applicantName", |
|||
type: "input", |
|||
}, |
|||
|
|||
{ |
|||
field: "申请人电话", |
|||
keyName: "applicantMobile", |
|||
type: "input", |
|||
}, |
|||
{ |
|||
field: "申请人身份证号", |
|||
keyName: "applicantIdCard", |
|||
type: "input", |
|||
}, |
|||
|
|||
{ |
|||
field: "申请日期", |
|||
keyName: "applicantTime", |
|||
type: "date", |
|||
value: () => dateFormat(new Date(), "yyyy-MM-dd"), |
|||
pickerOptions: { |
|||
// disabledDate(time) { |
|||
// return time.getTime() > Date.now(); |
|||
// }, |
|||
}, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: "申请日期不能为空", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
|
|||
{ |
|||
field: "办理人", |
|||
keyName: "transactorName", |
|||
type: "input", |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: "办理人不能为空", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
|
|||
{ |
|||
field: "办理状态", |
|||
keyName: "status", |
|||
value: "", |
|||
type: "select", |
|||
optionUrl: "", |
|||
optionUrlParams: {}, |
|||
optionList: optionList.status, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: "办理状态不能为空", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
|
|||
{ |
|||
field: "办结日期", |
|||
keyName: "closeTime", |
|||
type: "date", |
|||
value: () => dateFormat(new Date(), "yyyy-MM-dd"), |
|||
pickerOptions: { |
|||
// disabledDate(time) { |
|||
// return time.getTime() > Date.now(); |
|||
// }, |
|||
}, |
|||
}, |
|||
|
|||
{ |
|||
field: "满意度", |
|||
keyName: "satisfication", |
|||
type: "select", |
|||
multiple: false, |
|||
optionUrl: "", |
|||
optionUrlParams: {}, |
|||
optionList: optionList.satisfication, |
|||
}, |
|||
], |
|||
editFixedParams: { |
|||
type: "article", |
|||
}, |
|||
editElseRules: {}, |
|||
editConfig: { |
|||
confirmBtnName: "发布", |
|||
cookInfoFn(data) { |
|||
return data; |
|||
}, |
|||
|
|||
beforeSubmit(formType, fmData, that) { |
|||
return true; |
|||
}, |
|||
}, |
|||
}; |
|||
}, |
|||
components: { basePage }, |
|||
computed: {}, |
|||
watch: {}, |
|||
|
|||
async mounted() {}, |
|||
|
|||
methods: {}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped></style> |
File diff suppressed because it is too large
Loading…
Reference in new issue