Skip to content

S
smart_gov_platform
Commit fc9db377 authored by “yiyousong”'s avatar “yiyousong”
Browse files
Options

pref:修改新增事项基础信息

parent 9f8ad81c
Show whitespace changes
Inline Side-by-side
Showing with 596 additions and 483 deletions
base-manager-ui/admin/src/pages/basicset/addmatter/Synopsis.vue
View file @ fc9db377
......@@ -32,10 +32,11 @@ export default {
<style lang="less" scoped>
.synopsis {
height: 100%;
height: auto;
width: 100%;
padding: 0px 10px;
}
/deep/.ant-tabs-nav-container {
border-bottom: 1px solid #f0f0f0 !important;
}
......
base-manager-ui/admin/src/pages/basicset/addmatter/components/AddSynopsis.vue
View file @ fc9db377
......@@ -64,15 +64,19 @@
<a-col :span="8">
<a-form-model-item label="是否收费" prop="isChargesShow">
<a-radio-group v-model="baseform.isChargesShow">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-radio
:value="key"
v-for="(v, key) in matterDict.isChargesShow"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<a-form-model-item label="法定办结时限：" props="isTimely">
<a-form-model-item label="法定办结时限" props="legalTimeLimitShow">
<a-input-group compact>
<a-select
style="width: 30%"
......@@ -85,15 +89,15 @@
<a-input-number
v-model="baseform.legalTimeLimitShow"
:disabled="isTimely !== '2'"
placeholder="请输入工作日数量"
:min="0"
placeholder="请输入工作日数"
:min="1"
style="width: 70%"
/>
</a-input-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="承诺办结时限：" props="isPromise">
<a-form-model-item label="承诺办结时限" props="promiseTimeLimitShow">
<a-input-group compact>
<a-select
style="width: 30%"
......@@ -106,8 +110,8 @@
<a-input-number
v-model="baseform.promiseTimeLimitShow"
:disabled="isPromise !== '2'"
placeholder="请输入工作日数量"
:min="0"
placeholder="请输入工作日数"
:min="1"
style="width: 70%"
/>
</a-input-group>
......@@ -115,16 +119,19 @@
</a-col>
<a-col :span="8">
<a-form-model-item
label="认证等级需求："
label="认证等级需求"
prop="certificationLevelsShow"
>
<a-select
v-model="baseform.certificationLevelsShow"
placeholder="请选择认证等级需求"
>
<a-select-option v-for="v in certification" :key="v" :value="v">{{
v
}}</a-select-option>
<a-select-option
v-for="(v, key) in matterDict.certificationLevelsShow"
:key="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
......@@ -159,9 +166,9 @@
placeholder="请选择网办类型"
>
<a-select-option
v-for="v in onlineTypeItem"
v-for="(v, key) in matterDict.onlineType"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
......@@ -189,16 +196,16 @@
placeholder="请选择事项类型"
>
<a-select-option
v-for="v in matterDict.eventTypeShow"
v-for="(v, key) in matterDict.eventTypeShow"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="联办机构" props="isLinked">
<a-form-model-item label="联办机构" props="jointInfoShow">
<a-input-group compact>
<a-select
style="width: 30%"
......@@ -215,9 +222,9 @@
style="width: 70%"
>
<a-select-option
v-for="v in jointInfoShowItem"
v-for="{ v, key } in matterDict.jointInfoShowItem"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
......@@ -233,9 +240,9 @@
placeholder="请选择行使层级"
>
<a-select-option
v-for="v in matterDict.performHierarchyShow"
v-for="(v, key) in matterDict.performHierarchyShow"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
......@@ -245,9 +252,9 @@
<a-form-model-item label="主题类型" prop="type">
<a-select v-model="baseform.type" placeholder="请选择主题类型">
<a-select-option
v-for="v in matterDict.type"
v-for="(v, key) in matterDict.type"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
......@@ -305,7 +312,11 @@
import { mapGetters } from "vuex";
import local from "@/utils/local";
import { getDeptList } from "@/services/dept";
import { saveAddMatter, addMatterToSite } from "@/services/matter";
import {
saveAddMatter,
addMatterToSite,
getMatterInfo,
} from "@/services/matter";
export default {
data() {
return {
......@@ -362,7 +373,28 @@ export default {
computed: {
...mapGetters("site", ["matterDict"]),
},
watch: {
isTimely(newVal) {
if (newVal === "1" || newVal === undefined) {
this.baseform.legalTimeLimitShow = "";
}
},
isPromise(newVal) {
if (newVal === "1" || newVal === undefined) {
this.baseform.promiseTimeLimitShow = "";
}
},
isLinked(newVal) {
if (newVal === "1" || newVal === undefined) {
this.baseform.jointInfoShow = undefined;
}
},
},
created() {
if (this.$route.query.edit == 1) {
let matterId = this.$route.query.matterId;
this.getMatterInfo(matterId);
}
console.log(this.matterDict);
this.getDeptListData();
},
......@@ -375,6 +407,14 @@ export default {
this.deptData = data.data;
}
},
// 编辑时获取信息
async getMatterInfo(id) {
let res = await getMatterInfo({ id });
if (res.data.code === 1) {
this.baseform = res.data.data;
}
},
// 保存
handleOk() {
this.$refs.form.validate(async (valid) => {
if (valid) {
......@@ -391,13 +431,35 @@ export default {
siteId: this.siteId,
matterIds: data.entity.id + "",
});
this.handleReset();
this.baseform = data.entity;
}
} else {
this.$message.warning("请完善表单");
}
});
},
// 重置
handleReset() {
this.$refs.form.resetFields();
let _this = this;
this.$confirm({
title: "系统提示",
content: "该操作会重置整个页面信息，确定要重置吗？",
okText: "确定",
okType: "danger",
cancelText: "取消",
centered: true,
icon: "exclamation-circle",
maskClosable: true,
onOk() {
_this.isTimely = undefined; // 是否及时办理
_this.isPromise = undefined; // 承诺是否及时办理
_this.isLinked = undefined; // 是否有联办机构
_this.$refs.form.resetFields();
},
onCancel() {
console.log("Cancel");
},
});
},
// 完善更多
checkMore() {
......@@ -413,6 +475,11 @@ export default {
</script>
<style lang="less" scoped>
.addsynopsis {
width: 100%;
height: 100%;
}
.more {
cursor: pointer;
}
......
base-manager-ui/admin/src/pages/basicset/addmatter/components/baseMessage.vue
View file @ fc9db377
......@@ -11,9 +11,9 @@
:label-col="{ span: 6 }"
:wrapper-col="{ span: 18 }"
>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="事项名称：" prop="matterName">
<a-form-model-item label="事项名称" prop="matterName">
<a-input
v-model="baseform.matterName"
placeholder="请输入事项名称"
......@@ -21,7 +21,7 @@
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="英文名：" prop="englishName">
<a-form-model-item label="英文名" prop="englishName">
<a-input
v-model="baseform.englishName"
placeholder="请输入事项英文名称"
......@@ -29,7 +29,7 @@
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="事项编号：" prop="matterNo">
<a-form-model-item label="事项编号" prop="matterNo">
<a-input
v-model="baseform.matterNo"
placeholder="请输入事项编号"
......@@ -38,20 +38,26 @@
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="排序：" prop="sort">
<a-form-model-item label="排序" prop="sort">
<a-input v-model="baseform.sort" placeholder="请输入序号" />
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="所属部门：" prop="belongDept">
<a-select v-model="baseform.belongDept" placeholder="请选择部门">
<a-form-model-item label="所属部门" prop="deptCode">
<a-select
showSearch
v-model="baseform.deptCode"
optionFilterProp="label"
placeholder="请选择部门"
>
<a-select-option
v-for="v in deptData"
:key="v.id"
:value="v.name"
:value="v.deptNumber"
:label="v.name"
>
{{ v.name }}</a-select-option
>
......@@ -60,12 +66,16 @@
</a-col>
<a-col :span="8">
<a-form-model-item label="服务对象：" prop="appoveObjectShow">
<a-form-model-item label="服务对象" prop="appoveObjectShow">
<a-select
v-model="baseform.appoveObjectShow"
placeholder="请选择服务对象"
>
<a-select-option v-for="v in appove" :key="v" :value="v">
<a-select-option
v-for="(v, key) in matterDict.appoveObjectShow"
:key="v"
:value="key"
>
{{ v }}
</a-select-option>
</a-select>
......@@ -73,38 +83,50 @@
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="通办范围：" prop="operatScopeShow">
<a-form-model-item label="通办范围" prop="operatScopeShow">
<a-select
v-model="baseform.operatScopeShow"
placeholder="请选择通办范围"
>
<a-select-option v-for="v in operat" :key="v" :value="v">
<a-select-option
v-for="(v, key) in matterDict.operatScopeShow"
:key="v"
:value="key"
>
{{ v }}
</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="办件类型：" prop="appoveTimeLimitShow">
<a-form-model-item label="办件类型" prop="appoveTimeLimitShow">
<a-select
v-model="baseform.appoveTimeLimitShow"
placeholder="请选择办件类型"
>
<a-select-option v-for="v in appoveTime" :key="v" :value="v">
<a-select-option
v-for="(v, key) in matterDict.appoveTimeLimitShow"
:key="v"
:value="key"
>
{{ v }}
</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="办理形式：" prop="handleType">
<a-form-model-item label="办理形式" prop="handleType">
<a-select
v-model="baseform.handleType"
placeholder="请选择办理形式"
>
<a-select-option v-for="v in handleType" :key="v" :value="v">
<a-select-option
v-for="(v, key) in matterDict.handleType"
:key="v"
:value="key"
>
{{ v }}
</a-select-option>
</a-select>
......@@ -112,14 +134,14 @@
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="法定办结时限：" props="isTimely">
<a-form-model-item label="法定办结时限" props="legalTimeLimitShow">
<a-input-group compact>
<a-select
style="width: 30%"
v-model="isTimely"
placeholder="请选择"
style="width: 200px"
@change="handleChangeLegal"
>
<a-select-option value="1">即办</a-select-option>
<a-select-option value="2">工作日 </a-select-option>
......@@ -127,19 +149,23 @@
<a-input-number
v-model="baseform.legalTimeLimitShow"
:disabled="isTimely !== '2'"
placeholder="请输入工作日数量"
:min="0"
style="width: 350px"
placeholder="请输入工作日数"
:min="1"
style="width: 70%"
/>
</a-input-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="承诺办结时限：" props="isPromise">
<a-form-model-item
label="承诺办结时限"
props="promiseTimeLimitShow"
>
<a-input-group compact>
<a-select
style="width: 30%"
v-model="isPromise"
placeholder="请选择"
style="width: 200px"
@change="handleChangePromise"
>
<a-select-option value="1">即办</a-select-option>
<a-select-option value="2">工作日 </a-select-option>
......@@ -147,25 +173,31 @@
<a-input-number
v-model="baseform.promiseTimeLimitShow"
:disabled="isPromise !== '2'"
placeholder="请输入工作日数量"
style="width: 350px"
placeholder="请输入工作日数"
:min="1"
style="width: 70%"
/>
</a-input-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="是否收费：" prop="isChargesShow">
<a-form-model-item label="是否收费" prop="isChargesShow">
<a-radio-group v-model="baseform.isChargesShow">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-radio
:value="key"
v-for="(v, key) in matterDict.isChargesShow"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item
label="认证等级需求："
label="认证等级需求"
prop="certificationLevelsShow"
>
<a-select
......@@ -173,16 +205,16 @@
placeholder="请选择认证等级需求"
>
<a-select-option
v-for="v in certification"
v-for="(v, key) in matterDict.certificationLevelsShow"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="计划生效日期：" prop="planTakeTime">
<a-form-model-item label="计划生效日期" prop="planTakeTime">
<a-date-picker
v-model="baseform.planTakeTime"
type="date"
......@@ -193,7 +225,7 @@
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="承诺生效日期：" prop="promiseTakeTime">
<a-form-model-item label="承诺生效日期" prop="promiseTakeTime">
<a-date-picker
v-model="baseform.promiseTakeTime"
type="date"
......@@ -205,90 +237,87 @@
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item
label="法定时限办结说明："
prop="legalEndExplain"
>
<a-form-model-item label="法定时限办结说明" prop="legalEndExplain">
<a-textarea
v-model="baseform.legalEndExplain"
:auto-size="{ minRows: 3, maxRows: 5 }"
:auto-size="{ minRows: 5, maxRows: 5 }"
allow-clear
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item
label="承诺时限办结说明："
label="承诺时限办结说明"
prop="promiseEndExplain"
>
<a-textarea
v-model="baseform.promiseEndExplain"
:auto-size="{ minRows: 3, maxRows: 5 }"
:auto-size="{ minRows: 5, maxRows: 5 }"
allow-clear
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="特别程序：" prop="specialProcedure">
<a-form-model-item label="特别程序" prop="specialProcedure">
<a-textarea
v-model="baseform.specialProcedure"
:auto-size="{ minRows: 3, maxRows: 5 }"
:auto-size="{ minRows: 5, maxRows: 5 }"
allow-clear
/>
</a-form-model-item>
</a-col>
</a-row>
</a-form-model>
</div>
<!-- 窗口办理 -->
<div>
<div class="color_title mt">窗口办理</div>
<a-form-model
:model="windowform"
ref="windowform"
:label-col="{ span: 6 }"
:wrapper-col="{ span: 18 }"
>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="到现场次数：" prop="windowToTheSceneNum">
<a-input
v-model.number="windowform.windowToTheSceneNum"
v-model.number="baseform.windowToTheSceneNum"
suffix="次"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="预约办理：" prop="isOnlineSubscribeShow">
<a-radio-group v-model="windowform.isOnlineSubscribeShow">
<a-radio value="1">是</a-radio>
<a-radio value="2">否</a-radio>
<a-form-model-item label="预约办理" prop="isOnlineSubscribeShow">
<a-radio-group v-model="baseform.isOnlineSubscribeShow">
<a-radio
:value="key"
v-for="(v, key) in matterDict.isOnlineSubscribeShow"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="物流快递：" prop="isExpressTakeShow">
<a-radio-group v-model="windowform.isExpressTakeShow">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-form-model-item label="物流快递" prop="isExpressTakeShow">
<a-radio-group v-model="baseform.isExpressTakeShow">
<a-radio
:value="key"
v-for="(v, key) in matterDict.isExpressTakeShow"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
</a-row>
<a-row
:gutter="[8, 20]"
type="flex"
justify="start"
<a-row>
<a-col :span="8">
<a-form-model-item
label="全省就近取件"
prop="isProvinceAcquisitionShow"
>
<a-col :span="8">
<a-form-model-item label="全省就近取件：">
<a-radio-group v-model="windowform.isProvinceAcquisitionShow">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-radio-group v-model="baseform.isProvinceAcquisitionShow">
<a-radio
:value="key"
v-for="(v, key) in matterDict.isProvinceAcquisitionShow"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
......@@ -297,15 +326,18 @@
label="全省就近办理："
prop="isApplyProvinceShow"
>
<a-radio-group v-model="windowform.isApplyProvinceShow">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-radio-group v-model="baseform.isApplyProvinceShow">
<a-radio
:value="key"
v-for="(v, key) in matterDict.isApplyProvinceShow"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="16">
<a-form-model-item
label="必须到现场原因："
......@@ -314,58 +346,49 @@
prop="mustSceneExplain"
>
<a-textarea
v-model="windowform.mustSceneExplain"
:auto-size="{ minRows: 3, maxRows: 5 }"
v-model="baseform.mustSceneExplain"
:auto-size="{ minRows: 5, maxRows: 5 }"
allow-clear
/>
</a-form-model-item>
</a-col>
</a-row>
</a-form-model>
</div>
<!-- 网上办理 -->
<div>
<div class="color_title mt">网上办理</div>
<a-form-model
:model="onlineform"
ref="onlineform"
:label-col="{ span: 6 }"
:wrapper-col="{ span: 18 }"
>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="网办类型：" prop="onlineType">
<a-form-model-item label="网办类型" prop="onlineType">
<a-select
v-model="onlineform.onlineType"
v-model="baseform.onlineType"
placeholder="请选择网办类型"
>
<a-select-option
v-for="v in onlineTypeItem"
v-for="(v, key) in matterDict.onlineType"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="到现场次数：" prop="onlineToTheSceneNum">
<a-form-model-item label="到现场次数" prop="onlineToTheSceneNum">
<a-input
v-model.number="onlineform.onlineToTheSceneNum"
v-model.number="baseform.onlineToTheSceneNum"
suffix="次"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="网上办理深度：" prop="onlineOperatDeep">
<a-form-model-item label="网上办理深度" prop="onlineOperatDeep">
<a-select
v-model="onlineform.onlineOperatDeep"
v-model="baseform.onlineOperatDeep"
placeholder="请选择网上办理深度"
>
<a-select-option
v-for="v in onlineOperatDeepItem"
v-for="(v, key) in matterDict.onlineOperatDeep"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
......@@ -373,82 +396,81 @@
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item
label="支持物流快递："
label="支持物流快递"
prop="isExpressTakeOnlineShow"
>
<a-radio-group v-model="onlineform.isExpressTakeOnlineShow">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-radio-group v-model="baseform.isExpressTakeOnlineShow">
<a-radio
:value="key"
v-for="(v, key) in matterDict.isExpressTakeOnlineShow"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="上门收取材料：" prop="isDoorTakeShow">
<a-radio-group v-model="onlineform.isDoorTakeShow">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-form-model-item label="上门收取材料" prop="isDoorTakeShow">
<a-radio-group v-model="baseform.isDoorTakeShow">
<a-radio
:value="key"
v-for="(v, key) in matterDict.isDoorTakeShow"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="16">
<a-form-model-item
label="必须到现场原因："
label="必须到现场原因"
:label-col="{ span: 3 }"
:wrapper-col="{ span: 21 }"
prop="reaonlineMustSceneExplainson"
>
<a-textarea
v-model="onlineform.reaonlineMustSceneExplainson"
:auto-size="{ minRows: 3, maxRows: 5 }"
v-model="baseform.reaonlineMustSceneExplainson"
:auto-size="{ minRows: 5, maxRows: 5 }"
allow-clear
/>
</a-form-model-item>
</a-col>
</a-row>
</a-form-model>
</div>
<!-- 常规信息 -->
<div>
<div class="color_title mt">常规信息</div>
<a-form-model
:model="routineform"
ref="routineform"
:label-col="{ span: 6 }"
:wrapper-col="{ span: 18 }"
>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="实施主体：" prop="performDeptType">
<a-form-model-item label="实施主体" prop="performDeptType">
<a-input
v-model="routineform.performDeptType"
v-model="baseform.performDeptType"
placeholder="请输入实施主体"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="事项版本：" prop="matterEdition">
<a-form-model-item label="事项版本" prop="matterEdition">
<a-input
v-model="routineform.matterEdition"
v-model="baseform.matterEdition"
placeholder="请输入事项版本"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="事项类型：" prop="eventTypeShow">
<a-form-model-item label="事项类型" prop="eventTypeShow">
<a-select
v-model="routineform.eventTypeShow"
v-model="baseform.eventTypeShow"
placeholder="请选择事项类型"
>
<a-select-option
v-for="v in eventTypeShowItem"
v-for="(v, key) in matterDict.eventTypeShow"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
......@@ -456,50 +478,47 @@
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="行使层级：" prop="performHierarchyShow">
<a-form-model-item label="行使层级" prop="performHierarchyShow">
<a-select
v-model="routineform.performHierarchyShow"
v-model="baseform.performHierarchyShow"
placeholder="请选择行使层级"
>
<a-select-option
v-for="v in performHierarchyShowItem"
v-for="(v, key) in matterDict.performHierarchyShow"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="权力来源：" prop="powerSourceShow">
<a-form-model-item label="权力来源" prop="powerSourceShow">
<a-select
v-model="routineform.powerSourceShow"
v-model="baseform.powerSourceShow"
placeholder="请选择权力来源"
>
<a-select-option
v-for="v in powerSourceShowItem"
v-for="(v, key) in matterDict.powerSourceShow"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item
label="实施主体性质："
prop="performDeptTypeShow"
>
<a-form-model-item label="实施主体性质" prop="performDeptTypeShow">
<a-select
v-model="routineform.performDeptTypeShow"
v-model="baseform.performDeptTypeShow"
placeholder="请选择实施主题性质"
>
<a-select-option
v-for="v in performDeptTypeShowItem"
v-for="(v, key) in matterDict.performDeptTypeShow"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
......@@ -507,226 +526,258 @@
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item
label="进驻政务大厅："
label="进驻政务大厅"
prop="goveServiceCenterShow"
>
<a-radio-group v-model="routineform.goveServiceCenterShow">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-radio-group v-model="baseform.goveServiceCenterShow">
<a-radio
:value="key"
v-for="(v, key) in matterDict.goveServiceCenterShow"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="自助终端办理：" prop="terminalHandle">
<a-radio-group v-model="routineform.terminalHandle">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-form-model-item label="自助终端办理" prop="terminalHandle">
<a-radio-group v-model="baseform.terminalHandle">
<a-radio
:value="key"
v-for="(v, key) in matterDict.terminalHandle"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="是否网办：" prop="isOnline">
<a-radio-group v-model="routineform.isOnline">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-form-model-item label="是否网办" prop="isOnline">
<a-radio-group v-model="baseform.isOnline">
<a-radio
:value="key"
v-for="(v, key) in matterDict.isOnline"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="支持网上支付：" prop="isOnlinePayShow">
<a-radio-group v-model="routineform.isOnlinePayShow">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-form-model-item label="支持网上支付" prop="isOnlinePayShow">
<a-radio-group v-model="baseform.isOnlinePayShow">
<a-radio
:value="key"
v-for="(v, key) in matterDict.isOnlinePayShow"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="委托部门：" prop="entrustmentDepartmen">
<a-radio-group v-model="routineform.entrustmentDepartmen">
<a-radio value="是">是</a-radio>
<a-radio value="否">否</a-radio>
<a-form-model-item label="委托部门" prop="entrustmentDepartmen">
<a-radio-group v-model="baseform.entrustmentDepartmen">
<a-radio
:value="key"
v-for="(v, key) in matterDict.entrustmentDepartmen"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="联办机构：">
<a-form-model-item label="联办机构" prop="jointInfoShow">
<a-input-group compact>
<a-select
style="width: 30%"
v-model="isLinked"
placeholder="请选择"
style="width: 200px"
@change="handleChangeLinked"
>
<a-select-option value="1">无</a-select-option>
<a-select-option value="2">有 </a-select-option>
</a-select>
<a-select
v-model="routineform.jointInfoShow"
v-model="baseform.jointInfoShow"
:disabled="isLinked !== '2'"
placeholder="请选择联办机构"
style="width: 70%"
>
<a-select-option
v-for="v in jointInfoShowItem"
v-for="{ v, key } in matterDict.jointInfoShowItem"
:key="v"
:value="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
</a-input-group>
</a-form-model-item>
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="事项状态：" prop="matterStatus">
<a-radio-group v-model="routineform.matterStatus">
<a-radio value="在用">在用</a-radio>
<a-radio value="停用">停用</a-radio>
<a-form-model-item label="事项状态" prop="matterStatus">
<a-radio-group v-model="baseform.matterStatus">
<a-radio
:value="key"
v-for="(v, key) in matterDict.matterStatus"
:key="v"
>{{ v }}</a-radio
>
</a-radio-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="数量限制：">
<a-form-model-item label="数量限制" prop="numberLimit">
<a-input-group compact>
<a-select
style="width: 30%"
v-model="isCount"
placeholder="请选择"
style="width: 200px"
@change="handleChangeLimit"
>
<a-select-option value="1">无</a-select-option>
<a-select-option value="2">有 </a-select-option>
</a-select>
<a-input-number
v-model="routineform.numberLimit"
v-model="baseform.numberLimit"
placeholder="请输入数字"
style="width: 350px"
:min="0"
style="width: 70%"
:min="1"
:disabled="isCount !== '2'"
></a-input-number>
</a-input-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="主题类型：" prop="type">
<a-select v-model="routineform.type" placeholder="请选择主题类型">
<a-select-option v-for="v in typeItem" :key="v" :value="v">{{
v
}}</a-select-option>
<a-form-model-item label="主题类型" prop="type">
<a-select v-model="baseform.type" placeholder="请选择主题类型">
<a-select-option
v-for="(v, key) in matterDict.type"
:key="v"
:value="key"
>{{ v }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="基本编码：" prop="baseCode">
<a-form-model-item label="基本编码" prop="baseCode">
<a-input
v-model="routineform.baseCode"
v-model="baseform.baseCode"
placeholder="请输入基本编码"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="实施编码：" prop="implementCode">
<a-form-model-item label="实施编码" prop="implementCode">
<a-input
v-model="routineform.implementCode"
v-model="baseform.implementCode"
placeholder="请输入实施编码"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="实施主体编码：" prop="implementBodyCode">
<a-form-model-item label="实施主体编码" prop="implementBodyCode">
<a-input
v-model="routineform.implementBodyCode"
v-model="baseform.implementBodyCode"
placeholder="请输入实施主体编码"
/>
</a-form-model-item>
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="办理项编码：" prop="operateItemCode">
<a-form-model-item label="办理项编码" prop="operateItemCode">
<a-input
v-model="routineform.operateItemCode"
v-model="baseform.operateItemCode"
placeholder="请输入办理项编码"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="乡镇街道名称：" prop="townshipName">
<a-form-model-item label="乡镇街道名称" prop="townshipName">
<a-input
v-model="routineform.townshipName"
v-model="baseform.townshipName"
placeholder="请输入乡镇街道名称"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="乡镇街道代码：" prop="townshipCode">
<a-form-model-item label="乡镇街道代码" prop="townshipCode">
<a-input
v-model="routineform.townshipCode"
v-model="baseform.townshipCode"
placeholder="请输入乡镇街道代码"
/>
</a-form-model-item>
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="村居社区名称：" prop="villageName">
<a-form-model-item label="村居社区名称" prop="villageName">
<a-input
v-model="routineform.villageName"
v-model="baseform.villageName"
placeholder="请输入村居社区名称"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="村居社区代码：" prop="villageCode">
<a-form-model-item label="村居社区代码" prop="villageCode">
<a-input
v-model="routineform.villageCode"
v-model="baseform.villageCode"
placeholder="请输入村居社区代码"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="办理时间：" prop="operateTime">
<a-form-model-item label="办理时间" prop="operateTime">
<a-input
v-model="routineform.operateTime"
v-model="baseform.operateTime"
placeholder="请输入办理时间"
/>
</a-form-model-item>
</a-col>
</a-row>
<a-row :gutter="[8, 20]" type="flex" justify="start">
<a-row>
<a-col :span="8">
<a-form-model-item label="办理地点：" prop="operateSite">
<a-form-model-item label="办理地点" prop="operateSite">
<a-textarea
v-model="routineform.operateSite"
:auto-size="{ minRows: 3, maxRows: 5 }"
v-model="baseform.operateSite"
:auto-size="{ minRows: 5, maxRows: 5 }"
allow-clear
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="咨询方式：" prop="cousultingShow">
<a-form-model-item label="咨询方式" prop="cousultingShow">
<a-textarea
v-model="routineform.cousultingShow"
:auto-size="{ minRows: 3, maxRows: 5 }"
v-model="baseform.cousultingShow"
:auto-size="{ minRows: 5, maxRows: 5 }"
allow-clear
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="监督投诉方式：" prop="superviseShow">
<a-form-model-item label="监督投诉方式" prop="superviseShow">
<a-textarea
v-model="routineform.superviseShow"
:auto-size="{ minRows: 3, maxRows: 5 }"
v-model="baseform.superviseShow"
:auto-size="{ minRows: 5, maxRows: 5 }"
allow-clear
/>
</a-form-model-item>
</a-col>
......@@ -734,103 +785,37 @@
</a-form-model>
</div>
<div class="btn_box">
<a-button type="primary" class="mr" @click="handleOk"> 确定 </a-button>
<div class="btn_box mb20">
<a-button type="primary" class="mr" @click="handleOk" :loading="loading">
确定
</a-button>
<a-button @click="handleReset"> 重置 </a-button>
</div>
</div>
</template>
<script>
const appove = [
"事业法人",
"社会组织法人",
"非法人企业",
"企业法人",
"自然人",
"其他组织",
];
const operat = ["无", "全国", "全市", "全县", "全镇[乡 街道]", "跨村[社区]"];
const appoveTime = ["网络办件", "行政审批一般件", "综合窗口件"];
const handleType = ["窗口办理", "网上办理"];
const certification = ["实名认证", "单次面签", "每次面签"];
const onlineTypeItem = ["原件预审", "原件核验", "全程网办"];
const onlineOperatDeepItem = [
"互联网咨询",
"互联网收件",
"互联网预审",
"互联网受理",
"互联网办理",
"互联网办理结果信息反馈",
"其他",
];
const eventTypeShowItem = [
"行政许可",
"行政处罚",
"行政强制",
"行政征收",
"行政给付",
"行政检查",
"行政确认",
"行政奖励",
"行政裁决",
"其他行政权力",
"主动服务",
"依申请服务",
"咨询查询",
"未归类事项",
];
const performHierarchyShowItem = [
"省级",
"市级",
"县级",
"镇[乡 街道]",
"村[社区]级",
];
const powerSourceShowItem = [
"法定本级行使",
"上级下放",
"上级授权",
"同级授权",
"上级委托",
"同级委托",
];
const performDeptTypeShowItem = ["法定机关", "授权组织", "受委托组织"];
const jointInfoShowItem = ["网络理政部", "公共服务部", "党政建设部"];
const typeItem = ["法定机关", "授权组织", "受委托组织"];
import { saveAddMatter } from "@/services/matter";
import { saveAddMatter, addMatterToSite } from "@/services/matter";
import { getDeptList } from "@/services/dept";
import local from "@/utils/local";
import { mapGetters } from "vuex";
export default {
data() {
return {
appove, // 服务对象
operat, // 通办范围选项
appoveTime, // 办件类型选项
handleType, // 办理形式选项
certification, // 认证等级选项
onlineTypeItem, // 网上办件类型选项
onlineOperatDeepItem, // 网上办理深度选项
eventTypeShowItem, // 事项类型选项
performHierarchyShowItem, // 行使层级选项
powerSourceShowItem, // 权力来源选项
performDeptTypeShowItem, // 实施主体性质选项
jointInfoShowItem, // 联办机构选项
typeItem, // 主题类型选项
loading: false,
isTimely: undefined, // 是否及时办理
isPromise: undefined, // 承诺是否及时办理
isLinked: undefined, // 是否有联办机构
isCount: undefined, // 是否有数量限制
deptData: [], // 部门选项数据
siteId: "", // 站点id
siteId: local.getLocal("siteId"), // 站点id
baseform: {
matterName: "", // 事项 名称
englishName: "", // 事项英文名称
matterNo: "", //事项编号
sort: "", // 排序
belongDept: undefined, //所属部门
deptCode: undefined, //所属部门编号
appoveObjectShow: undefined, // 服务对象
operatScopeShow: undefined, // 承办范围
appoveTimeLimitShow: undefined, // 办件类型
......@@ -845,24 +830,18 @@ export default {
promiseTakeTime: "", // 承诺生效日期
specialProcedure: "", // 特别程序
source: 1, // 自定义事项
},
windowform: {
windowToTheSceneNum: "", // 到现场次数
isOnlineSubscribeShow: "", // 预约办理
isExpressTakeShow: "", // 快递
isProvinceAcquisitionShow: "", // 全省就近取件
isApplyProvinceShow: "", // 全省就近办理
mustSceneExplain: "", // 必须到现场原因
},
onlineform: {
onlineType: undefined, // 网办类型
onlineToTheSceneNum: "", // 网办到现场次数
onlineOperatDeep: undefined, // 网上办理深度
isExpressTakeOnlineShow: "", // 网办物流快递
isDoorTakeShow: "", // 上门收取材料
reaonlineMustSceneExplainson: "", // 网办到现场原因
},
routineform: {
performDeptType: "", // 实施主体
matterEdition: "", // 事项版本
eventTypeShow: undefined, // 事项类型名称
......@@ -899,7 +878,7 @@ export default {
matterNo: [
{ required: true, message: "事项编号不能为空", trigger: "blur" },
],
belongDept: [
deptCode: [
{ required: true, message: "所属部门不能为空", trigger: "change" },
],
handleType: [
......@@ -909,76 +888,113 @@ export default {
};
},
created() {
this.mergeForm();
this.getDeptListData();
},
computed: {},
methods: {
// 获取部门列表
async getDeptListData() {
let res = await getDeptList({ siteId: this.siteId });
let { code, data } = res.data;
if (code === 1) {
this.deptData = data.data;
}
computed: {
...mapGetters("site", ["matterDict"]),
},
// 法定时限选择
handleChangeLegal(val) {
if (val === "1" || val === undefined) {
watch: {
isTimely(newVal) {
if (newVal === "1" || newVal === undefined) {
this.baseform.legalTimeLimitShow = "";
}
},
// 承诺时限选择
handleChangePromise(val) {
if (val === "1" || val === undefined) {
isPromise(newVal) {
if (newVal === "1" || newVal === undefined) {
this.baseform.promiseTimeLimitShow = "";
}
},
// 联办机构选择
handleChangeLinked(val) {
if (val === "1" || val === undefined) {
this.routineform.jointInfoShow = undefined;
isLinked(newVal) {
if (newVal === "1" || newVal === undefined) {
this.baseform.jointInfoShow = undefined;
}
},
isCount(newVal) {
if (newVal === "1" || newVal === undefined) {
this.baseform.numberLimit = "";
}
},
// 数量限制选择
handleChangeLimit(val) {
if (val === "1" || val === undefined) {
this.routineform.numberLimit = "";
},
methods: {
// 合并概要
mergeForm() {
let formData = this.$route.query.formData;
if (formData) {
formData = JSON.parse(formData);
this.baseform = { ...this.baseform, ...formData };
if (this.baseform.id) {
const obj = {
id: this.baseform.id,
matterName: this.baseform.matterName,
};
local.setLocal("matter", obj);
}
}
},
// 获取部门列表
async getDeptListData() {
let res = await getDeptList({ siteId: this.siteId, page: 1, size: -1 });
let { code, data } = res.data;
if (code === 1) {
this.deptData = data.data;
}
},
// 保存
async handleOk() {
handleOk() {
this.$refs.baseform.validate(async (valid) => {
if (valid) {
this.loading = true;
let res = await saveAddMatter({
siteId: this.$route.query.siteId,
siteId: this.siteId,
...this.baseform,
...this.windowform,
...this.onlineform,
...this.routineform,
planTakeTime: Number(this.baseform.planTakeTime),
promiseTakeTime: Number(this.baseform.promiseTakeTime),
});
let { code, msg, data } = res.data;
this.loading = false;
if (code === 1) {
this.$message.success(msg);
await addMatterToSite({
siteId: this.siteId,
matterIds: data.entity.id + "",
});
const obj = {
id: data.entity.id,
matterName: data.entity.matterName,
};
local.setLocal("matter", obj);
// Object.assign(this.baseform, this.$options.data().baseform);
// Object.assign(this.windowform, this.$options.data().windowform);
// Object.assign(this.onlineform, this.$options.data().onlineform);
// Object.assign(this.routineform, this.$options.data().routineform);
this.$message.success(msg);
this.baseform = data.entity;
}
} else {
this.$message.error(msg);
this.$message.warning("请完善表单");
}
});
},
// 重置
handleReset() {
Object.assign(this.baseform, this.$options.data().baseform);
Object.assign(this.windowform, this.$options.data().windowform);
Object.assign(this.onlineform, this.$options.data().onlineform);
Object.assign(this.routineform, this.$options.data().routineform);
let _this = this;
this.$confirm({
title: "系统提示",
content: "该操作会重置整个页面信息，确定要重置吗？",
okText: "确定",
okType: "danger",
cancelText: "取消",
centered: true,
icon: "exclamation-circle",
maskClosable: true,
onOk() {
_this.isTimely = undefined; // 是否及时办理
_this.isPromise = undefined; // 承诺是否及时办理
_this.isLinked = undefined; // 是否有联办机构
_this.isCount = undefined; // 是否有数量限制
_this.$refs.baseform.resetFields();
},
onCancel() {
console.log("Cancel");
},
});
},
},
};
......@@ -986,15 +1002,6 @@ export default {
<style lang="less" scoped>
.basemessage {
width: 100%;
.btn_box {
padding: 25px 126px 20px;
justify-content: flex-start;
.btn {
padding: 8px 24px;
border-radius: 4px;
}
}
}
.ant-form-item {
display: flex;
......@@ -1004,7 +1011,4 @@ export default {
/deep/ .ant-form-explain {
position: absolute;
}
/deep/.ant-input {
width: 100% !important;
}
</style>
base-manager-ui/admin/src/pages/basicset/business/Index.vue
View file @ fc9db377
......@@ -11,6 +11,8 @@ export default {};
<style lang="less" scoped>
.business-matter {
width: 100%;
height: 100%;
min-height: 100%;
background-color: #fff;
display: flex;
}
</style>
\ No newline at end of file
base-manager-ui/admin/src/pages/basicset/business/components/businessTabs2.vue
View file @ fc9db377
......@@ -90,12 +90,21 @@
</template>
<!-- 操作 -->
<template slot="action" slot-scope="text">
<a-space>
<a
href="javascript:;"
v-if="text.source == 1"
class="edit"
@click="handleEdit(text.matterId)"
>编辑</a
>
<a
href="javascript:;"
class="delete"
@click="handleDel(text.id, text)"
>移除</a
>
</a-space>
</template>
</a-table>
</div>
......@@ -103,7 +112,7 @@
<!-- 右 -->
<div class="right">
<div class="header">
<h3 class="titel">一体化事项列表</h3>
<h3 class="titel">基础事项列表</h3>
<div class="control">
<div>
<a-button type="primary" @click="handleAddAll"> 批量加入 </a-button>
......@@ -170,6 +179,13 @@
<a href="javascript:;" class="jion" @click="handleIn(text.id)"
>加入</a
>
<a
href="javascript:;"
v-if="text.source == 1"
class="edit"
@click="handleEdit(text.id)"
>编辑</a
>
<a
href="javascript:;"
class="delete"
......@@ -254,7 +270,7 @@ const rightColumns = [
},
{
title: "操作",
width: "110px",
width: "130px",
scopedSlots: {
customRender: "action",
},
......@@ -326,6 +342,7 @@ export default {
matterName: this.searchRightVal,
...search,
});
if (res.data.code === 1) {
let { pageInfo, data, dict } = res.data.data;
if (!data.length && this.rightCurrent > 1) {
this.rightCurrent -= 1;
......@@ -335,6 +352,7 @@ export default {
this.rightTotal = pageInfo.totalResult;
this.SET_matterDict(dict);
this.rightLoading = false;
}
},
// 左边搜索
onSearchLeft() {
......@@ -371,7 +389,12 @@ export default {
},
//新增事项
addMatter() {
this.$router.push("/business/synopsis");
this.$router.push({
path: "/business/synopsis",
query: {
edit: 0,
},
});
},
onSelectChange(key, data) {
this.deleteData = data;
......@@ -515,6 +538,16 @@ export default {
}
}
},
// 编辑
handleEdit(matterId) {
this.$router.push({
path: "/business/synopsis",
query: {
edit: 1,
matterId,
},
});
},
},
};
</script>
......
base-manager-ui/admin/src/pages/basicset/site/components/addsite.vue
View file @ fc9db377
......@@ -578,6 +578,7 @@ export default {
},
//重置
resetForm() {
this.fileList = [];
this.$refs.ruleForm.resetFields();
},
// 关闭对话框
......
base-manager-ui/admin/src/services/matter.js
View file @ fc9db377
......@@ -52,6 +52,11 @@ export async function delMatter(data) {
export async function getMatterListSubList(data) {
return request(matter.matterList, METHOD.POST, data);
}
// 查看基础事项
export async function getMatterInfo(data) {
return request(matter.info, METHOD.GET, data);
}
/**
* 事项申请材料
*/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment