Commit 87ec99e6 authored by 罗超's avatar 罗超

1

parent 5c8d7964
This source diff could not be displayed because it is too large. You can view the blob instead.
<style> <style>
.baseSet_Title { .baseSet_Title {
width: 120px !important; width: 120px !important;
padding: 18px 0 0 16px; padding: 18px 0 0 16px;
text-align: right; text-align: right;
} }
</style> </style>
<template> <template>
<div class="page-body"> <div class="page-body">
...@@ -58,146 +57,186 @@ ...@@ -58,146 +57,186 @@
</div>--> </div>-->
<div class="text-h5 text-weight-medium q-mb-lg">系统字典维护</div> <div class="text-h5 text-weight-medium q-mb-lg">系统字典维护</div>
<div class="row q-col-gutter-xs q-px-lg"> <div class="row q-col-gutter-xs q-px-lg">
<div class="col-6 relative-position " :class="{'dict-item':!x.EditorStatus}" v-for="(x,i) in dictList" :key="i"> <div
<div class="edit-box" > class="col-6 relative-position "
:class="{ 'dict-item': !x.EditorStatus }"
v-for="(x, i) in dictList"
:key="i"
>
<div class="edit-box">
<q-avatar rounded size="24px" color="orange" @click="changeStatus(x)"> <q-avatar rounded size="24px" color="orange" @click="changeStatus(x)">
<q-icon size="18" color="white" name="iconfont icon-edit"></q-icon> <q-icon size="18" color="white" name="iconfont icon-edit"></q-icon>
</q-avatar> </q-avatar>
</div> </div>
<div style="max-width:300px"> <div style="max-width:300px">
<q-field v-if="!x.EditorStatus" borderless :label="x.Name" v-model="x.Mask" readonly> <q-field
<span class="text-dark text-weight-medium">{{x.Mask}}</span> v-if="!x.EditorStatus"
borderless
:label="x.Name"
v-model="x.Mask"
readonly
>
<span class="text-dark text-weight-medium">{{ x.Mask }}</span>
</q-field> </q-field>
<dictSelectEmp @blur="changeFinishModel" v-if="x.DictKey=='Notice_BaseKey' && x.EditorStatus" :dict="x" :multiple="false"></dictSelectEmp> <dictSelectEmp
<dictSelectEmp @blur="changeFinishModel" v-if="(x.DictKey=='Push_Absence'||x.DictKey=='Push_Arrears'||x.DictKey=='Push_EndClass'||x.DictKey=='Push_NewOrder'||x.DictKey=='Push_TeachPreparing'||x.DictKey=='Push_ClassEnd') && x.EditorStatus" :dict="x" :multiple="true"></dictSelectEmp> @blur="changeFinishModel"
<q-input @blur="changeModel(x)" :rules="[val => !!val|| '请填写字典值']" filled v-else-if="x.EditorStatus" borderless :label="x.Name" v-model="x.Content"></q-input> v-if="x.DictKey == 'Notice_BaseKey' && x.EditorStatus"
:dict="x"
:multiple="false"
></dictSelectEmp>
<dictSelectEmp
@blur="changeFinishModel"
v-if="
(x.DictKey == 'Push_Absence' ||
x.DictKey == 'Push_Arrears' ||
x.DictKey == 'Push_EndClass' ||
x.DictKey == 'Push_NewOrder' ||
x.DictKey == 'Push_TeachPreparing' ||
x.DictKey == 'Push_ClassEnd' ||
x.DictKey == 'Applet_Push_AuditEmp') &&
x.EditorStatus
"
:dict="x"
:multiple="true"
></dictSelectEmp>
<q-input
@blur="changeModel(x)"
:rules="[val => !!val || '请填写字典值']"
filled
v-else-if="x.EditorStatus"
borderless
:label="x.Name"
v-model="x.Content"
></q-input>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import dictSelectEmp from '../../components/system/dict-select-emp' import dictSelectEmp from "../../components/system/dict-select-emp";
import { import { queryEmployee } from "../../api/users/user"; //获取业务员
queryEmployee import {
} from '../../api/users/user'; //获取业务员 setConten,
import { getConten,
setConten, getDictList,
getConten, saveDict
getDictList, } from "../../api/system/notiveSysSet";
saveDict export default {
} from "../../api/system/notiveSysSet" meta: {
export default { title: "公告系统设置"
meta: { },
title: "公告系统设置" props: {},
components: {
dictSelectEmp
},
data() {
return {
msg: {
Content: 0
},
EmployeeListOption: [],
allEmployeeListOption: [],
dictList: []
};
},
created() {},
mounted() {
this.getEmployee(0);
this.init();
},
methods: {
changeModel(x) {
if (x.Content != "") {
x.Mask = x.Content;
this.changeStatus(x);
saveDict(x).then(r => {});
}
}, },
props: {}, changeFinishModel(x) {
components: { this.changeStatus(x);
dictSelectEmp saveDict(x).then(r => {});
}, },
data() { changeStatus(x) {
return { x.EditorStatus = !x.EditorStatus;
msg: {
Content: 0 this.$forceUpdate();
},
EmployeeListOption: [],
allEmployeeListOption: [],
dictList:[]
}
}, },
created() {}, init() {
mounted() { getDictList({}).then(r => {
this.getEmployee(0); r.Data.forEach(x => {
this.init(); if (!x.Mask || x.Mask == "") {
x.Mask = x.Content == "" ? "未设定" : x.Content;
}
x.EditorStatus = false;
});
this.dictList = r.Data;
console.log("tag140", this.dictList);
});
}, },
methods: { //获取业务员
changeModel(x){ getEmployee(id) {
if(x.Content!=''){ var qMsg = {
x.Mask=x.Content Dept_Id: 0
this.changeStatus(x) };
saveDict(x).then(r=>{}); qMsg.Dept_Id = id;
} queryEmployee(qMsg)
}, .then(res => {
changeFinishModel(x){
this.changeStatus(x)
saveDict(x).then(r=>{});
},
changeStatus(x){
x.EditorStatus=!x.EditorStatus
this.$forceUpdate()
},
init(){
getDictList({}).then(r=>{
r.Data.forEach(x=>{
if(!x.Mask||x.Mask==''){
x.Mask=x.Content==""?"未设定":x.Content
}
x.EditorStatus=false
})
this.dictList=r.Data
})
},
//获取业务员
getEmployee(id) {
var qMsg = {
Dept_Id: 0
}
qMsg.Dept_Id = id;
queryEmployee(qMsg).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
this.EmployeeListOption = res.Data; this.EmployeeListOption = res.Data;
this.allEmployeeListOption = res.Data; this.allEmployeeListOption = res.Data;
} }
}).catch(() => {})
},
//筛选员工
filterFn(val, update) {
update(() => {
if (val === '') {
this.EmployeeListOption = JSON.parse(JSON.stringify(this.allEmployeeListOption))
} else {
const needle = val.toLowerCase();
this.EmployeeListOption = this.allEmployeeListOption.filter(v => v.EmployeeName.toLowerCase().indexOf(
needle) > -1);
}
}) })
}, .catch(() => {});
getData() { },
getConten({}).then(res => { //筛选员工
filterFn(val, update) {
update(() => {
if (val === "") {
this.EmployeeListOption = JSON.parse(
JSON.stringify(this.allEmployeeListOption)
);
} else {
const needle = val.toLowerCase();
this.EmployeeListOption = this.allEmployeeListOption.filter(
v => v.EmployeeName.toLowerCase().indexOf(needle) > -1
);
}
});
},
getData() {
getConten({}).then(res => {
if (res.Code === 1) {
this.msg.Content = parseInt(res.Data.Content);
}
});
},
saveInfo() {
this.$refs.Admin.validate();
if (!this.$refs.Admin.hasError) {
setConten(this.msg).then(res => {
if (res.Code === 1) { if (res.Code === 1) {
this.msg.Content = parseInt(res.Data.Content) this.$message.success("操作成功");
this.getConten();
} else {
this.$message.error(res.Message);
} }
}) });
},
saveInfo() {
this.$refs.Admin.validate();
if (!this.$refs.Admin.hasError) {
setConten(this.msg).then(res => {
if (res.Code === 1) {
this.$message.success('操作成功')
this.getConten();
} else {
this.$message.error(res.Message)
}
})
}
} }
}, }
} }
};
</script> </script>
<style> <style>
.dict-item:hover .edit-box{ .dict-item:hover .edit-box {
display: block; display: block;
} }
.edit-box{ .edit-box {
position: absolute; position: absolute;
left: 256px; left: 256px;
top: 20px; top: 20px;
display: none; display: none;
cursor: pointer; cursor: pointer;
z-index: 9; z-index: 9;
} }
</style> </style>
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