elink-star
/
epmet-oper-lingshan
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

高级配置

master
liyan 5 years ago
parent
1f46276a95
commit
c50455f69a
1 changed files with 117 additions and 83 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 166
      epmet-oper-web/src/views/modules/productConfig/mostedit/MostList.vue

166
epmet-oper-web/src/views/modules/productConfig/mostedit/MostList.vue
View File

@ -1,57 +1,52 @@
<template> <template>
<!-- 项目滞留超期提醒 --> <!-- 项目滞留超期提醒 -->
<div class="m-body"> <div v-show="showType==='customize'" class="m-body">
<el-tag class="mh"> <el-tag class="mh">
<div class="h-left"> <div class="h-left">
<div class="line"> <div class="line">
项目滞留超期提醒 项目滞留超期提醒
</div> </div>
</div> </div>
<div class="h-right"> <div class="h-right">
<el-tag>取消返回</el-tag>
<button class="h-right-one" @click="stayover()">恢复默认</button>
<button class="h-right-two" @click="one_two()">保存设置</button> <button class="h-right-two" @click="one_two()">保存设置</button>
<button class="h-right-one" @click="stayover()">恢复默认</button>
<el-button class="diaCancel" @click="diaCancel()">取消返回</el-button>
</div> </div>
</el-tag> </el-tag>
<!-- 设定核算单位prefix-icon="el-icon-date" --> <!-- 设定核算单位prefix-icon="el-icon-date" -->
<div class="mh-child"> <div class="mh-child">
<el-tag class="set-accont">设定核算单位天/日起止时间：</el-tag> <el-tag class="set-accont">设定核算单位天/日起止时间：</el-tag>
<el-time-picker <el-time-picker
class="overtime-input"
arrow-control arrow-control
prefix-icon=el-icon-date prefix-icon=el-icon-date
v-model="startTime" v-model="startTime"
:picker-options="{ :picker-options="{
selectableRange: '00:00:00'+ '-' + '23:59:59' , selectableRange: '00:00:00'+ '-' + '23:59:59' ,
}" }"
placeholder="任意时间点" placeholder="任意时间点"
value-format="HH:mm:ss"> value-format="HH:mm:ss">
</el-time-picker> </el-time-picker>
<text-align style=" padding: 20px;">至</text-align> <text-align style=" padding: 20px;">至</text-align>
<el-time-picker <el-time-picker
class="overtime-input"
arrow-control arrow-control
prefix-icon=el-icon-date prefix-icon=el-icon-date
v-model="endTime" v-model="endTime"
:picker-options="{ :picker-options="{
selectableRange: startTime + '-' + '23:59:59' , selectableRange: startTime + '-' + '23:59:59' ,
}" }"
placeholder="任意时间点" placeholder="任意时间点"
value-format="HH:mm:ss"> value-format="HH:mm:ss">
</el-time-picker> </el-time-picker>
</div> </div>
<!-- 设定滞留超期时间 start: '08:30:00', <!-- 设定滞留超期时间 start: '08:30:00',
step: '00:15:00', step: '00:15:00',
end: '23:30:00' --> end: '23:30:00' -->
<div class="mh-child"> <div class="mh-child">
<el-tag class="set-overtime">设定滞留超期时间：</el-tag> <el-tag class="set-overtime">设定滞留超期时间：</el-tag>
<el-from-item class="el-from-item"> <el-from-item class="el-from-item">
<button class="btn btn-delet" @click="staytime_subtract()">-</button> <button class="btn btn-delet" @click="staytime_subtract()">-</button>
</el-from-item> </el-from-item>
<el-input class="overtime-input" v-model="detentionDays"></el-input> <el-input class="overtime-input" v-model="detentionDays"></el-input>
@ -59,7 +54,7 @@
<button class="btn btn-add" @click="staytime_add()">+</button> <button class="btn btn-add" @click="staytime_add()">+</button>
</el-from-item> </el-from-item>
<el-tag style="padding-left: 14px;padding-right: 14px;font-size: 15px;background-color: white;border: 0px;color: #000000;">/</el-tag> <el-tag style="padding-left: 14px;padding-right: 14px;font-size: 15px;background-color: white;border: 0px;color: #000000;">/</el-tag>
<el-select v-model="value" placeholder="请选择"> <el-select v-model="value" placeholder="请选择" class="overtime-input">
<el-option <el-option
v-for="item in options" v-for="item in options"
:key="item.value" :key="item.value"
@ -73,23 +68,21 @@
<div class="mh-child"> <div class="mh-child">
<el-tag class="set-overtime">设定即将超期时间提醒：</el-tag> <el-tag class="set-overtime">设定即将超期时间提醒：</el-tag>
<el-from-item class="el-from-item"> <el-from-item class="el-from-item">
<button class="btn btn-delet" @click="subtract_remind()">-</button> <button class="btn btn-delet" @click="subtract_remind()">-</button>
</el-from-item> </el-from-item>
<el-from-item> <el-from-item>
<el-input class="overtime-input" v-model="remindTime" ></el-input> <el-input class="overtime-input" v-model="remindTime" ></el-input>
</el-from-item> </el-from-item>
<el-from-item class="el-from-item"> <el-from-item class="el-from-item">
<button class="btn btn-add" @click="add_remind()">+</button> <button class="btn btn-add" @click="add_remind()">+</button>
</el-from-item> </el-from-item>
<el-tag style="font-size: 14px; background-color: white;border: white;color: black;">单位天</el-tag> <el-tag style="font-size: 14px; background-color: white;border: white;color: black;">单位天</el-tag>
</div> </div>
<!-- 统一定时消息推送时间 --> <!-- 统一定时消息推送时间 -->
<div class="mh-child"> <div class="mh-child">
<el-tag class="set-overtime">统一定时消息推送时间：</el-tag> <el-tag class="set-overtime">统一定时消息推送时间：</el-tag>
<el-time-select <el-time-select
class="overtime-input"
v-model="pushTime" v-model="pushTime"
:picker-options="{ :picker-options="{
start: '06:00', start: '06:00',
@ -101,17 +94,16 @@
</div> </div>
<!-- 议题发布前经网络员审核--> <!-- 议题发布前经网络员审核-->
<el-tag class="mh"> <el-tag class="mh">
<div class="h-left"> <div class="h-left">
<div class="line"> <div class="line">
议题发布前经网络员审核 议题发布前经网络员审核
</div> </div>
</div> </div>
<div class="h-right"> <div class="h-right">
<button class="h-right-one" @click="yitimoren()">恢复默认</button>
<button class="h-right-two">保存设置</button> <button class="h-right-two">保存设置</button>
<button class="h-right-one" @click="yitimoren()">恢复默认</button>
</div> </div>
</el-tag> </el-tag>
<!-- 议题发布前经网络员审核 --> <!-- 议题发布前经网络员审核 -->
@ -130,11 +122,11 @@
<div class="line"> <div class="line">
待办事项短信通知 待办事项短信通知
</div> </div>
</div> </div>
<div class="h-right"> <div class="h-right">
<button class="h-right-one" @click="daibanshi()">恢复默认</button>
<button class="h-right-two">保存设置</button> <button class="h-right-two">保存设置</button>
<button class="h-right-one" @click="daibanshi()">恢复默认</button>
</div> </div>
</el-tag> </el-tag>
<!-- 代办事项发送短信通知 --> <!-- 代办事项发送短信通知 -->
@ -153,7 +145,7 @@
placeholder="请输入内容" placeholder="请输入内容"
v-model="input" v-model="input"
clearable clearable
class="set-overtime"> class="overtime-input">
</el-input> </el-input>
<el-tag style="font-size: 14px; background-color: white;border: white;color: black;">单位条</el-tag> <el-tag style="font-size: 14px; background-color: white;border: white;color: black;">单位条</el-tag>
</div> </div>
@ -163,11 +155,11 @@
<div class="line"> <div class="line">
小组审核机制 小组审核机制
</div> </div>
</div> </div>
<div class="h-right"> <div class="h-right">
<button class="h-right-one">恢复默认</button>
<button class="h-right-two">保存设置</button> <button class="h-right-two">保存设置</button>
<button class="h-right-one">恢复默认</button>
</div> </div>
</el-tag> </el-tag>
<!-- 新建小组进组需小组审核--> <!-- 新建小组进组需小组审核-->
@ -181,27 +173,24 @@
</div> </div>
<!-- 其他设置--> <!-- 其他设置-->
<el-tag class="mh"> <el-tag class="mh">
<div class="h-left"> <div class="h-left">
<div class="line"> <div class="line">
其他设置 其他设置
</div> </div>
</div> </div>
<div class="h-right"> <div class="h-right">
<button class="h-right-one">恢复默认</button>
<button class="h-right-two">保存设置</button> <button class="h-right-two">保存设置</button>
<button class="h-right-one">恢复默认</button>
</div> </div>
</el-tag> </el-tag>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
options:[{ options:[{
value: 'work', value: 'work',
label: '工作日' label: '工作日'
@ -210,7 +199,6 @@
label: '休息日' label: '休息日'
}], }],
value: 'rest', value: 'rest',
button1: false, button1: false,
button2: true, button2: true,
button3: true, button3: true,
@ -225,9 +213,18 @@
calculation: '', calculation: '',
remindTime: '1', remindTime: '1',
pushTime: "18:10", pushTime: "18:10",
showType:'customize',
}
},
watch: {
input: function(val){
this.input = val.replace(/\D/g,'')
},
detentionDays: function(val){
this.detentionDays = val.replace(/\D/g,'')
},
remindTime: function(val){
this.remindTime = val.replace(/\D/g,'')
} }
}, },
// mounted:function(){ // mounted:function(){
@ -239,12 +236,10 @@
if(this.detentionDays>=1){ if(this.detentionDays>=1){
this.detentionDays-- this.detentionDays--
} }
else if(this.detentionDays==0){ else if(this.detentionDays==0){
alert("已达最小值","注意","ss"); alert("已达最小值","注意","ss");
} }
}, },
staytime_add:function(detentionDays){ staytime_add:function(detentionDays){
this.detentionDays++; this.detentionDays++;
@ -253,17 +248,23 @@
if(this.remindTime>=1){ if(this.remindTime>=1){
this.remindTime--; this.remindTime--;
} }
else if(this.remindTime==0){ else if(this.remindTime==0){
alert("已达最小值","注意","ss"); alert("已达最小值","注意","ss");
} }
}, },
add_remind:function(remindTime){ add_remind:function(remindTime){
this.remindTime++; this.remindTime++;
}, },
//取消返回
// cancleBack:function(){
// this.showType = 'customize';
// },
diaCancel() {
this.$emit('cancleBack')
},
// 议题默认设置 // 议题默认设置
yitimoren (row) { yitimoren (row) {
this.$confirm('确认恢复默认值', '提示', { this.$confirm('确认恢复默认值', '提示', {
@ -345,7 +346,6 @@
// ------ // ------
}, },
@ -353,7 +353,9 @@
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
.line{ .line{
position: relative; position: relative;
@ -361,8 +363,7 @@
border-bottom: 3px solid #17b3a3; border-bottom: 3px solid #17b3a3;
} }
.el-card__body{ .el-card__body{
padding-top: 0px; padding: 0px;
margin-left: ;
} }
.m-body{ .m-body{
height: 790px; height: 790px;
@ -408,54 +409,83 @@
.el-switch.is-checked .el-switch__core::after{ .el-switch.is-checked .el-switch__core::after{
margin-left: -20px; margin-left: -20px;
} }
.h-right{
/* position: absolute;
width: 50%;
margin-top: 5px;
padding: 0px;
border: 0px; */
padding-bottom: 2px;
padding-top: 8px;
font-size: 15px;
position: relative;
width: 16%;
}
.h-left{ .h-left{
padding: 9px; padding: 9px;
margin: auto 0; margin: auto 0;
font-size: 15px; font-size: 15px;
position: relative; position: relative;
width: 84%; width: 70%;
padding-left: 0px; padding-left: 0px;
padding-top: 18px; padding-top: 15px;
padding-bottom: 2px; padding-bottom: 2px;
} }
.h-right-two{ .h-right{
background-color: #17b3a3; padding-bottom: 2px;
color: white; padding-top: 8px;
width:50%; font-size: 15px;
height: 30px; position: relative;
width: 30%;
}
.h-right-one{
background-color: #d4d2ce;
color: black;
border: 0px; border: 0px;
margin-left: 10px; width:30%;
height: 30px;
text-align: center; text-align: center;
padding-left: 2px; padding-left: 2px;
padding-right: 2px; padding-right: 2px;
border-radius: 4px;
float: right;
} }
.h-right-one{ .h-right-one:hover {
background-color: #d4d2ce; background-color: #deddda;
color: black; color: black;
border: 0px; border: 0px;
width:50%; width:30%;
height: 30px;
text-align: center;
padding-left: 2px;
padding-right: 2px;
border-radius: 4px;
float: right;
}
.h-right-two{
background-color: #17b3a3;
color: white;
width:30%;
height: 30px; height: 30px;
border: 0px;
margin-left: 10px;
text-align: center; text-align: center;
padding-left: 2px; padding-left: 2px;
padding-right: 2px; padding-right: 2px;
border-radius: 4px;
float: right;
} }
.h-right-two:hover {
background-color: #18bfac;
}
.diaCancel{
float: right;
margin-right: 10px;
width: 30%;
height: 30px;
padding: 0px;
font-size: 15px;
}
.set-accont{ .set-accont{
width: 250px; width: 250px;
text-align: right; text-align: right;
@ -476,10 +506,14 @@
} }
.overtime-input{ .overtime-input{
width: 300px; width: 280px;
border-radius: 0px;
}
.el-input--medium{
text-align: center;
} }
.el-input__inner{ input.el-input__inner{
border-radius: 0px; border-radius: 0px;
text-align: center; text-align: center;
padding-right: 5px; padding-right: 5px;

Write Preview
Loading…
Cancel
Save