From a68bf12a2975405f57f9a9d51b91c13a93c026f0 Mon Sep 17 00:00:00 2001 From: MrShi <1878285526@qq.com> Date: 星期三, 31 一月 2024 21:01:36 +0800 Subject: [PATCH] Mr.Shi --- company/src/views/business/switchCourt.vue | 284 ++++++++++++++++++++++++++++++++------------------------ 1 files changed, 164 insertions(+), 120 deletions(-) diff --git a/company/src/views/business/switchCourt.vue b/company/src/views/business/switchCourt.vue index 2ee2b31..c660623 100644 --- a/company/src/views/business/switchCourt.vue +++ b/company/src/views/business/switchCourt.vue @@ -1,126 +1,170 @@ <template> - <TableLayout :permissions="['business:applychange:query']"> - <!-- 鎼滅储琛ㄥ崟 --> - <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> - <el-form-item label="淇濆崟鐘舵��" prop="status"> - <el-select v-model="searchForm.status" placeholder="璇烽�夋嫨" @change="search"> - <el-option label="寰呯缃�" value="0"></el-option> - <el-option label="宸茬绔� " value="1"></el-option> - <el-option label="宸蹭笂浼犳壒鍗�" value="2"></el-option> - <el-option label="閫�鍥炵敵璇�" value="3"></el-option> - </el-select> - </el-form-item> - <el-form-item label="鎶曚繚浼佷笟" prop="status"> - <el-select v-model="searchForm.status" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in options" - :key="item.value" - :label="item.label" - :value="item.value"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="淇濋櫓鏂规" prop="status"> - <el-select v-model="searchForm.status" placeholder="璇烽�夋嫨"> - <el-option - v-for="item in options" - :key="item.value" - :label="item.label" - :value="item.value"> - </el-option> - </el-select> - </el-form-item> - <el-form-item label="鎻愪氦鏃ユ湡" prop="status"> - <el-date-picker - v-model="searchForm.status" - type="daterange" - range-separator="鑷�" - start-placeholder="寮�濮嬫棩鏈�" - end-placeholder="缁撴潫鏃ユ湡"> - </el-date-picker> - </el-form-item> - <section> - <el-button type="primary" @click="search">鎼滅储</el-button> - <el-button @click="reset">閲嶇疆</el-button> - <el-button @click="$refs.operaApplyChangeWindow.open('鍔犲噺淇濊鎯�')">鏌ョ湅璇︽儏</el-button> - </section> - </el-form> - <!-- 琛ㄦ牸鍜屽垎椤� --> - <template v-slot:table-wrap> - <el-table - v-loading="isWorking.search" - :data="tableData.list" - stripe - > - <el-table-column label="搴忓彿" width="80px"> - <template slot-scope="scope"> - <span>{{scope.$index + 1}}</span> - </template> - </el-table-column> - <el-table-column prop="status" label="淇濆崟鐘舵��" min-width="100px"> - <template slot-scope="{row}"> - <span v-if="row.status === 0">寰呯缃�</span> - <span v-if="row.status === 1">宸茬绔�</span> - <span v-if="row.status === 2">宸蹭笂浼犳壒鍗�</span> - <span v-if="row.status === 3">閫�鍥炵敵璇�</span> - </template> - </el-table-column> - <el-table-column prop="code" label="鎶曚繚浼佷笟" min-width="100px"></el-table-column> - <el-table-column prop="code" label="鍏宠仈淇濆崟鍙�" min-width="100px"></el-table-column> - <el-table-column prop="code" label="淇濋櫓鏂规" min-width="100px"></el-table-column> - <el-table-column prop="code" label="鍔犱繚浜烘暟锛堜汉锛�" min-width="100px"></el-table-column> - <el-table-column prop="code" label="鍑忎繚浜烘暟锛堜汉锛�" min-width="100px"></el-table-column> - <el-table-column prop="code" label="璐圭敤鍙樻洿" min-width="100px"></el-table-column> - <el-table-column prop="createDate" label="鎻愪氦鏃堕棿" min-width="100px"></el-table-column> - <!-- v-if="containPermissions(['business:applychange:update', 'business:applychange:delete'])"--> - <el-table-column - label="鎿嶄綔" - min-width="120" - fixed="right" - > - <template slot-scope="{row}"> - <!-- v-permissions="['business:applychange:update']"--> - <el-button type="text" @click="$refs.operaApplyChangeWindow.open('鍔犲噺淇濊鎯�', row)" icon="el-icon-edit">鏌ョ湅璇︽儏</el-button> - </template> - </el-table-column> - </el-table> - <pagination - @size-change="handleSizeChange" - @current-change="handlePageChange" - :pagination="tableData.pagination" - > - </pagination> - </template> - <!-- 鏂板缓/淇敼 --> - <OperaSwitchCourtWindow ref="operaApplyChangeWindow" @success="handlePageChange"/> - </TableLayout> + <TableLayout :permissions="['business:applychange:query']"> + <!-- 鎼滅储琛ㄥ崟 --> + <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> + <el-form-item label="淇濆崟鐘舵��" prop="status"> + <el-select v-model="searchForm.status" placeholder="璇烽�夋嫨" @change="search"> + <el-option label="鍏ㄩ儴" value=""></el-option> + <el-option label="寰呯缃�" value="0"></el-option> + <el-option label="寰呭鏍�" value="1"></el-option> + <el-option label="宸茬敓鏁�" value="2"></el-option> + <el-option label="鐢宠閫�鍥�" value="3"></el-option> + <!-- 3 4 閮芥槸閫�鍥炵敵璇蜂腑--> + <el-option label="宸查��鍥�" value="5"></el-option> + <el-option label="宸插叧闂�" value="6"></el-option> + </el-select> + </el-form-item> + <el-form-item label="鎶曚繚浼佷笟" prop="companyId"> + <el-select v-model="searchForm.companyId" placeholder="璇烽�夋嫨" @change="search"> + <el-option + v-for="item in companyList" + :key="item.id" + :label="item.name" + :value="item.id"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="淇濋櫓鏂规" prop="baseSolutionsId"> + <el-select v-model="searchForm.baseSolutionsId" placeholder="璇烽�夋嫨" @change="search"> + <el-option + v-for="item in solutionList" + :key="item.baseId" + :label="item.name" + :value="item.baseId"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="鎻愪氦鏃ユ湡" prop="status"> + <el-date-picker + @change="changeTime" + v-model="searchForm.time" + type="daterange" + value-format="yyyy-MM-dd" + range-separator="鑷�" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡"> + </el-date-picker> + </el-form-item> + <section> + <el-button type="primary" @click="search">鎼滅储</el-button> + <el-button @click="reset">閲嶇疆</el-button> + </section> + </el-form> + <!-- 琛ㄦ牸鍜屽垎椤� --> + <template v-slot:table-wrap> + <el-table + v-loading="isWorking.search" + :data="tableData.list" + stripe + > + <el-table-column label="搴忓彿" width="80px"> + <template slot-scope="scope"> + <span>{{scope.$index + 1}}</span> + </template> + </el-table-column> + <el-table-column prop="status" label="淇濆崟鐘舵��" min-width="100px"> + <template slot-scope="{row}"> + <span v-if="row.status === 0">寰呯缃�</span> + <span v-if="row.status === 1">宸茬绔�</span> + <span v-if="row.status === 2">宸蹭笂浼犳壒鍗�</span> + <span v-if="row.status === 3 || row.status === 4">閫�鍥炵敵璇�</span> + <span v-if="row.status ===5 || row.status === 8">宸查��鍥�</span> + <span v-if="row.status ===7">宸插叧闂�</span> + </template> + </el-table-column> + <el-table-column prop="companyName" label="鎶曚繚浼佷笟" min-width="100px"></el-table-column> + <el-table-column prop="applyCode" label="鍏宠仈淇濆崟鍙�" min-width="100px"></el-table-column> + <el-table-column prop="solutionsName" label="淇濋櫓鏂规" min-width="100px"></el-table-column> + <el-table-column prop="addNum" label="鍔犱繚浜烘暟锛堜汉锛�" min-width="100px"></el-table-column> + <el-table-column prop="delNum" label="鍑忎繚浜烘暟锛堜汉锛�" min-width="100px"></el-table-column> + <el-table-column prop="fee" label="璐圭敤鍙樻洿" min-width="100px"></el-table-column> + <el-table-column prop="createDate" label="鎻愪氦鏃堕棿" min-width="100px"></el-table-column> + <el-table-column + label="鎿嶄綔" + min-width="120" + fixed="right" + > + <template slot-scope="{row}"> + <el-button type="text" @click="$refs.operaApplyChangeDetailWindow.open('鍔犲噺淇濊鎯�', row)">鏌ョ湅璇︽儏</el-button> + </template> + </el-table-column> + </el-table> + <pagination + @size-change="handleSizeChange" + @current-change="handlePageChange" + :pagination="tableData.pagination" + > + </pagination> + </template> + <!-- 璇︽儏 --> + <OperaApplyChangeUnitDetailWindow ref="operaApplyChangeDetailWindow" @success="handlePageChange"/> + </TableLayout> </template> <script> - import BaseTable from '@/components/base/BaseTable' - import TableLayout from '@/layouts/TableLayout' - import Pagination from '@/components/common/Pagination' - import OperaSwitchCourtWindow from '@/components/business/OperaSwitchCourtWindow' - export default { - name: 'switchCourt', - extends: BaseTable, - components: { TableLayout, Pagination, OperaSwitchCourtWindow }, - data () { - return { - // 鎼滅储 - searchForm: { - status: '' - } - } - }, - created () { - this.config({ - module: '鍔犲噺淇濇崲鍘傜敵璇蜂俊鎭〃', - api: '/business/applyChange', - 'field.id': 'id', - 'field.main': 'id' - }) - this.search() - } +import BaseTable from '@/components/base/BaseTable' +import TableLayout from '@/layouts/TableLayout' +import Pagination from '@/components/common/Pagination' +import OperaApplyChangeUnitDetailWindow from '@/components/business/OperaApplyChangeUnitDetailWindow' +import {all as solutionAll, all} from '@/api/business/solutions' +import {pageAll as companyAll} from "@/api/business/company"; +export default { + name: 'add_subtract', + extends: BaseTable, + components: { TableLayout, Pagination, OperaApplyChangeUnitDetailWindow }, + data () { + return { + // 鎼滅储 + searchForm: { + status: '', + type: '1', + solutionsId: '', + createDateE: '', + createDateS: '', + time: [] + }, + solutionList:[], + companyList:[] } + }, + created () { + this.config({ + module: '鍔犲噺淇濇崲鍘傜敵璇蜂俊鎭〃', + api: '/business/applyChange', + 'field.id': 'id', + 'field.main': 'id' + }) + this.search() + this.loadSelectList() + }, + methods: { + loadSelectList() { + solutionAll({dataType:2}).then(res => { + this.solutionList = res + }).catch(err => { + }) + companyAll({}).then(res => { + this.companyList = res + }).catch(err => { + }) + }, + changeTime(e) { + if (e.length > 0) { + this.searchForm.createDateS = e[0] + this.searchForm.createDateE = e[1] + } else { + this.searchForm.createDateS = '' + this.searchForm.createDateE = '' + } + this.search() + }, + reset() { + this.searchForm.createDateS = '' + this.searchForm.createDateE = '' + this.searchForm.time = [] + this.$refs.searchForm.resetFields(); + this.search() + } + } +} </script> -- Gitblit v1.9.3