Skip to content

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

reat:新增事项概要页面

parent 2cfac867
Show whitespace changes
Inline Side-by-side
Showing with 460 additions and 42 deletions
base-manager-ui/admin/src/pages/basicset/addbusiness/addbusiness.vue → base-manager-ui/admin/src/pages/basicset/addmatter/AddMatter.vue
View file @ 0aca1c24
<template> <template>
<div class="addbusiness ff"> <div class="addmatter">
<div class="back_btn" @click="handleBack">返回上一级</div>
<a-tabs default-active-key="1"> <a-tabs default-active-key="1">
<a-tab-pane key="1" tab="基本信息" class="box"> <a-button slot="tabBarExtraContent" @click="handleBack"
>返回上一级</a-button
>
<a-tab-pane key="1" tab="基本信息">
<BaseMessage /> <BaseMessage />
</a-tab-pane> </a-tab-pane>
...@@ -79,19 +81,14 @@ export default { ...@@ -79,19 +81,14 @@ export default {
}; };
</script> </script>
<style lang='less' scoped> <style lang='less' scoped>
.addbusiness { .addmatter {
position: relative; width: 100%;
height: 100%; height: auto;
padding-left: 10px; padding-left: 10px;
.back_btn { padding-right: 10px;
position: absolute; background-color: #fff;
top: 8px; }
right: 20px; /deep/.ant-tabs-nav-container {
border-radius: 4px; border-bottom: 1px solid #f0f0f0 !important;
padding: 6px 8px;
border: 1px solid rgba(221, 221, 221, 1);
z-index: 100;
cursor: pointer;
}
} }
</style> </style>
\ No newline at end of file
base-manager-ui/admin/src/pages/basicset/addmatter/Synopsis.vue 0 → 100644
View file @ 0aca1c24
<template>
<!-- 事项概要 -->
<div class="synopsis">
<a-tabs default-active-key="1">
<a-button slot="tabBarExtraContent" @click="handleBack"
>返回上一级</a-button
>
<a-tab-pane key="1" tab="事项概要信息">
<AddSynopsis></AddSynopsis>
</a-tab-pane>
</a-tabs>
</div>
</template>
<script>
import AddSynopsis from "./components/AddSynopsis.vue";
export default {
components: {
AddSynopsis,
},
data() {
return {};
},
methods: {
// 返回上一级
handleBack() {
this.$router.back();
},
},
};
</script>
<style lang="less" scoped>
.synopsis {
height: 100%;
width: 100%;
padding: 0px 10px;
}
/deep/.ant-tabs-nav-container {
border-bottom: 1px solid #f0f0f0 !important;
}
</style>
\ No newline at end of file
base-manager-ui/admin/src/pages/basicset/addmatter/components/AddSynopsis.vue 0 → 100644
View file @ 0aca1c24
<template>
<!-- 新增事项概要 -->
<div class="addsynopsis">
<a-form-model
:model="baseform"
:label-col="labelCol"
:wrapper-col="wrapperCol"
ref="form"
:rules="rules"
>
<!-- 基本信息 -->
<div class="flex jcb aic">
<div class="color_title">基本信息</div>
<div class="more primary">完善更多信息>></div>
</div>
<a-row>
<a-col :span="8">
<a-form-model-item label="事项名称" prop="matterName">
<a-input
v-model="baseform.matterName"
placeholder="请输入事项名称"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="英文名" prop="englishName">
<a-input
v-model="baseform.englishName"
placeholder="请输入事项英文名称"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="事项编号" prop="matterNo">
<a-input v-model="baseform.matterNo" placeholder="请输入事项编号" />
</a-form-model-item>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<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-select-option
v-for="v in deptData"
:key="v.id"
:value="v.name"
>
{{ v.name }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
<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-group>
</a-form-model-item>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<a-form-model-item label="法定办结时限：" props="isTimely">
<a-input-group compact>
<a-select
style="width: 30%"
v-model="isTimely"
placeholder="请选择"
>
<a-select-option value="1">即办</a-select-option>
<a-select-option value="2">工作日 </a-select-option>
</a-select>
<a-input-number
v-model="baseform.legalTimeLimitShow"
:disabled="isTimely !== '2'"
placeholder="请输入工作日数量"
:min="0"
style="width: 70%"
/>
</a-input-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="承诺办结时限：" props="isPromise">
<a-input-group compact>
<a-select
style="width: 30%"
v-model="isPromise"
placeholder="请选择"
>
<a-select-option value="1">即办</a-select-option>
<a-select-option value="2">工作日 </a-select-option>
</a-select>
<a-input-number
v-model="baseform.promiseTimeLimitShow"
:disabled="isPromise !== '2'"
placeholder="请输入工作日数量"
:min="0"
style="width: 70%"
/>
</a-input-group>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item
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>
</a-form-model-item>
</a-col>
</a-row>
<!-- 窗口办理 -->
<div class="flex jcb aic">
<div class="color_title">窗口办理</div>
<div class="more primary">完善更多信息>></div>
</div>
<a-row>
<a-col :span="8">
<a-form-model-item label="到现场次数" prop="windowToTheSceneNum">
<a-input
v-model="baseform.windowToTheSceneNum"
placeholder="请输入到现场次数"
>
<span slot="suffix">次</span>
</a-input>
</a-form-model-item>
</a-col>
</a-row>
<!-- 网上办理 -->
<div class="flex jcb aic">
<div class="color_title">网上办理</div>
<div class="more primary">完善更多信息>></div>
</div>
<a-row>
<a-col :span="8">
<a-form-model-item label="网办类型" prop="onlineType">
<a-select
v-model="baseform.onlineType"
placeholder="请选择网办类型"
>
<a-select-option
v-for="v in onlineTypeItem"
:key="v"
:value="v"
>{{ v }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
</a-row>
<!-- 常规信息 -->
<div class="flex jcb aic">
<div class="color_title">常规信息</div>
<div class="more primary">完善更多信息>></div>
</div>
<a-row>
<a-col :span="8">
<a-form-model-item label="实施主体" prop="performDeptType">
<a-input
v-model="baseform.performDeptType"
placeholder="请输入实施主体"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="事项类型" prop="eventTypeShow">
<a-select
v-model="baseform.eventTypeShow"
placeholder="请选择事项类型"
>
<a-select-option
v-for="v in eventTypeShowItem"
:key="v"
:value="v"
>{{ v }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="联办机构" props="isLinked">
<a-input-group compact>
<a-select
style="width: 30%"
v-model="isLinked"
placeholder="请选择"
>
<a-select-option value="1">无</a-select-option>
<a-select-option value="2">有 </a-select-option>
</a-select>
<a-select
v-model="baseform.jointInfoShow"
:disabled="isLinked !== '2'"
placeholder="请选择联办机构"
style="width: 70%"
>
<a-select-option
v-for="v in jointInfoShowItem"
:key="v"
:value="v"
>{{ v }}</a-select-option
>
</a-select>
</a-input-group>
</a-form-model-item>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<a-form-model-item label="行使层级" prop="performHierarchyShow">
<a-select
v-model="baseform.performHierarchyShow"
placeholder="请选择行使层级"
>
<a-select-option
v-for="v in performHierarchyShowItem"
:key="v"
:value="v"
>{{ v }}</a-select-option
>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="主题类型" prop="type">
<a-select v-model="baseform.type" placeholder="请选择主题类型">
<a-select-option v-for="v in typeItem" :key="v" :value="v">{{
v
}}</a-select-option>
</a-select>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="办理时间" prop="operateTime">
<a-input
v-model="baseform.operateTime"
placeholder="请输入办理时间"
/>
</a-form-model-item>
</a-col>
</a-row>
<a-row>
<a-col :span="8">
<a-form-model-item label="办理地点" prop="operateSite">
<a-textarea
v-model="baseform.operateSite"
:auto-size="{ minRows: 5, maxRows: 5 }"
placeholder="请输入办理地点"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="咨询方式" prop="cousultingShow">
<a-textarea
v-model="baseform.cousultingShow"
:auto-size="{ minRows: 5, maxRows: 5 }"
placeholder="请输入咨询方式"
/>
</a-form-model-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="监督投诉方式" prop="superviseShow">
<a-textarea
v-model="baseform.superviseShow"
:auto-size="{ minRows: 5, maxRows: 5 }"
placeholder="请输入监督投诉方式"
/>
</a-form-model-item>
</a-col>
</a-row>
</a-form-model>
<div class="btn_box">
<a-button type="primary" class="mr" @click="handleOk"> 确定 </a-button>
<a-button @click="handleReset"> 重置 </a-button>
</div>
</div>
</template>
<script>
export default {
data() {
return {
labelCol: { span: 5 },
wrapperCol: { span: 19 },
isTimely: undefined,
isPromise: undefined,
isLinked: undefined,
onlineTypeItem: [], // 网办类型选项
eventTypeShowItem: [], // 事项类型选项
jointInfoShowItem: [], // 连扳机构选项
performHierarchyShowItem: [], // 形式层级选项
certification: [], // 认证点击选项
typeItem: [], // 主题类型选项
baseform: {
matterName: "", // 事项 名称
englishName: "", // 事项英文名称
matterNo: "", //事项编号
sort: "", // 排序
belongDept: undefined, //所属部门
legalTimeLimitShow: "", // 法定办结时限
promiseTimeLimitShow: "", // 承诺办结时限
isChargesShow: "", //是否收费
certificationLevelsShow: undefined, // 认证等级需求
source: 1, // 自定义事项
windowToTheSceneNum: "", // 窗口办理到现场次数
performDeptType: "", // 实施主体
eventTypeShow: undefined, // 事项类型名称
performHierarchyShow: undefined, //行使层级名称
jointInfoShow: undefined, // 联办机构
type: undefined, // 主题类型
operateTime: "", // 办理时间
operateSite: "", // 办理地点
cousultingShow: "", // 咨询方式
superviseShow: "", // 监督投诉方式
},
deptData: [], // 部门列表
rules: {
matterName: [
{ required: true, message: "事项名称不能为空", trigger: "blur" },
],
matterNo: [
{ required: true, message: "事项编号不能为空", trigger: "blur" },
],
belongDept: [
{ required: true, message: "所属部门不能为空", trigger: "change" },
],
},
};
},
methods: {
// 获取部门列表
handleOk() {
console.log(1);
},
handleReset() {
this.$refs.form.resetFields();
},
},
};
</script>
<style lang="less" scoped>
.more {
cursor: pointer;
}
</style>
\ No newline at end of file
base-manager-ui/admin/src/pages/basicset/addbusiness/components/baseMessage.vue → base-manager-ui/admin/src/pages/basicset/addmatter/components/baseMessage.vue
View file @ 0aca1c24
...@@ -985,7 +985,7 @@ export default { ...@@ -985,7 +985,7 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.basemessage { .basemessage {
width: 98%; width: 100%;
.color_title { .color_title {
margin-left: 15px; margin-left: 15px;
position: relative; position: relative;
...@@ -1020,10 +1020,4 @@ export default { ...@@ -1020,10 +1020,4 @@ export default {
/deep/.ant-input { /deep/.ant-input {
width: 100% !important; width: 100% !important;
} }
/deep/.ant-col-6 {
width: 25% !important;
}
/deep/.ant-col-3 {
width: 12.5% !important;
}
</style> </style>
base-manager-ui/admin/src/pages/basicset/business/Index.vue 0 → 100644
View file @ 0aca1c24
<template>
<div class="business-matter">
<router-view></router-view>
</div>
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
.business-matter {
width: 100%;
height: 100%;
}
</style>
\ No newline at end of file
base-manager-ui/admin/src/pages/basicset/business/components/businessTabs2.vue
View file @ 0aca1c24
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<div class="header-bottom"> <div class="header-bottom">
<div class="left-btn"> <div class="left-btn">
<a-button type="danger" @click="handleDelAll"> 批量移除 </a-button> <a-button type="danger" @click="handleDelAll"> 批量移除 </a-button>
<!-- <a-button class="add-btn" @click="addItems"> 新增事项 </a-button> --> <a-button class="add-btn" @click="addMatter"> 新增事项 </a-button>
</div> </div>
<div class="search-box"> <div class="search-box">
<!-- <a-select <!-- <a-select
...@@ -338,15 +338,8 @@ export default { ...@@ -338,15 +338,8 @@ export default {
}); });
}, },
//新增事项 //新增事项
addItems() { addMatter() {
if (!this.siteId) { this.$router.push("/business/synopsis");
this.$message.warning("请先选择站点");
return;
}
this.$router.push({
path: "addbusiness",
query: { siteId: this.siteId },
});
}, },
onSelectChange(key, data) { onSelectChange(key, data) {
this.deleteData = data; this.deleteData = data;
......
base-manager-ui/admin/src/router/config.js
View file @ 0aca1c24
...@@ -50,19 +50,34 @@ const options = { ...@@ -50,19 +50,34 @@ const options = {
}, },
{ {
path: "business", path: "business",
meta: {
icon: "book",
},
component: () => import("@/pages/basicset/business/Index"),
children: [
{
path: "",
name: "业务事项管理", name: "业务事项管理",
meta: { meta: {
icon: "book", icon: "book",
invisible: true,
}, },
component: () => import("@/pages/basicset/business/business"), component: () => import("@/pages/basicset/business/business"),
}, },
{ {
path: "addbusiness", path: "addmatter",
name: "新增事项", name: "新增事项",
component: () => component: () => import("@/pages/basicset/addmatter/AddMatter"),
import("@/pages/basicset/addbusiness/addbusiness.vue"), meta: { invisible: true },
},
{
path: "synopsis",
name: "事项概要",
component: () => import("@/pages/basicset/addmatter/Synopsis"),
meta: { invisible: true }, meta: { invisible: true },
}, },
],
},
{ {
path: "department", path: "department",
......
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