From 43dc204f89527ba402666ba92345efbfe751f297 Mon Sep 17 00:00:00 2001 From: MrShi <1878285526@qq.com> Date: 星期四, 09 十月 2025 18:32:22 +0800 Subject: [PATCH] 钥匙柜、钥匙 --- admin/src/views/business/jkCabinet.vue | 179 +++++++++++++++-------------------------------------------- 1 files changed, 47 insertions(+), 132 deletions(-) diff --git a/admin/src/views/business/jkCabinet.vue b/admin/src/views/business/jkCabinet.vue index 6feef3f..e4c7b55 100644 --- a/admin/src/views/business/jkCabinet.vue +++ b/admin/src/views/business/jkCabinet.vue @@ -2,146 +2,82 @@ <TableLayout :permissions="['business:jkcabinet:query']"> <!-- 鎼滅储琛ㄥ崟 --> <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> - <el-form-item label="涓婚敭" prop="id"> - <el-input v-model="searchForm.id" placeholder="璇疯緭鍏ヤ富閿�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="鍒涘缓浜虹紪鐮�" prop="creator"> - <el-input v-model="searchForm.creator" placeholder="璇疯緭鍏ュ垱寤轰汉缂栫爜" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="鍒涘缓鏃堕棿" prop="createDate"> - <el-date-picker v-model="searchForm.createDate" value-format="yyyy-MM-dd" placeholder="璇疯緭鍏ュ垱寤烘椂闂�" @change="search"/> - </el-form-item> - <el-form-item label="鏇存柊浜虹紪鐮�" prop="editor"> - <el-input v-model="searchForm.editor" placeholder="璇疯緭鍏ユ洿鏂颁汉缂栫爜" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="鏇存柊鏃堕棿" prop="editDate"> - <el-date-picker v-model="searchForm.editDate" value-format="yyyy-MM-dd" placeholder="璇疯緭鍏ユ洿鏂版椂闂�" @change="search"/> - </el-form-item> - <el-form-item label="鏄惁鍒犻櫎0鍚� 1鏄�" prop="isdeleted"> - <el-input v-model="searchForm.isdeleted" placeholder="璇疯緭鍏ユ槸鍚﹀垹闄�0鍚� 1鏄�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="澶囨敞" prop="info"> - <el-input v-model="searchForm.info" placeholder="璇疯緭鍏ュ娉�" @keypress.enter.native="search"></el-input> - </el-form-item> <el-form-item label="璁惧缂栧彿" prop="code"> <el-input v-model="searchForm.code" placeholder="璇疯緭鍏ヨ澶囩紪鍙�" @keypress.enter.native="search"></el-input> </el-form-item> <el-form-item label="璁惧鍚嶇О" prop="name"> <el-input v-model="searchForm.name" placeholder="璇疯緭鍏ヨ澶囧悕绉�" @keypress.enter.native="search"></el-input> </el-form-item> - <el-form-item label="璁惧ID" prop="devId"> - <el-input v-model="searchForm.devId" placeholder="璇疯緭鍏ヨ澶嘔D" @keypress.enter.native="search"></el-input> + <el-form-item label="杩愯鐘舵��" prop="rumStatus"> + <el-select v-model="searchForm.rumStatus" placeholder="璇烽�夋嫨" @change="search"> + <el-option label="鍏ㄩ儴" value=""></el-option> + <el-option label="鍦ㄧ嚎" :value="0"></el-option> + <el-option label="绂荤嚎" :value="1"></el-option> + </el-select> </el-form-item> - <el-form-item label="搴忓垪鍙�" prop="serialNo"> - <el-input v-model="searchForm.serialNo" placeholder="璇疯緭鍏ュ簭鍒楀彿" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="閫氳鍦板潃" prop="linkAddr"> - <el-input v-model="searchForm.linkAddr" placeholder="璇疯緭鍏ラ�氳鍦板潃" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="鐘舵�� 0鏈粦瀹� 1鍦ㄤ綅 2鍊熷嚭" prop="status"> - <el-input v-model="searchForm.status" placeholder="璇疯緭鍏ョ姸鎬� 0鏈粦瀹� 1鍦ㄤ綅 2鍊熷嚭" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="绔彛" prop="port"> - <el-input v-model="searchForm.port" placeholder="璇疯緭鍏ョ鍙�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="璁惧绠$悊鍛樼紪鐮侊紙鍏宠仈member)" prop="managerId"> - <el-input v-model="searchForm.managerId" placeholder="璇疯緭鍏ヨ澶囩鐞嗗憳缂栫爜锛堝叧鑱攎ember)" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="浣跨敤鏃堕暱(绉�)" prop="useTime"> - <el-input v-model="searchForm.useTime" placeholder="璇疯緭鍏ヤ娇鐢ㄦ椂闀�(绉�)" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="鏄惁鍙岄噸楠岃瘉 0鍚� 1鏄�" prop="doubleAuth"> - <el-input v-model="searchForm.doubleAuth" placeholder="璇疯緭鍏ユ槸鍚﹀弻閲嶉獙璇� 0鍚� 1鏄�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="楠岃瘉浜虹紪鐮侊紙鍏宠仈member)" prop="authMemberId"> - <el-input v-model="searchForm.authMemberId" placeholder="璇疯緭鍏ラ獙璇佷汉缂栫爜锛堝叧鑱攎ember)" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="鎺掓暟" prop="rowNum"> - <el-input v-model="searchForm.rowNum" placeholder="璇疯緭鍏ユ帓鏁�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="鍒楁暟" prop="columnNum"> - <el-input v-model="searchForm.columnNum" placeholder="璇疯緭鍏ュ垪鏁�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="鏈�鍚庨�氳鏃堕棿" prop="haertTime"> - <el-date-picker v-model="searchForm.haertTime" value-format="yyyy-MM-dd" placeholder="璇疯緭鍏ユ渶鍚庨�氳鏃堕棿" @change="search"/> - </el-form-item> - <el-form-item label="鎵�鍦ㄤ綅缃�" prop="lacation"> - <el-input v-model="searchForm.lacation" placeholder="璇疯緭鍏ユ墍鍦ㄤ綅缃�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="缁忓害" prop="longitude"> - <el-input v-model="searchForm.longitude" placeholder="璇疯緭鍏ョ粡搴�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="缁村害" prop="latitude"> - <el-input v-model="searchForm.latitude" placeholder="璇疯緭鍏ョ淮搴�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="缂栫爜鏂瑰紡 0鑷姩缂栫爜 1鎵嬪姩缂栫爜" prop="noType"> - <el-input v-model="searchForm.noType" placeholder="璇疯緭鍏ョ紪鐮佹柟寮� 0鑷姩缂栫爜 1鎵嬪姩缂栫爜" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="缂栫爜鍓嶇紑" prop="noPrefix"> - <el-input v-model="searchForm.noPrefix" placeholder="璇疯緭鍏ョ紪鐮佸墠缂�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="缂栫爜浣嶆暟" prop="noLength"> - <el-input v-model="searchForm.noLength" placeholder="璇疯緭鍏ョ紪鐮佷綅鏁�" @keypress.enter.native="search"></el-input> - </el-form-item> - <el-form-item label="璧峰缂栫爜" prop="noIndex"> - <el-input v-model="searchForm.noIndex" placeholder="璇疯緭鍏ヨ捣濮嬬紪鐮�" @keypress.enter.native="search"></el-input> + <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="1"></el-option> + <el-option label="绂佺敤" :value="0"></el-option> + </el-select> </el-form-item> <section> <el-button type="primary" @click="search">鎼滅储</el-button> - <el-button type="primary" :loading="isWorking.export" v-permissions="['business:jkcabinet:exportExcel']" @click="exportExcel">瀵煎嚭</el-button> <el-button @click="reset">閲嶇疆</el-button> </section> </el-form> <!-- 琛ㄦ牸鍜屽垎椤� --> <template v-slot:table-wrap> <ul class="toolbar" v-permissions="['business:jkcabinet:create', 'business:jkcabinet:delete']"> - <li><el-button type="primary" @click="$refs.operaJkCabinetWindow.open('鏂板缓閽ュ寵鏌滃熀鏈俊鎭〃')" icon="el-icon-plus" v-permissions="['business:jkcabinet:create']">鏂板缓</el-button></li> + <li><el-button type="primary" @click="$refs.operaJkCabinetWindow.open('鏂板缓璁惧')" icon="el-icon-plus" v-permissions="['business:jkcabinet:create']">鏂板缓</el-button></li> <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:jkcabinet:delete']">鍒犻櫎</el-button></li> </ul> <el-table + :height="tableHeightNew" v-loading="isWorking.search" :data="tableData.list" stripe - @selection-change="handleSelectionChange" > - <el-table-column type="selection" width="55"></el-table-column> - <el-table-column prop="id" label="涓婚敭" min-width="100px"></el-table-column> - <el-table-column prop="creator" label="鍒涘缓浜虹紪鐮�" min-width="100px"></el-table-column> - <el-table-column prop="createDate" label="鍒涘缓鏃堕棿" min-width="100px"></el-table-column> - <el-table-column prop="editor" label="鏇存柊浜虹紪鐮�" min-width="100px"></el-table-column> - <el-table-column prop="editDate" label="鏇存柊鏃堕棿" min-width="100px"></el-table-column> - <el-table-column prop="isdeleted" label="鏄惁鍒犻櫎0鍚� 1鏄�" min-width="100px"></el-table-column> - <el-table-column prop="info" label="澶囨敞" min-width="100px"></el-table-column> <el-table-column prop="code" label="璁惧缂栧彿" min-width="100px"></el-table-column> <el-table-column prop="name" label="璁惧鍚嶇О" min-width="100px"></el-table-column> <el-table-column prop="devId" label="璁惧ID" min-width="100px"></el-table-column> - <el-table-column prop="serialNo" label="搴忓垪鍙�" min-width="100px"></el-table-column> <el-table-column prop="linkAddr" label="閫氳鍦板潃" min-width="100px"></el-table-column> - <el-table-column prop="status" label="鐘舵�� 0鏈粦瀹� 1鍦ㄤ綅 2鍊熷嚭" min-width="100px"></el-table-column> - <el-table-column prop="port" label="绔彛" min-width="100px"></el-table-column> - <el-table-column prop="managerId" label="璁惧绠$悊鍛樼紪鐮侊紙鍏宠仈member)" min-width="100px"></el-table-column> - <el-table-column prop="useTime" label="浣跨敤鏃堕暱(绉�)" min-width="100px"></el-table-column> - <el-table-column prop="doubleAuth" label="鏄惁鍙岄噸楠岃瘉 0鍚� 1鏄�" min-width="100px"></el-table-column> - <el-table-column prop="authMemberId" label="楠岃瘉浜虹紪鐮侊紙鍏宠仈member)" min-width="100px"></el-table-column> - <el-table-column prop="rowNum" label="鎺掓暟" min-width="100px"></el-table-column> - <el-table-column prop="columnNum" label="鍒楁暟" min-width="100px"></el-table-column> - <el-table-column prop="haertTime" label="鏈�鍚庨�氳鏃堕棿" min-width="100px"></el-table-column> + <el-table-column prop="port" label="绔彛鍙�" min-width="100px"></el-table-column> <el-table-column prop="lacation" label="鎵�鍦ㄤ綅缃�" min-width="100px"></el-table-column> - <el-table-column prop="longitude" label="缁忓害" min-width="100px"></el-table-column> - <el-table-column prop="latitude" label="缁村害" min-width="100px"></el-table-column> - <el-table-column prop="noType" label="缂栫爜鏂瑰紡 0鑷姩缂栫爜 1鎵嬪姩缂栫爜" min-width="100px"></el-table-column> - <el-table-column prop="noPrefix" label="缂栫爜鍓嶇紑" min-width="100px"></el-table-column> - <el-table-column prop="noLength" label="缂栫爜浣嶆暟" min-width="100px"></el-table-column> - <el-table-column prop="noIndex" label="璧峰缂栫爜" min-width="100px"></el-table-column> + <el-table-column label="鏌滄牸鏁伴噺" min-width="100px"> + <template slot-scope="{row}"> + <el-button @click="$refs.cabinetDetails.open(row.name + '-鏌滄牸淇℃伅', row.id)">{{row.gridNum}}</el-button> + </template> + </el-table-column> + <el-table-column label="杩愯鐘舵��" min-width="100px"> + <template slot-scope="{row}"> + <el-link type="success" v-if="row.runStatus === 0">鍦ㄧ嚎</el-link> + <el-link type="danger" v-if="row.runStatus === 1">绂荤嚎</el-link> + </template> + </el-table-column> + <el-table-column label="鐘舵��" min-width="100px"> + <template slot-scope="{row}"> + <el-switch + v-model="row.status" + active-color="#13ce66" + inactive-color="#ff4949" + :active-value="0" + :inactive-value="1"> + </el-switch> + </template> + </el-table-column> <el-table-column v-if="containPermissions(['business:jkcabinet:update', 'business:jkcabinet:delete'])" label="鎿嶄綔" - min-width="120" + min-width="200" fixed="right" > <template slot-scope="{row}"> - <el-button type="text" @click="$refs.operaJkCabinetWindow.open('缂栬緫閽ュ寵鏌滃熀鏈俊鎭〃', row)" icon="el-icon-edit" v-permissions="['business:jkcabinet:update']">缂栬緫</el-button> - <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:jkcabinet:delete']">鍒犻櫎</el-button> + <el-button type="text">鏃ュ織</el-button> + <el-button type="text">缁戝畾閽ュ寵</el-button> + <el-button type="text" @click="$refs.operaJkCabinetWindow.open('缂栬緫閽ュ寵鏌滃熀鏈俊鎭〃', row)" v-permissions="['business:jkcabinet:update']">缂栬緫</el-button> + <el-button type="text" @click="deleteById(row)" v-permissions="['business:jkcabinet:delete']">鍒犻櫎</el-button> </template> </el-table-column> </el-table> @@ -154,6 +90,8 @@ </template> <!-- 鏂板缓/淇敼 --> <OperaJkCabinetWindow ref="operaJkCabinetWindow" @success="handlePageChange"/> + <!-- 鏌滃瓙璇︽儏 --> + <CabinetDetails ref="cabinetDetails" /> </TableLayout> </template> @@ -162,42 +100,19 @@ import TableLayout from '@/layouts/TableLayout' import Pagination from '@/components/common/Pagination' import OperaJkCabinetWindow from '@/components/business/OperaJkCabinetWindow' +import CabinetDetails from '@/components/business/cabinetDetails' export default { name: 'JkCabinet', extends: BaseTable, - components: { TableLayout, Pagination, OperaJkCabinetWindow }, + components: { TableLayout, Pagination, OperaJkCabinetWindow, CabinetDetails }, data () { return { // 鎼滅储 searchForm: { - id: '', - creator: '', - createDate: '', - editor: '', - editDate: '', - isdeleted: '', - info: '', code: '', name: '', - devId: '', - serialNo: '', - linkAddr: '', status: '', - port: '', - managerId: '', - useTime: '', - doubleAuth: '', - authMemberId: '', - rowNum: '', - columnNum: '', - haertTime: '', - lacation: '', - longitude: '', - latitude: '', - noType: '', - noPrefix: '', - noLength: '', - noIndex: '' + rumStatus: '' } } }, -- Gitblit v1.9.3