Browse Source

【PC端优化】前端优化-王公峰-2020-07-28

master
wanggongfeng 5 years ago
parent
commit
1f008b26e3
  1. 6
      src/views/modules/master/masternotice.vue
  2. 36
      src/views/modules/master/mastertopic.vue
  3. 5
      src/views/modules/sys/appmenutemplate.vue

6
src/views/modules/master/masternotice.vue

@ -16,7 +16,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<div class="block"> <div class="block">
<el-form-item label="时间" <el-form-item label="发布时间"
prop="startTime" label-width="68px" > prop="startTime" label-width="68px" >
<el-date-picker v-model="dataForm.startTime" <el-date-picker v-model="dataForm.startTime"
type="date" type="date"
@ -38,10 +38,10 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="getDataListSearch()">{{ $t('query') }}</el-button> <el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="success" v-if="$hasPermission('cloudAnalysis:masternotice:save')" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> <el-button type="primary" v-if="$hasPermission('cloudAnalysis:masternotice:save')" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>

36
src/views/modules/master/mastertopic.vue

@ -3,11 +3,10 @@
<div class="mod-__mastertopic}"> <div class="mod-__mastertopic}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
<el-form-item label="话题内容" prop="topicContent"> <el-form-item label="话题内容" prop="topicContent">
<el-input v-model="dataForm.topicContent" placeholder="话题内容" <el-input v-model="dataForm.topicContent" placeholder="话题内容" clearable maxlength="50" @keyup.native="btKeyUpTopicContent"></el-input>
clearable maxlength="50" @keyup.native="btKeyUptopicContent"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="发言人" prop="nickName"> <el-form-item label="发言人" prop="nickName" label-width="70px">
<el-input v-model="dataForm.nickName" placeholder="发言人" clearable @keyup.native="btKeyUpnickName"></el-input> <el-input v-model="dataForm.nickName" placeholder="发言人" clearable @keyup.native="btKeyUpNickName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="排行榜" prop="orderBy"> <el-form-item label="排行榜" prop="orderBy">
<el-select v-model="dataForm.orderBy" placeholder="类别" clearable> <el-select v-model="dataForm.orderBy" placeholder="类别" clearable>
@ -18,6 +17,7 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<br>
<el-form-item label="状态" prop="state" label-width="68px"> <el-form-item label="状态" prop="state" label-width="68px">
<el-select v-model="dataForm.state" placeholder="状态" clearable> <el-select v-model="dataForm.state" placeholder="状态" clearable>
<el-option v-for="item in stateArr" <el-option v-for="item in stateArr"
@ -28,14 +28,15 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <div class="block">--> <!-- <div class="block">-->
<el-form-item label="时间" <el-form-item label="发布时间"
prop="startTime" label-width="52px"> prop="startTime" label-width="70px">
<el-date-picker v-model="dataForm.startTime" <el-date-picker v-model="dataForm.startTime"
type="date" type="date"
:picker-options="pickerBeginDateBefore" :picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
format="yyyy-MM-dd" format="yyyy-MM-dd"
placeholder="选择日期时间"> placeholder="选择日期时间"
style="width:200px">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="至" <el-form-item label="至"
@ -46,14 +47,15 @@
:picker-options="pickerBeginDateAfter" :picker-options="pickerBeginDateAfter"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
format="yyyy-MM-dd" format="yyyy-MM-dd"
placeholder="选择日期时间"> placeholder="选择日期时间"
style="width:200px">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="getDataListSearch()">{{ $t('query') }}</el-button> <el-button type="success" @click="getDataListSearch()">{{ $t('query') }}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="success" v-if="$hasPermission('cloudAnalysis:mastertopic:export')" <el-button type="primary" v-if="$hasPermission('cloudAnalysis:mastertopic:export')"
@click="exportHandle()">{{ $t('export') }}</el-button> @click="exportHandle()">{{ $t('export') }}</el-button>
</el-form-item> </el-form-item>
<!-- </div>--> <!-- </div>-->
@ -142,7 +144,9 @@ export default {
exportURL: '/cloudAnalysis/mastertopic/export' exportURL: '/cloudAnalysis/mastertopic/export'
}, },
dataForm: { dataForm: {
id: '' id: '',
nickName: '',
topicContent: ''
}, },
optionForm: { optionForm: {
id: '', id: '',
@ -270,14 +274,14 @@ export default {
this.optionForm.id = row.id this.optionForm.id = row.id
this.optionForm.state = 0 this.optionForm.state = 0
}, },
btKeyUptopicContent(e){ btKeyUpTopicContent(e){
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~!#¥%……&*()={}|《》?:“”【】、;‘’,。、]/g, '') e.target.value = e.target.value.replace(/[`~!@#$%^&*()_+=<>?:"{}|·~!@#¥%……&*()——+={}|《》?:“”【】、;‘’,。、]/g, '')
this.dataForm.topicContent = e.target.value this.dataForm.topicContent = e.target.value
}, },
btKeyUpnickName(e){ btKeyUpNickName(e){
e.target.value = e.target.value.replace(/[`~!#$%^&*()_\+=<>?:"{}|~!#¥%……&*()={}|《》?:“”【】、;‘’,。、]/g, '') e.target.value = e.target.value.replace(/[`~!@#$%^&*()_+=<>?:"{}|·~!@#¥%……&*()——+={}|《》?:“”【】、;‘’,。、]/g, '')
this.dataForm.nickName = e.target.value this.dataForm.nickName = e.target.value
}, }
} }
} }
</script> </script>

5
src/views/modules/sys/appmenutemplate.vue

@ -59,30 +59,35 @@
label="模板名称" label="模板名称"
header-align="center" header-align="center"
align="center" align="center"
show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
prop="templateCode" prop="templateCode"
label="模板编码" label="模板编码"
header-align="center" header-align="center"
align="center" align="center"
show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
prop="className" prop="className"
label="样式" label="样式"
header-align="center" header-align="center"
align="center" align="center"
show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
prop="spareClassName" prop="spareClassName"
label="备用样式" label="备用样式"
header-align="center" header-align="center"
align="center" align="center"
show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
prop="backgroundColor" prop="backgroundColor"
label="背景颜色" label="背景颜色"
header-align="center" header-align="center"
align="center" align="center"
show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
:label="$t('handle')" :label="$t('handle')"

Loading…
Cancel
Save