From 9c1906a8056c0c88fdd116b60fbd17aa8a0cbb5c Mon Sep 17 00:00:00 2001 From: gaoluyang <gaoluyang@rengu.cc> Date: 星期四, 18 七月 2024 16:32:25 +0800 Subject: [PATCH] 原始记录模板表格刷新当前页数不变 --- src/components/view/b1-expenses.vue | 72 +++++++++++++++++++++++++++++++++--- 1 files changed, 66 insertions(+), 6 deletions(-) diff --git a/src/components/view/b1-expenses.vue b/src/components/view/b1-expenses.vue index cd5ee69..79d87c5 100644 --- a/src/components/view/b1-expenses.vue +++ b/src/components/view/b1-expenses.vue @@ -49,7 +49,7 @@ <div style="width: 100%;height: 100%;"> <div> <el-row class="title"> - <el-col :span="12" style="padding-left: 20px;">璐圭敤缁熻</el-col> + <el-col :span="12" style="padding-left: 20px;text-align: left;">璐圭敤缁熻</el-col> <el-col :span="12" style="text-align: right;"> <el-button size="small" type="primary">OA鎺ㄩ��</el-button> </el-col> @@ -65,19 +65,28 @@ </el-date-picker> </div> </div> - <div class="search_thing"> + <div class="search_thing" style="width: 340px"> <div class="search_label">濮旀墭鍗曚綅锛�</div> - <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable - v-model="componentData.entity.company" @keyup.enter.native="refreshTable()"></el-input></div> + <div class="search_input"> +<!-- <el-input size="small" placeholder="璇疯緭鍏�" clearable--> +<!-- @keyup.enter.native="refreshTable()"></el-input>--> + <el-select @focus="getCompanyOptions" @change="refreshTable()" clearable + size="small" v-model="componentData.entity.company" style="width: 100%"> + <el-option v-for="item in companyOptions" :key="item.value" + :label="item.label" :value="item.value"> + </el-option> + </el-select> + </div> </div> <div class="search_thing" style="padding-left: 30px;"> <el-button size="small" @click="refresh()">閲� 缃�</el-button> <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button> </div> + <div class="search_thing" style="padding-left: 70px;">鎬讳环锛歿{total}}</div> </div> <div class="table"> <ValueTable ref="ValueTable" :url="$api.insOrder.costStatistics" :componentData="componentData" :key="upIndex" - @handleWeave="handleWeave" /> + @handleWeave="handleWeave" :column-min-width="'140'"/> </div> </div> <el-dialog title="鍦ㄧ嚎缂栧埗" :visible.sync="claimVisible" width="70%" :modal-append-to-body="false"> @@ -185,7 +194,19 @@ upIndex: 0, claimVisible: false, dates: [], - index2: 0 + index2: 0, + total: 0, + companyOptions: [], // 濮旀墭鍗曚綅鏋氫妇鍊� + entity: { + orderBy: { + field: 'id', + order: 'asc' + } + }, + page: { + current: -1, + size: -1, + }, } }, mounted() { @@ -195,6 +216,17 @@ this.getPower() }, methods: { + getTotal(){ + this.$axios.post(this.$api.insOrder.costStatistics2, { + entity:this.componentData.entity + }, { + headers: { + 'Content-Type': 'application/json' + } + }).then(res => { + this.total = res.data.total + }) + }, getDates(){ //褰撳墠鏈堢涓�澶� var y = new Date().getFullYear(); //鑾峰彇骞翠唤 @@ -213,13 +245,40 @@ this.index2++ this.componentData.entity.dates = `["${startDate}","${endDate}"]` }, + getCompanyOptions () { + this.$axios.post(this.$api.user.selectCustomPageList, { + page: this.page, + entity: this.entity + }, { + headers: { + 'Content-Type': 'application/json' + } + } + ).then(res => { + if (res.code === 200) { + const list = res.data.body.records + this.companyOptions = [] + list.map((item) => { + const obj = Object.assign({ + value: item.id, + label: item.company, + }) + this.companyOptions.push(obj) + }) + } + }).catch(e => { + this.$message.error('鏌ヨ澶辫触') + }) + }, refreshTable() { this.$refs['ValueTable'].selectList() + this.getTotal() }, refresh() { this.componentData.entity = this.HaveJson(this.entityCopy) this.componentData.init = true this.getDates() + this.getTotal() this.upIndex++ }, handleWeave() { @@ -255,6 +314,7 @@ } this.componentData.entity.dates = JSON.stringify(val) this.$refs['ValueTable'].selectList() + this.getTotal() } } } -- Gitblit v1.9.3