elink-star
/
esua-epdc-admin
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

master
wanggongfeng 5 years ago
parent
6ec48a8a65
commit
c87dc8f631
4 changed files with 51 additions and 47 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. 28
      src/views/modules/analysis/issue/hottest-issue-list.vue
  2. 20
      src/views/modules/analysis/item/report-unsolved-item-list.vue
  3. 28
      src/views/modules/analysis/topic/hottest-topic-list.vue
  4. 22
      src/views/modules/events/issue-review-list.vue

28
src/views/modules/analysis/issue/hottest-issue-list.vue
View File

@ -2,22 +2,23 @@
<el-card shadow="never" class="aui-card--fill"> <el-card shadow="never" class="aui-card--fill">
<div class="mod-news__topic}"> <div class="mod-news__topic}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
<el-form-item label="所属机构"> <el-form-item label="所属机构" label-width="70px">
<el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable filterable> <el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable filterable style="width:200px">
</el-cascader> </el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="议题摘要" prop="topicContent"> <el-form-item label="议题摘要" prop="topicContent" label-width="70px">
<el-input v-model="dataForm.issueContent" placeholder="议题摘要" clearable @keyup.native="btKeyUpissueContent" ></el-input> <el-input v-model="dataForm.issueContent" placeholder="议题摘要" clearable @keyup.native="btKeyUpissueContent" style="width:200px"></el-input>
</el-form-item> </el-form-item>
<br> <br>
<el-form-item label="时间" <el-form-item label="发布时间"
prop="startTime" label-width="68px"> 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="至"
@ -28,11 +29,12 @@
: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> </el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
@ -89,17 +91,17 @@ export default {
}, },
pickerBeginDateBefore: { pickerBeginDateBefore: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dataForm.startTime let beginDateVal = this.dataForm.endTime
if (beginDateVal) { if (beginDateVal) {
return time.getTime() > new Date(beginDateVal).getTime() return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
} }
} }
}, },
pickerBeginDateAfter: { pickerBeginDateAfter: {
disabledDate: (time) => { disabledDate: (time) => {
let EndDateVal = this.dataForm.endTime let EndDateVal = this.dataForm.startTime
if (EndDateVal) { if (EndDateVal) {
return time.getTime() < new Date(EndDateVal).getTime() return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
} }
} }
}, },

20
src/views/modules/analysis/item/report-unsolved-item-list.vue
View File

@ -3,13 +3,13 @@
<div class="mod-news__topic}"> <div class="mod-news__topic}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
<el-form-item label="上报到网格化平台的街道"> <el-form-item label="上报到网格化平台的街道">
<el-cascader v-model="streetIds" :options="streetOptions" :props="{ checkStrictly: true }" clearable filterable></el-cascader> <el-cascader v-model="streetIds" :options="streetOptions" :props="{ checkStrictly: true }" clearable filterable style="width:200px"></el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="项目来源区域"> <el-form-item label="项目来源区域">
<el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable filterable></el-cascader> <el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable filterable style="width:200px"></el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="项目摘要" prop="topicContent"> <el-form-item label="项目摘要" prop="topicContent">
<el-input v-model="dataForm.searchContent" placeholder="项目摘要" clearable @keyup.native="btKeyUpsearchContent"></el-input> <el-input v-model="dataForm.searchContent" placeholder="项目摘要" clearable @keyup.native="btKeyUpsearchContent" style="width:200px"></el-input>
</el-form-item> </el-form-item>
<div class="block"> <div class="block">
<el-form-item label="上报网格化平台时间" <el-form-item label="上报网格化平台时间"
@ -19,7 +19,7 @@
: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="至"
@ -30,11 +30,11 @@
: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>
</div> </div>
</el-form> </el-form>
@ -90,17 +90,17 @@ export default {
}, },
pickerBeginDateBefore: { pickerBeginDateBefore: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dataForm.startTime let beginDateVal = this.dataForm.endTime
if (beginDateVal) { if (beginDateVal) {
return time.getTime() > new Date(beginDateVal).getTime() return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
} }
} }
}, },
pickerBeginDateAfter: { pickerBeginDateAfter: {
disabledDate: (time) => { disabledDate: (time) => {
let EndDateVal = this.dataForm.endTime let EndDateVal = this.dataForm.startTime
if (EndDateVal) { if (EndDateVal) {
return time.getTime() < new Date(EndDateVal).getTime() return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
} }
} }
}, },

28
src/views/modules/analysis/topic/hottest-topic-list.vue
View File

@ -2,22 +2,23 @@
<el-card shadow="never" class="aui-card--fill"> <el-card shadow="never" class="aui-card--fill">
<div class="mod-news__topic}"> <div class="mod-news__topic}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()"> <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
<el-form-item label="所属机构"> <el-form-item label="所属机构" label-width="70px">
<el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable filterable> <el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable filterable style="width:200px">
</el-cascader> </el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="话题摘要" prop="topicContent"> <el-form-item label="话题摘要" prop="topicContent" label-width="70px">
<el-input v-model="dataForm.topicContent" placeholder="话题摘要" clearable @keyup.native="btKeyUptopicContent" ></el-input> <el-input v-model="dataForm.topicContent" placeholder="话题摘要" clearable @keyup.native="btKeyUptopicContent" style="width:200px"></el-input>
</el-form-item> </el-form-item>
<br> <br>
<el-form-item label="时间" <el-form-item label="发布时间"
prop="startTime" label-width="68px"> 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="至"
@ -28,11 +29,12 @@
: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> </el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;"> <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
@ -88,17 +90,17 @@ export default {
}, },
pickerBeginDateBefore: { pickerBeginDateBefore: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dataForm.startTime let beginDateVal = this.dataForm.endTime
if (beginDateVal) { if (beginDateVal) {
return time.getTime() > new Date(beginDateVal).getTime() return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
} }
} }
}, },
pickerBeginDateAfter: { pickerBeginDateAfter: {
disabledDate: (time) => { disabledDate: (time) => {
let EndDateVal = this.dataForm.endTime let EndDateVal = this.dataForm.startTime
if (EndDateVal) { if (EndDateVal) {
return time.getTime() < new Date(EndDateVal).getTime() return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
} }
} }
}, },

22
src/views/modules/events/issue-review-list.vue
View File

@ -5,8 +5,8 @@
<el-form :inline="true" <el-form :inline="true"
:model="dataForm" :model="dataForm"
@keyup.enter.native="getDataListSearch()"> @keyup.enter.native="getDataListSearch()">
<el-form-item label="所属机构"> <el-form-item label="所属机构" label-width="72px">
<el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable style="width:250px;"> <el-cascader v-model="ids" :options="options" :props="{ checkStrictly: true }" clearable style="width:200px;">
</el-cascader> </el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="议题内容"> <el-form-item label="议题内容">
@ -15,7 +15,7 @@
placeholder="请输入议题内容" placeholder="请输入议题内容"
clearable clearable
@keyup.native="btKeyUpEventContent" @keyup.native="btKeyUpEventContent"
style="width:250px;" style="width:200px;"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="提交人"> <el-form-item label="提交人">
@ -24,7 +24,7 @@
placeholder="请输入议题提交人" placeholder="请输入议题提交人"
clearable clearable
@keyup.native="btKeyUpNickName" @keyup.native="btKeyUpNickName"
style="width:250px;" style="width:200px;"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<br> <br>
@ -36,7 +36,7 @@
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
format="yyyy-MM-dd" format="yyyy-MM-dd"
placeholder="选择日期时间" placeholder="选择日期时间"
style="width:250px;"> style="width:200px;">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="至" <el-form-item label="至"
@ -48,12 +48,12 @@
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
format="yyyy-MM-dd" format="yyyy-MM-dd"
placeholder="选择日期时间" placeholder="选择日期时间"
style="width:250px;"> 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> </el-form>
<el-table v-loading="dataListLoading" <el-table v-loading="dataListLoading"
@ -140,17 +140,17 @@ export default {
options: [], options: [],
pickerBeginDateBefore: { pickerBeginDateBefore: {
disabledDate: (time) => { disabledDate: (time) => {
let beginDateVal = this.dataForm.startTime let beginDateVal = this.dataForm.endTime
if (beginDateVal) { if (beginDateVal) {
return time.getTime() > new Date(beginDateVal).getTime() return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
} }
} }
}, },
pickerBeginDateAfter: { pickerBeginDateAfter: {
disabledDate: (time) => { disabledDate: (time) => {
let EndDateVal = this.dataForm.endTime let EndDateVal = this.dataForm.startTime
if (EndDateVal) { if (EndDateVal) {
return time.getTime() < new Date(EndDateVal).getTime() return time.getTime() < new Date(EndDateVal + ' 00:00:00').getTime()
} }
} }
} }

Write Preview
Loading…
Cancel
Save