|
|
|
@ -8,11 +8,10 @@ |
|
|
|
style="width: 100%; display: flex; flex-direction: column;margin-left: 50px;align-items: center;justify-content: center "> |
|
|
|
<div style="width: 100%; display: flex; flex-direction: column; justify-content: center"> |
|
|
|
<h3>12345政务热线</h3> |
|
|
|
<div class="m-table" |
|
|
|
style=" width: 50%; display: flex; flex-direction:column;align-items: center;justify-content: space-between;"> |
|
|
|
<div class="m-table1" style=" width: 50%; display: flex; flex-direction:column;align-items: center;justify-content: space-between;"> |
|
|
|
<div style="display: flex; flex-direction: column;"> |
|
|
|
<div |
|
|
|
style="display: flex;border-bottom: 1px dotted #000; flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
style="display: flex;border-bottom: 1px dotted rgba(0, 0, 0, 0.3); flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
<div> |
|
|
|
<div style="display: flex; flex-direction: row; align-items: center;"> |
|
|
|
<div style="width: 10px; height: 10px; background-color: #4e89ec"></div> |
|
|
|
@ -23,7 +22,8 @@ |
|
|
|
<div |
|
|
|
style=" margin: 20px;font-size: 14px; display: flex; align-items: center;"> |
|
|
|
“联系当事人时限”设置为“派件时间”之后的 |
|
|
|
<el-input-number @change="handleChange()" :disabled="!sysAdvancedList.contactFlag" |
|
|
|
<el-input-number @change="handleChange()" |
|
|
|
:disabled="!sysAdvancedList.contactFlag" |
|
|
|
v-model="sysAdvancedList.contactLimit" |
|
|
|
style="width: 150px; margin-left: 5px" :min="1" |
|
|
|
label="描述文字"></el-input-number> |
|
|
|
@ -35,7 +35,7 @@ |
|
|
|
@change="handleChange()"></el-switch> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
style="margin-top: 20px; display: flex;border-bottom: 1px dotted #000; flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
style="margin-top: 20px; display: flex;border-bottom: 1px dotted rgba(0, 0, 0, 0.3); flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
<div> |
|
|
|
<div style="display: flex; flex-direction: row; align-items: center;"> |
|
|
|
<div style="width: 10px; height: 10px; background-color: #4e89ec"></div> |
|
|
|
@ -46,15 +46,17 @@ |
|
|
|
<div |
|
|
|
style=" margin: 20px;font-size: 14px; display: flex; align-items: center;"> |
|
|
|
“(部门)办结时限”设置为“(上级)办结时限”的前 |
|
|
|
<el-input-number @change="handleChange()" :disabled="!sysAdvancedList.resolveLimitFlag" |
|
|
|
<el-input-number @change="handleChange()" |
|
|
|
:disabled="!sysAdvancedList.resolveLimitFlag" |
|
|
|
v-model="sysAdvancedList.resolveLimitDay" |
|
|
|
style="width: 150px; margin-left: 5px" :min="1" |
|
|
|
label="描述文字"></el-input-number> |
|
|
|
<div style="margin-left: 5px;">天的</div><el-time-select |
|
|
|
v-model="sysAdvancedList.resolveLimitTime" :disabled="!sysAdvancedList.resolveLimitFlag" |
|
|
|
v-model="sysAdvancedList.resolveLimitTime" |
|
|
|
:disabled="!sysAdvancedList.resolveLimitFlag" |
|
|
|
style="margin-left: 5px; width: 120px;" |
|
|
|
:picker-options="{ start: '00:00', step: '00:15', end: '24:00' }" @change="handleChange()" |
|
|
|
placeholder="选择时间"></el-time-select> |
|
|
|
:picker-options="{ start: '00:00', step: '00:15', end: '24:00' }" |
|
|
|
@change="handleChange()" placeholder="选择时间"></el-time-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-switch v-model="sysAdvancedList.resolveLimitFlag" active-color="#13ce66" |
|
|
|
@ -62,7 +64,7 @@ |
|
|
|
@change="handleChange()"></el-switch> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
style="margin-top: 20px; display: flex;border-bottom: 1px dotted #000; flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
style="margin-top: 20px; display: flex;border-bottom: 1px dotted rgba(0, 0, 0, 0.3); flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
<div> |
|
|
|
<div style="display: flex; flex-direction: row; align-items: center;"> |
|
|
|
<div style="width: 10px; height: 10px; background-color: #4e89ec"></div> |
|
|
|
@ -73,7 +75,8 @@ |
|
|
|
<div |
|
|
|
style=" margin: 20px;font-size: 14px; display: flex; align-items: center;"> |
|
|
|
“退件时限”设置为“派件时间”之后的 |
|
|
|
<el-input-number @change="handleChange()" :disabled="!sysAdvancedList.returnFlag" |
|
|
|
<el-input-number @change="handleChange()" |
|
|
|
:disabled="!sysAdvancedList.returnFlag" |
|
|
|
v-model="sysAdvancedList.returnLimit" |
|
|
|
style="width: 150px; margin-left: 5px" :min="1" |
|
|
|
label="描述文字"></el-input-number> |
|
|
|
@ -87,7 +90,7 @@ |
|
|
|
</el-switch> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
style="margin-top: 20px; display: flex;border-bottom: 1px dotted #000; flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
style="margin-top: 20px; display: flex;border-bottom: 1px dotted rgba(0, 0, 0, 0.3); flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
<div> |
|
|
|
<div style="display: flex; flex-direction: row; align-items: center;"> |
|
|
|
<div style="width: 10px; height: 10px; background-color: #4e89ec"></div> |
|
|
|
@ -99,27 +102,27 @@ |
|
|
|
style="margin: 20px; font-size: 14px; display: flex; align-items: center;"> |
|
|
|
联系当事人(初访)时(默认) : |
|
|
|
<div style="margin-left: 20px;"> |
|
|
|
<el-radio v-model="sysAdvancedList.contactVoiceFlag" @change="handleChange()" |
|
|
|
:label="1" >需要录音</el-radio> |
|
|
|
<el-radio v-model="sysAdvancedList.contactVoiceFlag" @change="handleChange()" |
|
|
|
:label="0" >不需要录音</el-radio> |
|
|
|
<el-radio v-model="sysAdvancedList.contactVoiceFlag" |
|
|
|
@change="handleChange()" :label="1">需要录音</el-radio> |
|
|
|
<el-radio v-model="sysAdvancedList.contactVoiceFlag" |
|
|
|
@change="handleChange()" :label="0">不需要录音</el-radio> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
style="margin: 20px; font-size: 14px; display: flex; align-items: center;"> |
|
|
|
事件办结时(默认) : |
|
|
|
<div style="margin-left: 20px;"> |
|
|
|
<el-radio v-model="sysAdvancedList.resolveVoiceFlag" @change="handleChange()" |
|
|
|
:label="1">需要录音</el-radio> |
|
|
|
<el-radio v-model="sysAdvancedList.resolveVoiceFlag" @change="handleChange()" |
|
|
|
:label="0">不需要录音</el-radio> |
|
|
|
<el-radio v-model="sysAdvancedList.resolveVoiceFlag" |
|
|
|
@change="handleChange()" :label="1">需要录音</el-radio> |
|
|
|
<el-radio v-model="sysAdvancedList.resolveVoiceFlag" |
|
|
|
@change="handleChange()" :label="0">不需要录音</el-radio> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div |
|
|
|
style="margin-top: 20px; display: flex;border-bottom: 1px dotted #000; flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
style="margin-top: 20px; display: flex;border-bottom: 1px dotted rgba(0, 0, 0, 0.3); flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
<div> |
|
|
|
<div style="display: flex; flex-direction: row; align-items: center;"> |
|
|
|
<div style="width: 10px; height: 10px; background-color: #4e89ec"></div> |
|
|
|
@ -132,14 +135,19 @@ |
|
|
|
<div style=""> 请选择短信通知哪些人员(可多选) :</div> |
|
|
|
<div style="margin-left: 20px;"> |
|
|
|
<template> |
|
|
|
<el-checkbox v-model="sysAdvancedList.responsibleLeader" :disabled="!sysAdvancedList.smsFlag" |
|
|
|
:true-label="1" :false-label="0" @change="handleChange"> |
|
|
|
<el-checkbox v-model="sysAdvancedList.responsibleLeader" |
|
|
|
:disabled="!sysAdvancedList.smsFlag" :true-label="1" |
|
|
|
:false-label="0" @change="handleChange"> |
|
|
|
部门分管领导 |
|
|
|
</el-checkbox> |
|
|
|
<el-checkbox v-model="sysAdvancedList.deptLeader" :disabled="!sysAdvancedList.smsFlag" |
|
|
|
@change="handleChange()" :true-label="1" :false-label="0">部门负责人</el-checkbox> |
|
|
|
<el-checkbox v-model="sysAdvancedList.deptStaff" :disabled="!sysAdvancedList.smsFlag" |
|
|
|
@change="handleChange()" :true-label="1" :false-label="0" label="1">部门工作人员</el-checkbox> |
|
|
|
<el-checkbox v-model="sysAdvancedList.deptLeader" |
|
|
|
:disabled="!sysAdvancedList.smsFlag" |
|
|
|
@change="handleChange()" :true-label="1" |
|
|
|
:false-label="0">部门负责人</el-checkbox> |
|
|
|
<el-checkbox v-model="sysAdvancedList.deptStaff" |
|
|
|
:disabled="!sysAdvancedList.smsFlag" |
|
|
|
@change="handleChange()" :true-label="1" :false-label="0" |
|
|
|
label="1">部门工作人员</el-checkbox> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -151,7 +159,7 @@ |
|
|
|
</el-switch> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
style=" margin-top: 20px;display: flex;border-bottom: 1px dotted #000; flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
style=" margin-top: 20px;display: flex;border-bottom: 1px dotted rgba(0, 0, 0, 0.3); flex-direction: row; align-items: center; justify-content: space-between;"> |
|
|
|
<div> |
|
|
|
<div style="display: flex; flex-direction: row; align-items: center;"> |
|
|
|
<div style="width: 10px; height: 10px; background-color: #4e89ec"></div> |
|
|
|
@ -159,14 +167,14 @@ |
|
|
|
是否需要开启热线专班(专员)回访 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
:disabled="!sysAdvancedList.hotlineSpecialTeamFlag" style=" margin: 20px;font-size: 14px; display: flex; align-items: center;"> |
|
|
|
<div :disabled="!sysAdvancedList.hotlineSpecialTeamFlag" |
|
|
|
style=" margin: 20px;font-size: 14px; display: flex; align-items: center;"> |
|
|
|
若开启热线专班(专员)回访,对已办结的事件进行审核归档时需要填写相应的回访信息。 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-switch v-model="sysAdvancedList.hotlineSpecialTeamFlag" active-color="#13ce66" |
|
|
|
:active-value=1 :inactive-value=0 inactive-color="#eaecf0" |
|
|
|
@change="handleChange()"> |
|
|
|
<el-switch v-model="sysAdvancedList.hotlineSpecialTeamFlag" |
|
|
|
active-color="#13ce66" :active-value=1 :inactive-value=0 |
|
|
|
inactive-color="#eaecf0" @change="handleChange()"> |
|
|
|
</el-switch> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
@ -325,4 +333,49 @@ export default { |
|
|
|
width: 200px; |
|
|
|
} |
|
|
|
} |
|
|
|
.m-table1{ |
|
|
|
margin:16px 7px 7px; |
|
|
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); |
|
|
|
position: relative; |
|
|
|
padding:24px 16px 10px; |
|
|
|
|
|
|
|
/deep/ .el-table th, .el-table tr{ |
|
|
|
height:54px; |
|
|
|
} |
|
|
|
|
|
|
|
//列表中,只有左侧有按钮时 |
|
|
|
.u-table-btn1 { |
|
|
|
display: flex; |
|
|
|
.u-btn-upload { |
|
|
|
margin-left: 10px; |
|
|
|
display: flex; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
//列表中,按钮排布左右两边时 |
|
|
|
.u-table-btn2 { |
|
|
|
display: flex; |
|
|
|
// margin-top: 10px; |
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
.u-table-btn2-left{ |
|
|
|
display: flex; |
|
|
|
|
|
|
|
.u-btn-upload { |
|
|
|
margin-left: 10px; |
|
|
|
display: flex; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.m-table-item { |
|
|
|
margin-top: 16px; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
|