Commit e204e8bd authored by daywrite's avatar daywrite

系统设置模块

parent da8a2bf5
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<div id="container-speed"></div> <div id="container-speed"></div>
<div id="container-rpm"></div> <div id="container-rpm"></div>
</div> </div>
<Group :obj="obj"></Group> <Group></Group>
</div> </div>
</div> </div>
</div> </div>
...@@ -34,12 +34,9 @@ export default { ...@@ -34,12 +34,9 @@ export default {
Group Group
}, },
data: { data () {
obj: [ return {
{ }
title: '客户设置'
}
]
}, },
created () { created () {
...@@ -140,29 +137,6 @@ export default { ...@@ -140,29 +137,6 @@ export default {
} }
}] }]
}) })
// setInterval(function () {
// let point = ''
// let newVal = ''
// let inc = ''
// if (chart1) {
// point = chart1.series[0].points[0]
// inc = Math.round((Math.random() - 0.5) * 100)
// newVal = point.y + inc
// if (newVal < 0 || newVal > 200) {
// newVal = point.y - inc
// }
// point.update(newVal)
// }
// if (chart2) {
// point = chart2.series[0].points[0]
// inc = Math.random() - 0.5
// newVal = point.y + inc
// if (newVal < 0 || newVal > 5) {
// newVal = point.y - inc
// }
// point.update(newVal)
// }
// }, 2000)
} }
} }
</script> </script>
...@@ -170,6 +144,7 @@ export default { ...@@ -170,6 +144,7 @@ export default {
.container { .container {
margin-top: 20px; margin-top: 20px;
width:100%; width:100%;
background-color:white;
} }
.container-chart { .container-chart {
display: flex; display: flex;
......
<template> <template>
<section class="multiple-check-group"> <section class="multiple-check-group">
<el-row type="flex" justify="space-around"> <el-row type="flex" justify="space-around" v-for="(item, index) in [0, 2, 4]">
<el-col :span="11"> <el-col :span="11">
<el-card class="box-card" <el-card class="box-card"
:body-style="{ padding: '0px' }"> :body-style="{ padding: '0px' }">
<div class="el-card__header"> <div class="el-card__header">
<p class="title title-blue text-center"> <p class="title title-blue text-center">
客户设置 {{ obj[item].title }}
</p> </p>
</div> </div>
<div class="el-card__content"> <div class="el-card__content">
<el-button <el-button
type="primary" type="primary"
size="mini"> size="mini"
<i class="fa fa-fw fa-tags"></i>&nbsp;客户性质 class="mb10"
v-for="sItem in obj[item].content"
@click.prevent.stop="to(sItem.path)">
<i :class="sItem.icon"></i>&nbsp;{{ sItem.name }}
</el-button> </el-button>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-card class="box-card" <div v-if="item + 1 < 5">
:body-style="{ padding: '0px' }"> <el-card class="box-card"
<div class="el-card__header"> :body-style="{ padding: '0px' }">
<p class="title title-blue text-center"> <div class="el-card__header">
客户设置 <p class="title title-blue text-center">
</p> {{ obj[item + 1].title }}
</div> </p>
<div class="el-card__content"> </div>
<el-button <div class="el-card__content">
type="primary" <el-button
size="mini"> type="primary"
<i class="fa fa-commenting"></i>留言 size="mini"
</el-button> class="mb10"
<el-button v-for="tItem in obj[item + 1].content"
type="primary" @click.prevent.stop="to(tItem.path)">
size="mini"> <i :class="tItem.icon"></i>&nbsp;{{ tItem.name }}
<i class="fa fa-commenting"></i>留言 </el-button>
</el-button> </div>
</div> </el-card>
</el-card> </div>
</el-col> </el-col>
</el-row> </el-row>
</section> </section>
...@@ -48,16 +51,194 @@ ...@@ -48,16 +51,194 @@
export default { export default {
name: 'group', name: 'group',
props: {
obj: Array
},
data () { data () {
return { return {
obj: [
{
title: '客户设置',
content: [
{
name: '客户性质',
path: '/setting/client-type',
icon: 'fa fa-fw fa-tags'
},
{
name: '客户级别',
path: '/setting/client-class',
icon: 'fa fa-fw fa-star'
},
{
name: '行业设置',
path: '/setting/client-industry',
icon: 'fa fa-fw fa-globe'
},
{
name: '公司性质',
path: '/setting/company-nature',
icon: 'fa fa-fw fa-map-o'
},
{
name: '客户来源',
path: '/setting/taxonomy?term=14',
icon: 'fa fa-fw fa-map-pin'
},
{
name: '联系人状态',
path: '/setting/contact-status',
icon: 'fa fa-fw fa-industry'
},
{
name: '关键角色',
path: '/setting/taxonomy?term=11',
icon: 'fa fa-fw fa-asterisk'
},
{
name: '客户关系',
path: '/setting/taxonomy?term=12',
icon: 'fa fa-fw fa-smile-o'
},
{
name: '客户导入',
path: '/setting/import-history',
icon: 'fa fa-fw fa-sign-in'
}
]
},
{
title: '销售设置',
content: [
{
name: '商机类型',
path: '/setting/taxonomy?term=1',
icon: 'fa fa-fw fa-crosshairs'
},
{
name: '销售任务',
path: '/setting/sales-goal',
icon: 'fa fa-fw fa-sort-amount-asc fa-flip-horizontal fa-flip-vertical '
},
{
name: '采购方式',
path: '/setting/taxonomy?term=9',
icon: 'fa fa-fw fa-bullseye'
},
{
name: '商机来源',
path: '/setting/taxonomy?term=10',
icon: 'fa fa-fw fa-map-pin'
},
{
name: '销售预测',
path: '/setting/taxonomy?term=13',
icon: 'fa fa-fw fa-signal'
},
{
name: '销售阶段',
path: '/setting/project-progress',
icon: 'fa fa-fw fa-hourglass-half'
}
]
},
{
title: '技术设置',
content: [
{
name: '实施阶段',
path: '/setting/implement-type',
icon: 'fa fa-fw fa-list'
},
{
name: '实施方式',
path: '/setting/implement-method',
icon: 'fa fa-fw fa-pencil-square-o'
}
]
},
{
title: '组织架构',
content: [
{
name: '销售组',
path: '/setting/sales-group',
icon: 'fa fa-fw fa-sitemap'
},
{
name: '工程师组',
path: '/setting/engineer-group',
icon: 'fa fa-fw fa-sitemap'
},
{
name: '部门',
path: '/setting/sales-goal',
icon: 'fa fa-fw fa-university'
},
{
name: '职位',
path: '/setting/department-position',
icon: 'fa fa-fw fa-id-card'
},
{
name: '用户角色',
path: '/role/list',
icon: 'fa fa-fw fa-users'
}
]
},
{
title: '其它设置',
content: [
{
name: '基本设置',
path: '/setting/basic',
icon: 'fa fa-fw fa-wrench'
},
{
name: '评测模板',
path: '/setting/rating-strategy',
icon: 'fa fa-fw fa-fort-awesome'
},
{
name: '供应商分类',
path: '/setting/taxonomy?term=6',
icon: 'fa fa-fw fa-map-marker'
},
{
name: '文档管理',
path: '/setting/taxonomy?term=7',
icon: 'fa fa-fw fa-paste'
},
{
name: '费用报销',
path: '/setting/taxonomy?term=15',
icon: 'fa fa-fw fa-money'
},
{
name: '考勤设置',
path: '/setting/punch-strategy-list',
icon: 'fa fa-fw fa-cogs'
},
{
name: '工作日志类型',
path: '/setting/work-log-scenario',
icon: 'fa fa-fw fa-asterisk'
},
{
name: '回访内容',
path: '/setting/callback-questionnaire',
icon: 'fa fa-fw fa-book'
}
]
}
]
} }
}, },
methods: { methods: {
to (path) {
this.$router.push({
path
})
}
} }
} }
</script> </script>
...@@ -84,4 +265,7 @@ ...@@ -84,4 +265,7 @@
.multiple-check-group .el-card .el-card__content { .multiple-check-group .el-card .el-card__content {
padding: 20px; padding: 20px;
} }
.mb10 {
margin-top:10px;
}
</style> </style>
<template>
<section>
<div class="content">
<search-header
ref="searchHeader"
:title="'系统设置'"
:add-title="'新建客户性质'"
@update:headerAdd="() => add()"
@update:headerClear="() => searchClear()">
</search-header>
</div>
</section>
</template>
<script>
import SearchHeader from '../../common/searchHeader'
export default {
name: 'client_type_list',
components: {
SearchHeader
},
methods: {
add () {},
searchClear () {}
}
}
</script>
<style scoped>
</style>
import SettingIndex from '../components/setting/index' import SettingIndex from '../components/setting/index'
import ClientTypeList from '../components/setting_list/client_type/client_type_list'
const routes = [{ const routes = [{
path: '/setting', path: '/setting',
name: 'settingIndex', name: 'settingIndex',
component: SettingIndex component: SettingIndex
}, {
path: '/setting/client-type',
name: 'settingClientType',
component: ClientTypeList
}] }]
export default routes export default routes
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