style:申请查询
Showing
5 changed files
with
43 additions
and
29 deletions
| ... | @@ -57,6 +57,9 @@ export default { | ... | @@ -57,6 +57,9 @@ export default { |
| 57 | } | 57 | } |
| 58 | }, false) | 58 | }, false) |
| 59 | }, | 59 | }, |
| 60 | destroyed () { | ||
| 61 | window.removeEventListener('message') | ||
| 62 | }, | ||
| 60 | methods: { | 63 | methods: { |
| 61 | queryNoticeList () { | 64 | queryNoticeList () { |
| 62 | getHomeNoticeList().then(res => { | 65 | getHomeNoticeList().then(res => { | ... | ... |
| ... | @@ -2,47 +2,53 @@ | ... | @@ -2,47 +2,53 @@ |
| 2 | <div class="from-clues"> | 2 | <div class="from-clues"> |
| 3 | <!-- 表单部分 --> | 3 | <!-- 表单部分 --> |
| 4 | <div class="from-clues-header"> | 4 | <div class="from-clues-header"> |
| 5 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px"> | 5 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="100px"> |
| 6 | <el-row> | 6 | <el-row> |
| 7 | <el-col :span="3"> | 7 | <el-col :span="6"> |
| 8 | <el-form-item label="查询来源"> | 8 | <el-form-item label="查询来源"> |
| 9 | <el-select v-model="queryForm.cxbh" placeholder="请选择活动区域"> | 9 | <el-select v-model="queryForm.cxbh" class="width100" placeholder="请选择活动区域"> |
| 10 | <el-option label="区域一" value="shanghai"></el-option> | 10 | <el-option label="区域一" value="shanghai"></el-option> |
| 11 | <el-option label="区域二" value="beijing"></el-option> | 11 | <el-option label="区域二" value="beijing"></el-option> |
| 12 | </el-select> | 12 | </el-select> |
| 13 | </el-form-item> | 13 | </el-form-item> |
| 14 | </el-col> | 14 | </el-col> |
| 15 | <el-col :span="3"> | 15 | <el-col :span="6"> |
| 16 | <el-form-item label="查询类型"> | 16 | <el-form-item label="查询类型"> |
| 17 | <el-select v-model="queryForm.cxbh" placeholder="请选择活动区域"> | 17 | <el-select v-model="queryForm.cxbh" class="width100" placeholder="请选择活动区域"> |
| 18 | <el-option label="区域一" value="shanghai"></el-option> | 18 | <el-option label="区域一" value="shanghai"></el-option> |
| 19 | <el-option label="区域二" value="beijing"></el-option> | 19 | <el-option label="区域二" value="beijing"></el-option> |
| 20 | </el-select> | 20 | </el-select> |
| 21 | </el-form-item> | 21 | </el-form-item> |
| 22 | </el-col> | 22 | </el-col> |
| 23 | <el-col :span="3"> | 23 | <el-col :span="6"> |
| 24 | <el-form-item label="查询编号"> | 24 | <el-form-item label="查询编号"> |
| 25 | <el-input placeholder="请输入编号" @clear="queryClick" v-model="queryForm.cxbh" class="width100" clearable> | 25 | <el-input placeholder="请输入编号" @clear="queryClick" v-model="queryForm.cxbh" class="width100" clearable> |
| 26 | </el-input> | 26 | </el-input> |
| 27 | </el-form-item> | 27 | </el-form-item> |
| 28 | </el-col> | 28 | </el-col> |
| 29 | <el-col :span="4"> | 29 | <el-col :span="6"> |
| 30 | <el-form-item label="申请人"> | 30 | <el-form-item label="申请人"> |
| 31 | <el-input placeholder="请输入申请人" @clear="queryClick" v-model="queryForm.sqr" class="width100" clearable> | 31 | <el-input placeholder="请输入申请人" @clear="queryClick" v-model="queryForm.sqr" class="width100" clearable> |
| 32 | </el-input> | 32 | </el-input> |
| 33 | </el-form-item> | 33 | </el-form-item> |
| 34 | </el-col> | 34 | </el-col> |
| 35 | <el-col :span="8"> | 35 | </el-row> |
| 36 | <el-form-item label="查询时间"> | 36 | <el-row> |
| 37 | <el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" | 37 | <el-col :span="6"> |
| 38 | clearable> | 38 | <el-form-item label="开始日期" class="marginbtm0"> |
| 39 | </el-date-picker> 至 | 39 | <el-date-picker class="width100" v-model="queryForm.sqr" type="date" placeholder="开始日期" |
| 40 | <el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" | 40 | value-format="yyyy-MM-dd" clearable> |
| 41 | clearable> | 41 | </el-date-picker> |
| 42 | </el-form-item> | ||
| 43 | </el-col> | ||
| 44 | <el-col :span="6"> | ||
| 45 | <el-form-item label="结束日期" class="marginbtm0"> | ||
| 46 | <el-date-picker class="width100" v-model="queryForm.sqr" type="date" placeholder="结束日期" | ||
| 47 | value-format="yyyy-MM-dd" clearable> | ||
| 42 | </el-date-picker> | 48 | </el-date-picker> |
| 43 | </el-form-item> | 49 | </el-form-item> |
| 44 | </el-col> | 50 | </el-col> |
| 45 | <el-col :span="3" class="btnColRight"> | 51 | <el-col :span="12" class="btnColRight"> |
| 46 | <el-form-item> | 52 | <el-form-item> |
| 47 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> | 53 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> |
| 48 | <el-button @click="moreQueryClick()">高级查询</el-button> | 54 | <el-button @click="moreQueryClick()">高级查询</el-button> |
| ... | @@ -53,7 +59,7 @@ | ... | @@ -53,7 +59,7 @@ |
| 53 | </div> | 59 | </div> |
| 54 | <!-- 表格 --> | 60 | <!-- 表格 --> |
| 55 | <div class="from-clues-content"> | 61 | <div class="from-clues-content"> |
| 56 | <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort" | 62 | <lb-table :page-size="pageData.size" :heightNum="305" class="loadingtext" @sort-change="handleSort" |
| 57 | :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" | 63 | :current-page.sync="pageData.current" :total="tableData.total" @size-change="handleSizeChange" |
| 58 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 64 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> |
| 59 | </lb-table> | 65 | </lb-table> |
| ... | @@ -67,11 +73,11 @@ import { getJtfcPage } from "@/api/sqcx"; | ... | @@ -67,11 +73,11 @@ import { getJtfcPage } from "@/api/sqcx"; |
| 67 | export default { | 73 | export default { |
| 68 | name: "sqcxjl", | 74 | name: "sqcxjl", |
| 69 | mixins: [table], | 75 | mixins: [table], |
| 70 | mounted() { | 76 | mounted () { |
| 71 | sendThis(this); | 77 | sendThis(this); |
| 72 | this.queryClick(); | 78 | this.queryClick(); |
| 73 | }, | 79 | }, |
| 74 | data() { | 80 | data () { |
| 75 | return { | 81 | return { |
| 76 | queryForm: { | 82 | queryForm: { |
| 77 | cxbh: "", | 83 | cxbh: "", |
| ... | @@ -86,7 +92,7 @@ export default { | ... | @@ -86,7 +92,7 @@ export default { |
| 86 | }, | 92 | }, |
| 87 | methods: { | 93 | methods: { |
| 88 | // 初始化数据 | 94 | // 初始化数据 |
| 89 | queryClick() { | 95 | queryClick () { |
| 90 | this.$startLoading(); | 96 | this.$startLoading(); |
| 91 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 97 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 92 | this.$endLoading(); | 98 | this.$endLoading(); |
| ... | @@ -97,23 +103,27 @@ export default { | ... | @@ -97,23 +103,27 @@ export default { |
| 97 | } | 103 | } |
| 98 | }); | 104 | }); |
| 99 | }, | 105 | }, |
| 100 | handleSort(name, sort) { | 106 | handleSort (name, sort) { |
| 101 | console.log(name, sort); | 107 | console.log(name, sort); |
| 102 | }, | 108 | }, |
| 103 | // 查看 | 109 | // 查看 |
| 104 | handleViewClick(scope) { | 110 | handleViewClick (scope) { |
| 105 | var sqcxBsm = scope.row.bsmSqcx; | 111 | var sqcxBsm = scope.row.bsmSqcx; |
| 106 | this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { | 112 | this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { |
| 107 | formData: { | 113 | formData: { |
| 108 | sqcxBsm: sqcxBsm, | 114 | sqcxBsm: sqcxBsm, |
| 109 | }, | 115 | }, |
| 110 | cancel: function () {}, //取消事件的回调 | 116 | cancel: function () { }, //取消事件的回调 |
| 111 | confirm: function () {}, | 117 | confirm: function () { }, |
| 112 | }); | 118 | }); |
| 113 | }, | 119 | }, |
| 114 | }, | 120 | }, |
| 115 | }; | 121 | }; |
| 116 | </script> | 122 | </script> |
| 117 | <style scoped lang="scss"> | 123 | <style scoped lang="scss"> |
| 124 | .marginbtm0 { | ||
| 125 | margin-bottom: 0 | ||
| 126 | } | ||
| 127 | |||
| 118 | @import "~@/styles/public.scss"; | 128 | @import "~@/styles/public.scss"; |
| 119 | </style> | 129 | </style> | ... | ... |
| ... | @@ -154,6 +154,7 @@ export default { | ... | @@ -154,6 +154,7 @@ export default { |
| 154 | }).then(() => { | 154 | }).then(() => { |
| 155 | unPublishNotice({ "bsmNotice": item.bsmNotice }).then(res => { | 155 | unPublishNotice({ "bsmNotice": item.bsmNotice }).then(res => { |
| 156 | if (res.code == 200) { | 156 | if (res.code == 200) { |
| 157 | this.postMessage() | ||
| 157 | this.$message.success('删除成功') | 158 | this.$message.success('删除成功') |
| 158 | this.queryClick(); | 159 | this.queryClick(); |
| 159 | } else { | 160 | } else { | ... | ... |
| ... | @@ -10,10 +10,10 @@ export default { | ... | @@ -10,10 +10,10 @@ export default { |
| 10 | this.getHomeNotice() | 10 | this.getHomeNotice() |
| 11 | }, | 11 | }, |
| 12 | mounted () { | 12 | mounted () { |
| 13 | let that = this | ||
| 13 | window.addEventListener('message', function (messageEvent) { | 14 | window.addEventListener('message', function (messageEvent) { |
| 14 | if (messageEvent.data.update) { | 15 | console.log(23333333333333333); |
| 15 | this.getHomeNotice() | 16 | that.getHomeNotice() |
| 16 | } | ||
| 17 | }, false) | 17 | }, false) |
| 18 | }, | 18 | }, |
| 19 | methods: { | 19 | methods: { | ... | ... |
| ... | @@ -25,7 +25,7 @@ | ... | @@ -25,7 +25,7 @@ |
| 25 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> | 25 | <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch"> |
| 26 | <el-menu-item index="-1" key="-1" class="menus"> | 26 | <el-menu-item index="-1" key="-1" class="menus"> |
| 27 | <div>{{ batchButtonName }}</div> | 27 | <div>{{ batchButtonName }}</div> |
| 28 | </el-menu-item> | 28 | </el-menu-item> |
| 29 | </el-menu> | 29 | </el-menu> |
| 30 | <div v-if="this.isShowdrawer"> | 30 | <div v-if="this.isShowdrawer"> |
| 31 | <div class="title"> | 31 | <div class="title"> |
| ... | @@ -194,7 +194,7 @@ export default { | ... | @@ -194,7 +194,7 @@ export default { |
| 194 | //默认加载第一个表单信息 | 194 | //默认加载第一个表单信息 |
| 195 | this.tabName = res.result[0].value; | 195 | this.tabName = res.result[0].value; |
| 196 | //批量操作无分屏按钮 | 196 | //批量操作无分屏按钮 |
| 197 | if(index != null){ | 197 | if (index != null) { |
| 198 | //处理分屏材料信息 | 198 | //处理分屏材料信息 |
| 199 | let that = this; | 199 | let that = this; |
| 200 | this.tabList.forEach(function (item, index) { | 200 | this.tabList.forEach(function (item, index) { |
| ... | @@ -216,7 +216,7 @@ export default { | ... | @@ -216,7 +216,7 @@ export default { |
| 216 | this.stepForm(index); | 216 | this.stepForm(index); |
| 217 | }, | 217 | }, |
| 218 | //批量按钮点击事件 | 218 | //批量按钮点击事件 |
| 219 | batchUnitClick(){ | 219 | batchUnitClick () { |
| 220 | this.currentSelectProps.batchOperation = true; | 220 | this.currentSelectProps.batchOperation = true; |
| 221 | this.activeIndex = "-1"; | 221 | this.activeIndex = "-1"; |
| 222 | this.stepForm(); | 222 | this.stepForm(); | ... | ... |
-
Please register or sign in to post a comment