guideline

This commit is contained in:
ext.jiangrui1 2021-07-29 17:54:39 +08:00
parent cf12cbdd82
commit 1301213888
4 changed files with 204 additions and 207 deletions

View File

@ -1,16 +1,16 @@
import Vue from "vue";
import Router from "vue-router";
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router);
Vue.use(Router)
/* Layout */
import Layout from "@/layout";
import Layout from '@/layout'
/* Router Modules */
import componentsRouter from "./modules/components";
import chartsRouter from "./modules/charts";
import tableRouter from "./modules/table";
import nestedRouter from "./modules/nested";
import componentsRouter from './modules/components'
import chartsRouter from './modules/charts'
import tableRouter from './modules/table'
import nestedRouter from './modules/nested'
/**
* Note: sub-menu only appear when route children.length >= 1
@ -40,244 +40,244 @@ import nestedRouter from "./modules/nested";
*/
export const constantRoutes = [
{
path: "/redirect",
path: '/redirect',
component: Layout,
hidden: true,
children: [
{
path: "/redirect/:path(.*)",
component: () => import("@/views/redirect/index")
path: '/redirect/:path(.*)',
component: () => import('@/views/redirect/index')
}
]
},
{
path: "/login",
component: () => import("@/views/login/index"),
path: '/login',
component: () => import('@/views/login/index'),
hidden: true
},
{
path: "/auth-redirect",
component: () => import("@/views/login/auth-redirect"),
path: '/auth-redirect',
component: () => import('@/views/login/auth-redirect'),
hidden: true
},
{
path: "/404",
component: () => import("@/views/error-page/404"),
path: '/404',
component: () => import('@/views/error-page/404'),
hidden: true
},
{
path: "/401",
component: () => import("@/views/error-page/401"),
path: '/401',
component: () => import('@/views/error-page/401'),
hidden: true
},
{
path: "/",
name: "Dashboard",
path: '/',
name: 'Dashboard',
component: Layout,
redirect: "/dashboard",
redirect: '/dashboard',
children: [
{
path: "dashboard",
component: () => import("@/views/dashboard/index"),
name: "Dashboard",
meta: { title: "首页", icon: "statistical", affix: true }
path: 'dashboard',
component: () => import('@/views/dashboard/index'),
name: 'Dashboard',
meta: { title: '首页', icon: 'statistical', affix: true }
}
]
},
{
path: "/convenience",
path: '/convenience',
component: Layout,
name: "Convenience",
redirect: "/convenience/list",
name: 'Convenience',
redirect: '/convenience/list',
meta: {
title: "工单管理",
icon: "convenience"
title: '工单管理',
icon: 'convenience'
// roles: ["admin", "editor"]
},
children: [
{
path: "list",
component: () => import("@/views/convenience/list"),
name: "ConvenienceList",
path: 'list',
component: () => import('@/views/convenience/list'),
name: 'ConvenienceList',
meta: {
title: "工单列表",
icon: "convenience",
title: '工单列表',
icon: 'convenience',
affix: true,
parentTitle: "工单管理"
parentTitle: '工单管理'
}
},
{
path: "add",
component: () => import("@/views/convenience/add"),
name: "ConvenienceList",
meta: { title: "创建工单", icon: "convenience", affix: true },
path: 'add',
component: () => import('@/views/convenience/add'),
name: 'ConvenienceList',
meta: { title: '创建工单', icon: 'convenience', affix: true },
hidden: true
},
{
path: "detail",
component: () => import("@/views/convenience/detail"),
name: "ConvenienceDetail",
path: 'detail',
component: () => import('@/views/convenience/detail'),
name: 'ConvenienceDetail',
meta: {
title: "工单详情",
icon: "convenience",
title: '工单详情',
icon: 'convenience',
affix: true,
activeMenu: "/convenience/list"
activeMenu: '/convenience/list'
},
hidden: true
},
{
path: "typeList",
component: () => import("@/views/convenience/typeList"),
name: "ConvenienceTypeList",
meta: { title: "工单类型列表", icon: "convenience", affix: true },
path: 'typeList',
component: () => import('@/views/convenience/typeList'),
name: 'ConvenienceTypeList',
meta: { title: '工单类型列表', icon: 'convenience', affix: true },
hidden: true
}
]
},
{
path: "/workBook",
path: '/workBook',
component: Layout,
name: "WorkBook",
redirect: "/workBook/list",
name: 'WorkBook',
redirect: '/workBook/list',
meta: {
title: "工作手册",
icon: "list"
title: '工作手册',
icon: 'list'
},
hidden: false,
children: [
{
path: "list",
component: () => import("@/views/workBook/list"),
name: "workBookList",
path: 'list',
component: () => import('@/views/workBook/list'),
name: 'workBookList',
meta: {
title: "工作手册列表",
icon: "workBook",
title: '工作手册列表',
icon: 'workBook',
affix: true,
parentTitle: "工作手册"
parentTitle: '工作手册'
}
},
{
path: "detail",
component: () => import("@/views/workBook/detail"),
name: "workBookDetail",
path: 'detail',
component: () => import('@/views/workBook/detail'),
name: 'workBookDetail',
meta: {
title: "工作手册详情",
icon: "workBook",
title: '工作手册详情',
icon: 'workBook',
affix: true,
parentTitle: "工作手册详情"
parentTitle: '工作手册详情'
},
hidden: true
}
]
},
{
path: "/serviceGuide",
path: '/serviceGuide',
component: Layout,
name: "ServiceGuide",
redirect: "/serviceGuide/list",
name: 'ServiceGuide',
redirect: '/serviceGuide/list',
meta: {
title: "办事指南",
icon: "list"
title: '办事指南',
icon: 'list'
},
hidden: false,
children: [
{
path: "list",
component: () => import("@/views/serviceGuide/list"),
name: "ServiceGuideList",
path: 'list',
component: () => import('@/views/serviceGuide/list'),
name: 'ServiceGuideList',
meta: {
title: "办事指南列表",
icon: "workBook",
title: '办事指南列表',
icon: 'workBook',
affix: true,
parentTitle: "办事指南"
parentTitle: '办事指南'
}
},
{
path: "detail",
component: () => import("@/views/serviceGuide/detail"),
name: "serviceGuideDetail",
path: 'detail',
component: () => import('@/views/serviceGuide/detail'),
name: 'serviceGuideDetail',
meta: {
title: "办事指南详情",
icon: "workBook",
title: '办事指南详情',
icon: 'workBook',
affix: true,
parentTitle: "办事指南详情"
parentTitle: '办事指南详情'
},
hidden: true
}
]
},
{
path: "/helpPrint",
path: '/helpPrint',
component: Layout,
name: "HelpPrint",
redirect: "/helpPrint/list",
name: 'HelpPrint',
redirect: '/helpPrint/list',
meta: {
title: "代写代办管理",
icon: "list",
roles: ["admin", "editor"]
title: '代写代办管理',
icon: 'list',
roles: ['admin', 'editor']
},
children: [
{
path: "list",
component: () => import("@/views/helpPrint/list"),
name: "helpPrintList",
path: 'list',
component: () => import('@/views/helpPrint/list'),
name: 'helpPrintList',
meta: {
title: "代写代办列表",
icon: "dxdb",
title: '代写代办列表',
icon: 'dxdb',
affix: true,
parentTitle: "代写代办管理"
parentTitle: '代写代办管理'
}
},
{
path: "detail",
component: () => import("@/views/helpPrint/detail"),
name: "helpPrintDetail",
path: 'detail',
component: () => import('@/views/helpPrint/detail'),
name: 'helpPrintDetail',
meta: {
title: "代写代办详情",
icon: "dxdb",
title: '代写代办详情',
icon: 'dxdb',
affix: true,
parentTitle: "代写代办详情"
parentTitle: '代写代办详情'
},
hidden: true
},
{
path: "read",
component: () => import("@/views/helpPrint/read"),
name: "helpPrintDetailRead",
path: 'read',
component: () => import('@/views/helpPrint/read'),
name: 'helpPrintDetailRead',
meta: {
title: "代写代办详情",
icon: "dxdb",
title: '代写代办详情',
icon: 'dxdb',
affix: true,
parentTitle: "代写代办详情"
parentTitle: '代写代办详情'
},
hidden: true
}
]
},
{
path: "/townRanking",
path: '/townRanking',
component: Layout,
name: "TownRanking",
redirect: "/townRanking/index",
name: 'TownRanking',
redirect: '/townRanking/index',
meta: {
title: "乡镇办件统计",
icon: "townRanking"
title: '乡镇办件统计',
icon: 'townRanking'
},
hidden: false,
children: [
{
path: "list",
component: () => import("@/views/townRanking/index"),
name: "TownRanking",
path: 'list',
component: () => import('@/views/townRanking/index'),
name: 'TownRanking',
meta: {
title: "乡镇办件统计",
icon: "townRanking",
title: '乡镇办件统计',
icon: 'townRanking',
affix: true,
parentTitle: "乡镇办件统计"
parentTitle: '乡镇办件统计'
}
}
]
},
}
// {
// path: "/staff",
// component: Layout,
@ -335,7 +335,7 @@ export const constantRoutes = [
// }
// ]
// }
];
]
/**
* asyncRoutes
@ -343,25 +343,25 @@ export const constantRoutes = [
*/
export const asyncRoutes = [
{
path: "/residentInformation",
path: '/residentInformation',
component: Layout,
name: "ResidentInformation",
redirect: "/residentInformation/list",
name: 'ResidentInformation',
redirect: '/residentInformation/list',
meta: {
title: "居民信息管理",
icon: "jmInfo",
roles: ["SSS"]
title: '居民信息管理',
icon: 'jmInfo',
roles: ['SSS']
},
children: [
{
path: "list",
component: () => import("@/views/residentInformation/list"),
name: "residentInformationList",
path: 'list',
component: () => import('@/views/residentInformation/list'),
name: 'residentInformationList',
meta: {
title: "居民信息列表",
icon: "jmInfo",
title: '居民信息列表',
icon: 'jmInfo',
affix: true,
parentTitle: "居民信息管理"
parentTitle: '居民信息管理'
}
}
]
@ -621,22 +621,22 @@ export const asyncRoutes = [
// },
// 404 page must be placed at the end !!!
{ path: "*", redirect: "/404", hidden: true }
];
{ path: '*', redirect: '/404', hidden: true }
]
const createRouter = () =>
new Router({
// mode: 'history', // require service support
scrollBehavior: () => ({ y: 0 }),
routes: constantRoutes
});
})
const router = createRouter();
const router = createRouter()
// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
const newRouter = createRouter();
router.matcher = newRouter.matcher; // reset router
const newRouter = createRouter()
router.matcher = newRouter.matcher // reset router
}
export default router;
export default router

View File

@ -1,6 +1,6 @@
<template>
<div class="app-container">
<div class="filter-container"></div>
<div class="filter-container" />
<el-form
ref="convenienceForm"
style="width:680px"
@ -32,8 +32,7 @@
:key="item.id"
:label="item.eventName"
:value="item.id"
>
</el-option>
/>
</el-select>
</el-form-item>
@ -61,9 +60,9 @@
</template>
<script>
import { add, typeList } from "@/api/convenience";
import { info } from "@/api/staff";
import AliOss from "@/components/AliOSS/index.vue";
import { add, typeList } from '@/api/convenience'
import { info } from '@/api/staff'
import AliOss from '@/components/AliOSS/index.vue'
export default {
components: {
@ -71,73 +70,73 @@ export default {
},
data() {
var checkInfo = (rule, value, callback) => {
if (value === "") {
callback(new Error("受理人不能为空"));
if (value === '') {
callback(new Error('受理人不能为空'))
} else {
info({ param: this.convenience.residentInformation || undefined }).then(
res => {
if (!res.d) {
return callback(new Error("查无此人"));
return callback(new Error('查无此人'))
} else {
this.searchInput = res.d.id;
callback();
this.searchInput = res.d.id
callback()
}
}
);
)
}
}
};
return {
convenience: {
residentInformation: undefined,
eventTypeId: undefined,
remark: undefined,
sponsor: "STAFF",
sponsor: 'STAFF',
attachment: undefined
},
typeOptions: [],
rules: {
residentInformation: [{ validator: checkInfo, trigger: "blur" }],
residentInformation: [{ validator: checkInfo, trigger: 'blur' }],
eventTypeId: [
{ required: true, message: "办事项目不能为空", trigger: "change" }
{ required: true, message: '办事项目不能为空', trigger: 'change' }
]
// remark: [{ validator: checkRemark, trigger: "blur" }],
// attachment: [{ validator: checkAttachment, trigger: "change" }]
},
fileList: undefined,
searchInput: undefined
};
}
},
mounted() {
this.getTypeList();
this.getTypeList()
},
methods: {
getTypeList() {
typeList().then(res => {
this.typeOptions = res.d;
});
this.typeOptions = res.d
})
},
handleAdd() {
this.$refs.convenienceForm.validate(valid => {
if (valid) {
if (!this.convenience.remark) {
if (!(this.convenience.attachment && this.convenience.attachment.length > 0)) {
this.$notify.error("文字说明与附件必须含有一项");
return;
this.$notify.error('文字说明与附件必须含有一项')
return
}
}
let payload = Object.assign({}, this.convenience);
payload.residentInformation = this.searchInput;
const payload = Object.assign({}, this.convenience)
payload.residentInformation = this.searchInput
add(payload).then(res => {
if (res.c === 200) {
this.$notify.success("创建成功");
this.$router.push("/convenience/list");
this.$notify.success('创建成功')
this.$router.push('/convenience/list')
} else {
this.$notify.error(res.m)
}
});
})
}
});
})
},
handlePreview() {},
handleRemove() {},
@ -145,11 +144,11 @@ export default {
handleExceed() {},
toGuidLine() {
this.$router.push({
path: '/serviceGuide/list',
path: '/serviceGuide/list'
})
},
}
};
}
}
</script>
<style scope></style>

View File

@ -12,40 +12,40 @@
:src="info.videoUrl"
style="width:600px;height:300px"
controls
></video>
/>
</el-form-item>
</el-form>
<!-- <Editor v-model="info.content" style="width: 100%" :disabled="true" /> -->
<div v-html="info.content"></div>
<div v-html="info.content" />
</div>
</template>
<script>
import Editor from "@/components/UEditor/index.vue";
import { getWorkBookInfo } from "@/api/workBook";
import Editor from '@/components/UEditor/index.vue'
import { getWorkBookInfo } from '@/api/workBook'
export default {
components: { Editor },
data() {
return {
id: this.$route.query.id,
info: {}
};
}
},
components: { Editor },
created() {
this.getInfo();
this.getInfo()
},
methods: {
getInfo() {
// console.log(this.id);
getWorkBookInfo({ id: this.id }).then(res => {
console.log(res);
this.info = res.d;
});
console.log(res)
this.info = res.d
})
}
}
}
};
</script>
<style></style>

View File

@ -3,19 +3,17 @@
<div id="guideLine" style="background:#fff;padding-bottom:62px">
<div class="title">办事指南</div>
<el-input
v-model="listQuery.keyword"
placeholder="输入关键字查询办事指南"
prefix-icon="el-icon-search"
v-model="listQuery.keyword"
clearable
class="searchInput"
>
</el-input>
/>
<el-button
type="primary"
style="padding:9px 28px ;margin-left:10px"
@click="handleSearch"
>搜索</el-button
>
>搜索</el-button>
<ul class="guideList">
<li v-for="item in list" :key="item.id" @click="toDetail(item.id)">
{{ item.title }}
@ -26,8 +24,8 @@
</template>
<script>
import Pagination from "@/components/Pagination";
import { workBookList } from "@/api/workBook";
import Pagination from '@/components/Pagination'
import { workBookList } from '@/api/workBook'
export default {
components: { Pagination },
@ -40,33 +38,33 @@ export default {
lastPageIndex: 1,
size: 99999,
keyword: undefined,
category: "HANDLING_GUIDELINE"
category: 'HANDLING_GUIDELINE'
}
}
};
},
created() {
this.getList();
this.getList()
},
methods: {
getList() {
this.listLoading = true;
this.listLoading = true
workBookList(this.listQuery).then(res => {
// console.log(res)
this.listLoading = false;
this.list = res.d.records;
});
this.listLoading = false
this.list = res.d.records
})
},
handleSearch() {
this.getList();
this.getList()
},
toDetail(id) {
this.$router.push({
path: "/serviceGuide/detail",
path: '/serviceGuide/detail',
query: { id }
});
})
}
}
}
};
</script>
<style scoped>