Browse Source

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

master
wanggongfeng 5 years ago
parent
commit
c87dc8f631
  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

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

@ -3,13 +3,13 @@
<div class="mod-news__topic}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataListSearch()">
<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 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 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>
<div class="block">
<el-form-item label="上报网格化平台时间"
@ -19,7 +19,7 @@
:picker-options="pickerBeginDateBefore"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
placeholder="选择日期时间" style="width:200px">
</el-date-picker>
</el-form-item>
<el-form-item label="至"
@ -30,11 +30,11 @@
:picker-options="pickerBeginDateAfter"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
placeholder="选择日期时间">
placeholder="选择日期时间" style="width:200px">
</el-date-picker>
</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>
</div>
</el-form>
@ -90,17 +90,17 @@ export default {
},
pickerBeginDateBefore: {
disabledDate: (time) => {
let beginDateVal = this.dataForm.startTime
let beginDateVal = this.dataForm.endTime
if (beginDateVal) {
return time.getTime() > new Date(beginDateVal).getTime()
return time.getTime() > new Date(beginDateVal + ' 00:00:00').getTime()
}
}
},
pickerBeginDateAfter: {
disabledDate: (time) => {
let EndDateVal = this.dataForm.endTime
let EndDateVal = this.dataForm.startTime
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

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

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

Loading…
Cancel
Save