From c55d9376565a78ce31a5b8d78dad89df16c2628e Mon Sep 17 00:00:00 2001 From: gaosp <gaosp> Date: 星期四, 18 一月 2024 23:34:54 +0800 Subject: [PATCH] 删除完 更新 --- src/container/machineList/index.vue | 136 ++++++++++++++++++++++++++++++--------------- 1 files changed, 90 insertions(+), 46 deletions(-) diff --git a/src/container/machineList/index.vue b/src/container/machineList/index.vue index 482c0ea..71843c8 100644 --- a/src/container/machineList/index.vue +++ b/src/container/machineList/index.vue @@ -1,99 +1,115 @@ <!-- * @Date: 2024-01-06 17:40:19 * @LastEditors: Sneed - * @LastEditTime: 2024-01-16 20:11:37 + * @LastEditTime: 2024-01-16 23:53:17 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/machineList/index.vue --> <template> <div class="maintenance"> - <div class="nav">鏈哄簥缁存姢</div> + <div class="nav">鏈哄簥閲囬泦</div> <List ref="list" url="/machine/pageQuery"> <template slot="search"> <div class="item"> <span>鏈哄簥鍚嶇О</span> - <el-input class="item-value" v-model="queryInfo.name"></el-input> + <el-input class="item-value" v-model="queryInfo.machineName" clearable></el-input> </div> <div class="item"> <span>ip鍦板潃</span> - <el-input class="item-value" v-model="queryInfo.name"></el-input> + <el-input class="item-value" v-model="queryInfo.ip" clearable></el-input> </div> <div class="item"> <span>鍨嬪彿</span> - <el-input class="item-value" v-model="queryInfo.name"></el-input> + <el-input class="item-value" v-model="queryInfo.type" clearable></el-input> </div> <div class="item"> <span>绋嬪簭浼犺緭妯″紡</span> - <el-input class="item-value" v-model="queryInfo.name"></el-input> + <el-select class="value" v-model="queryInfo.transMode" placeholder="璇烽�夋嫨" clearable> + <el-option v-for="item in transModeList" :key="item.value" :label="item.label" :value="item.value"> + </el-option> + </el-select> </div> <div class="item"> <span>鍔犲伐绫诲瀷</span> - <el-input class="item-value" v-model="queryInfo.name"></el-input> + <el-select class="item-value" v-model="queryInfo.category" placeholder="" clearable> + <el-option v-for="item in deviceType" :key="item.value" :label="item.label" :value="item.value"> + </el-option> + </el-select> </div> - <div class="item" style="flex: 1 1 auto;justify-content: center;"> - <el-button type="primary" size="small" @click="reset">鏌ヨ</el-button> + <div class="item" style="flex: 1 1 auto;justify-content: flex-end;"> + <el-button type="primary" size="small" @click="query">鏌ヨ</el-button> <el-button type="primary" size="small" @click="reset">閲嶇疆</el-button> </div> </template> - - <!-- <template slot="table-tool"> + <!-- + <template slot="table-tool"> <el-button type="primary" size="mini" @click="add">娣诲姞璁惧绫诲瀷</el-button> - </template> --> - + </template> + --> <template slot="columns"> + + <el-table-column + prop="machineName" + label="鍚嶇О" + width="180"> + </el-table-column> <el-table-column - prop="id" - label="鏈哄簥鍚嶇О" - width="180"> - </el-table-column> - <el-table-column - prop="name" - label="鍔犲伐绫诲瀷" - width="180"> - </el-table-column> - <el-table-column - prop="name" + prop="type" label="鍨嬪彿" width="180"> </el-table-column> <el-table-column - prop="name" - label="ip鍦板潃" + prop="category" + label="鍔犲伐绫诲瀷" width="180"> </el-table-column> - <el-table-column - prop="name" + <el-table-column + prop="ip" + label="IP鍦板潃" + width="180"> + </el-table-column> + <el-table-column + prop="port" label="绔彛" width="180"> </el-table-column> - <el-table-column - prop="name" + <el-table-column + prop="workshop" label="杞﹂棿" width="180"> </el-table-column> - <el-table-column - prop="name" + <el-table-column + prop="section" label="宸ユ" width="180"> </el-table-column> - <el-table-column - prop="name" + <el-table-column + prop="shiftType" label="鐝埗" width="180"> </el-table-column> - <el-table-column - prop="name" + <el-table-column + prop="port" + label="绔彛" + width="180"> + </el-table-column> + <el-table-column + prop="transMode" label="绋嬪簭浼犺緭妯″紡" width="180"> + <template slot-scope="scope"> + <span v-if="scope.row.state == 0">com鍙�</span> + <span v-else-if="scope.row.state == 1">鍏变韩鏂囦欢澶�</span> + <span v-else-if="scope.row.state == 3">缃戝彛</span> + </template> </el-table-column> - <el-table-column - prop="name" - label="dnc鍚嶇О" + <el-table-column + prop="dncName" + label="DNC鍚嶇О" width="180"> </el-table-column> - <el-table-column align="center" label="鎿嶄綔" prop="editor"> + <el-table-column fixed="right" align="center" label="鎿嶄綔"> <template slot-scope="scope"> - <el-button size="mini" type="text" @click="addDevice(2, scope.row, $event)">閰嶇疆</el-button> - <!-- <el-button size="mini" type="text" @click="deleteHandle(2, scope.row)">鍒犻櫎</el-button> --> + <el-button type="text" size="small" @click="handlerSetting(scope.row)">閰嶇疆</el-button> </template> </el-table-column> </template> @@ -114,9 +130,37 @@ }, data () { return { - url: '', + transModeList: [ + { + label: 'com鍙�', + value: 0 + }, + { + label: '浜枃浠跺す', + value: 1 + }, + { + label: '缃戝彛', + value: 2 + }, + ], + deviceType: [ + { value: '绔嬪姞', label: '绔嬪姞' }, + { value: '鍗у姞', label: '鍗у姞' }, + { value: '绔嬪崸杞崲', label: '绔嬪崸杞崲' }, + { value: '浜旇酱', label: '浜旇酱' }, + { value: '鏁版帶杞�', label: '鏁版帶杞�' }, + { value: '澶嶅悎鍔犲伐', label: '澶嶅悎鍔犲伐' }, + { value: '鏁版帶纾�', label: '鏁版帶纾�' }, + { value: '榻垮姞宸�', label: '榻垮姞宸�' }, + { value: '鐢靛伐鍔�', label: '鐢靛伐鍔�' } + ], queryInfo: { - name: '' + category: '', + transMode: '', + machineName: '', + ip: '', + type: '', }, row: {}, addOrUpdateVisible: false @@ -146,8 +190,8 @@ this.query() this.close() }, - addOrUpdateHandle(row) { - this.row = row + handlerSetting(row) { + this.row = row this.addOrUpdateVisible = true } -- Gitblit v1.9.3