Skip to content

M
mes-ui
Commit 6dfb5583 authored by renjintao's avatar renjintao
Browse files
Options

system/config

parent 2d3c7b13
Hide whitespace changes
Inline Side-by-side
Showing with 261 additions and 169 deletions
assets/css/base.less
View file @ 6dfb5583
...@@ -698,7 +698,18 @@ i.icon-gengxin { ...@@ -698,7 +698,18 @@ i.icon-gengxin {
.tc { .tc {
text-align: center; text-align: center;
} }
.lt30
{
line-height: 30px;
}
.lt40
{
line-height: 40px;
}
.lt50
{
line-height: 50px;
}
/*清除浮动*/ /*清除浮动*/
......
pages/system/config/index.vue
View file @ 6dfb5583
<template> <template>
<div class="config flex"> <div class="config flex">
<div class="menu"> <div class="menu">
<Menu theme="light" active-name="site"> <Menu theme="light" active-name="site" @on-select="pageTo">
<MenuItem name="site" to="#site">站点设置</MenuItem> <MenuItem name="site">站点设置</MenuItem>
<MenuItem name="bus" to="#bus">业务设置</MenuItem> <MenuItem name="bus">业务设置</MenuItem>
</Menu> </Menu>
</div> </div>
<div class="main fg"> <div class="main fg" id="mainDiv">
<div class="tool tr"> <div class="tr lt40 fr divTop">
<Button type="primary" size="small" @click="save">保存</Button> <Button type="primary" size="small" @click="save">保存</Button>
<Button type="text">恢复默认</Button> <Button type="text">恢复默认</Button>
</div>
<Form ref="form" :model="config" :rules="rules" :label-width="120">
<div id="site">
<h3>站点设置</h3>
<FormItem label="默认语言" prop="site.language">
<Input v-model="config.site.language"></Input>
</FormItem>
<FormItem label="默认密码" prop="site.password">
<Input v-model="config.site.password"></Input>
</FormItem>
<FormItem label="密码规则" prop="site.password">
<RadioGroup v-model="config.site.passwordRule">
<Radio :label="0">简易</Radio>
<Radio :label="1">中级 <span class="tip"> 密码长度6位以上</span></Radio>
<Radio :label="2">高级
<span class="tip"> 密码需要包含数字字母和特殊字符，长度8位以上</span>
</Radio>
</RadioGroup>
</FormItem>
<FormItem label="密码安全校验">
<i-switch v-model="config.site.loginEditPassword"/>
<span class="tip">开启后，用户密码安全级别低时，登陆后强制修改密码</span>
</FormItem>
<FormItem label="验证码">
<i-switch v-model="config.site.loginCode" />
<span class="tip">开启后用户登陆需要输入验证码</span>
</FormItem>
<FormItem label="注册邀请码">
<Input v-model="config.site.regCode" ></Input>
<span class="tip">1.为空时：不对外开放注册;2.设置为“666”时用户免输入注册邀请码就可以进行注册；3.其它情况，注册时需要输入注册邀请码</span>
</FormItem>
<FormItem label="登陆有效期">
<InputNumber v-model="config.site.loginValidHoure" :min="1" :max="2400"></InputNumber>
<span class="tip">单位为小时，设置后用户登陆此时长后自动过期</span>
</FormItem>
<FormItem label="Bug反馈">
<i-switch v-model="config.site.bug" />
<span class="tip">开启后，用户可以提交bug并管理自己的bug</span>
</FormItem>
<FormItem label="异常管理">
<i-switch v-model="config.site.exception" />
<span class="tip">开启后可以查看系统异常</span>
</FormItem>
<FormItem label="异常消息">
<Input v-model="config.site.exceptionMessage" ></Input>
<span class="tip">设置后，接口发生异常，统一返回次内容。为空时返回系统异常</span>
</FormItem>
<FormItem label="列表显示方式">
<RadioGroup v-model="config.site.gridType">
<Radio :label="0">表格</Radio>
<Radio :label="1">卡片</Radio>
<!-- <Radio label="2">无限下拉</Radio> -->
</RadioGroup>
</FormItem>
<FormItem label="默认分页大小">
<Select v-model="config.site.pageSize">
<Option :value="20">每页20条</Option>
<Option :value="50">每页50条</Option>
<Option :value="100">每页100条</Option>
</Select>
</FormItem>
<FormItem label="弹窗宽度">
<InputNumber v-model="config.site.windowWidth" :min="1" :max="2400"></InputNumber>
<span class="tip">设置弹窗页面宽度</span>
</FormItem>
<FormItem label="弹窗移动">
<i-switch v-model="config.site.windowMove" />
<span class="tip">开启后弹框可以进行移动</span>
</FormItem>
</div> </div>
<div id="bus"> <Form ref="form" :model="config" :rules="rules" :label-width="120">
<h3>业务设置</h3> <div id="site" class="mt50">
<FormItem label="订单开工预警"> <h3>站点设置</h3>
<InputNumber v-model="config.bus.orderStartWarning" :min="0" :max="2400"/> <FormItem label="默认语言" prop="site.language">
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span> <Input v-model="config.site.language"></Input>
</FormItem> </FormItem>
<FormItem label="订单完工预警"> <FormItem label="默认密码" prop="site.password">
<InputNumber v-model="config.bus.orderFinishWarning" :min="0" :max="2400"/> <Input v-model="config.site.password"></Input>
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span> </FormItem>
</FormItem> <FormItem label="密码规则" prop="site.password">
<FormItem label="工单开工预警"> <RadioGroup v-model="config.site.passwordRule">
<InputNumber v-model="config.bus.excuteStartWarning" :min="0" :max="2400"/> <Radio :label="0">简易</Radio>
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span> <Radio :label="1">中级 <span class="tip"> 密码长度6位以上</span></Radio>
</FormItem> <Radio :label="2">高级
<FormItem label="工单完工预警"> <span class="tip"> 密码需要包含数字字母和特殊字符，长度8位以上</span>
<InputNumber v-model="config.bus.excuteEndWarning" :min="0" :max="2400"/> </Radio>
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span> </RadioGroup>
</FormItem> </FormItem>
<FormItem label="库存预警"> <FormItem label="密码安全校验">
<i-switch v-model="config.site.storeWarning" /> <i-switch v-model="config.site.loginEditPassword" />
</FormItem> <span class="tip">开启后，用户密码安全级别低时，登陆后强制修改密码</span>
<FormItem label="多工艺"> </FormItem>
<i-switch v-model="config.bus.multipleHeader" /> <FormItem label="验证码">
<span class="tip">开启后，一个生产计划可以设置多本工艺规程</span> <i-switch v-model="config.site.loginCode" />
</FormItem> <span class="tip">开启后用户登陆需要输入验证码</span>
<FormItem label="按序执行"> </FormItem>
<i-switch v-model="config.bus.detailFirst" /> <FormItem label="注册邀请码">
<span class="tip">开启后，工单执行必须按照工序次序先后次序执行；关闭后，工单可以不按工序次序执行。</span> <Input v-model="config.site.regCode"></Input>
</FormItem> <span class="tip">1.为空时：不对外开放注册;2.设置为“666”时用户免输入注册邀请码就可以进行注册；3.其它情况，注册时需要输入注册邀请码</span>
<FormItem label="工艺设置预警"> </FormItem>
<InputNumber v-model="config.bus.setHeaderWarning" :min="0" :max="2400"/> <FormItem label="登陆有效期">
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span> <InputNumber v-model="config.site.loginValidHoure" :min="1" :max="2400"></InputNumber>
</FormItem> <span class="tip">单位为小时，设置后用户登陆此时长后自动过期</span>
<FormItem label="配套完成预警"> </FormItem>
<InputNumber v-model="config.bus.setHeaderWarning" :min="0" :max="2400"/> <FormItem label="Bug反馈">
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span> <i-switch v-model="config.site.bug" />
</FormItem> <span class="tip">开启后，用户可以提交bug并管理自己的bug</span>
<FormItem label="转序交接"> </FormItem>
<i-switch v-model="config.bus.excuteHandover" /> <FormItem label="异常管理">
<span class="tip">开启后，工单转序必须进行交接</span> <i-switch v-model="config.site.exception" />
</FormItem> <span class="tip">开启后可以查看系统异常</span>
<FormItem label="同车间转序交接"> </FormItem>
<i-switch v-model="config.bus.inenerExcuteHandover" /> <FormItem label="异常消息">
<span class="tip">开启后，同车间工单转序必须进行交接</span> <Input v-model="config.site.exceptionMessage"></Input>
</FormItem> <span class="tip">设置后，接口发生异常，统一返回次内容。为空时返回系统异常</span>
<FormItem label="配套前置"> </FormItem>
<i-switch v-model="config.site.suportingFirst" /> <FormItem label="列表显示方式">
<span class="tip">开启配套前置后，工单只有完成配套才可以进行开工</span> <RadioGroup v-model="config.site.gridType">
</FormItem> <Radio :label="0">表格</Radio>
</div> <Radio :label="1">卡片</Radio>
</Form> <!-- <Radio label="2">无限下拉</Radio> -->
</RadioGroup>
</FormItem>
<FormItem label="默认分页大小">
<Select v-model="config.site.pageSize">
<Option :value="20">每页20条</Option>
<Option :value="50">每页50条</Option>
<Option :value="100">每页100条</Option>
</Select>
</FormItem>
<FormItem label="弹窗宽度">
<InputNumber v-model="config.site.windowWidth" :min="1" :max="2400"></InputNumber>
<span class="tip">设置弹窗页面宽度</span>
</FormItem>
<FormItem label="弹窗移动">
<i-switch v-model="config.site.windowMove" />
<span class="tip">开启后弹框可以进行移动</span>
</FormItem>
</div>
<div id="bus">
<h3>业务设置</h3>
<FormItem label="订单开工预警">
<InputNumber v-model="config.bus.orderStartWarning" :min="0" :max="2400" />
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span>
</FormItem>
<FormItem label="订单完工预警">
<InputNumber v-model="config.bus.orderFinishWarning" :min="0" :max="2400" />
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span>
</FormItem>
<FormItem label="工单开工预警">
<InputNumber v-model="config.bus.excuteStartWarning" :min="0" :max="2400" />
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span>
</FormItem>
<FormItem label="工单完工预警">
<InputNumber v-model="config.bus.excuteEndWarning" :min="0" :max="2400" />
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span>
</FormItem>
<FormItem label="库存预警">
<i-switch v-model="config.site.storeWarning" />
</FormItem>
<FormItem label="多工艺">
<i-switch v-model="config.bus.multipleHeader" />
<span class="tip">开启后，一个生产计划可以设置多本工艺规程</span>
</FormItem>
<FormItem label="按序执行">
<i-switch v-model="config.bus.detailFirst" />
<span class="tip">开启后，工单执行必须按照工序次序先后次序执行；关闭后，工单可以不按工序次序执行。</span>
</FormItem>
<FormItem label="工艺设置预警">
<InputNumber v-model="config.bus.setHeaderWarning" :min="0" :max="2400" />
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span>
</FormItem>
<FormItem label="配套完成预警">
<InputNumber v-model="config.bus.setHeaderWarning" :min="0" :max="2400" />
<span class="tip">单位为小时，为0时不预警；大于0进行预警</span>
</FormItem>
<FormItem label="转序交接">
<i-switch v-model="config.bus.excuteHandover" />
<span class="tip">开启后，工单转序必须进行交接</span>
</FormItem>
<FormItem label="同车间转序交接">
<i-switch v-model="config.bus.inenerExcuteHandover" />
<span class="tip">开启后，同车间工单转序必须进行交接</span>
</FormItem>
<FormItem label="配套前置">
<i-switch v-model="config.site.suportingFirst" />
<span class="tip">开启配套前置后，工单只有完成配套才可以进行开工</span>
</FormItem>
</div>
</Form>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import config from "~/libs/config"; import config from "~/libs/config";
export default { export default {
name: "", name: "",
data() { data() {
return { return {
config: config, config: config,
rules: {}, rules: {},
}; };
}, },
methods: { mounted() {},
save() {}, methods: {
reset() {}, save() {
}, alert(JSON.stringify(this.config))
},
reset() {},
pageTo(val) {
var mainDiv = document.getElementById('mainDiv');
var site = document.getElementById('site');
if (val == 'site') {
mainDiv.scrollTop = 0;
} else {
mainDiv.scrollTop = site.scrollHeight;
}
}
},
}; };
</script> </script>
<style lang="less"> <style lang="less">
.config { .config {
height: 100%; height: 100%;
.menu {
width: 240px; .menu {
border-right: 1px solid #ddd; width: 240px;
position: relative; border-right: 1px solid #ddd;
.ivu-menu{ position: relative;
z-index: 10;
position: absolute; .ivu-menu {
width: 100%; z-index: 10;
top:5px; position: absolute;
} width: 100%;
} top: 5px;
.main { }
margin: 0px -10px;
padding: 10px 20px;
h3 {
font-size: 16px;
} }
.tip{
font-size: 13px; .main {
color: #999; margin: 0px -10px;
font-style: italic; padding: 10px 20px;
h3 {
font-size: 16px;
}
.tip {
font-size: 13px;
color: #999;
font-style: italic;
}
.divTop {
position: fixed;
background: #fff;
height: 40px;
width: calc(~'100% - 560px');
z-index: 9999;
border-bottom: 1px #e4e6ed solid;
top: 105px
}
height: calc(100vh - 150px);
overflow-y: auto;
} }
height: calc(100vh - 150px);
overflow-y: auto;
}
} }
</style> </style>
\ No newline at end of file
src/assets/css/base.css
View file @ 6dfb5583
...@@ -8,6 +8,46 @@ html body { ...@@ -8,6 +8,46 @@ html body {
#__layout { #__layout {
height: 100%; height: 100%;
} }
/*flex*/
.flex {
display: flex;
}
.fc-m {
justify-content: center;
}
.fa-m {
align-items: center;
}
.fc-e {
justify-content: flex-end;
}
.fc-b {
justify-content: space-between;
}
.fc-a {
justify-content: space-around;
}
.fc-ev {
justify-content: space-evenly;
}
.fd {
flex-direction: column;
}
.fg {
flex-grow: 1;
}
.fs {
flex-shrink: 0;
}
.fg2 {
flex-grow: 2;
}
.fos {
order: -1;
}
.foe {
order: 99;
}
/*字体*/ /*字体*/
.ib { .ib {
display: inline; display: inline;
...@@ -475,6 +515,15 @@ i.icon-gengxin { ...@@ -475,6 +515,15 @@ i.icon-gengxin {
.tc { .tc {
text-align: center; text-align: center;
} }
.lt30 {
line-height: 30px;
}
.lt40 {
line-height: 40px;
}
.lt50 {
line-height: 50px;
}
/*清除浮动*/ /*清除浮动*/
.clear { .clear {
clear: both; clear: both;
...@@ -523,6 +572,7 @@ textarea::-webkit-input-placeholder { ...@@ -523,6 +572,7 @@ textarea::-webkit-input-placeholder {
background: #fff; background: #fff;
padding: 0px 10px 20px 10px; padding: 0px 10px 20px 10px;
margin-top: 10px; margin-top: 10px;
overflow: auto;
} }
.zh-tree .zh-title { .zh-tree .zh-title {
font-size: 14px; font-size: 14px;
...@@ -646,7 +696,7 @@ html [type=button] { ...@@ -646,7 +696,7 @@ html [type=button] {
} }
.waitTask { .waitTask {
/*flex 布局*/ /*flex 布局*/
display: flex; display: flex!important;
align-items: center; align-items: center;
width: 200px; width: 200px;
height: 100px; height: 100px;
...@@ -892,7 +942,6 @@ html [type=button] { ...@@ -892,7 +942,6 @@ html [type=button] {
color: #249e91; color: #249e91;
} }
.full .menu .tree { .full .menu .tree {
height: calc(100% - 150px);
overflow: auto; overflow: auto;
} }
.full .content { .full .content {
...@@ -922,3 +971,7 @@ html [type=button] { ...@@ -922,3 +971,7 @@ html [type=button] {
.content { .content {
padding-left: 5px; padding-left: 5px;
} }
.row_border_bottom {
border-bottom: 1px solid #E0E0E0;
padding: 15px 20px;
}
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