From b8694d86aea1a9154af99ee3e67ce4e6114aa091 Mon Sep 17 00:00:00 2001 From: gaoshp <291585735@qq.com> Date: 星期一, 25 三月 2024 23:51:51 +0800 Subject: [PATCH] 修改readme --- src/views/basicdata/machine/workstation.vue | 159 +++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 136 insertions(+), 23 deletions(-) diff --git a/src/views/basicdata/machine/workstation.vue b/src/views/basicdata/machine/workstation.vue index c2f4f23..53d10bc 100644 --- a/src/views/basicdata/machine/workstation.vue +++ b/src/views/basicdata/machine/workstation.vue @@ -1,36 +1,149 @@ -<!-- - * @Date: 2024-03-23 18:37:01 - * @LastEditors: gaoshp - * @LastEditTime: 2024-03-23 19:11:43 - * @FilePath: /cps-web/src/views/basicdata/machine/workstation.vue ---> <template> <el-main> - ceshi + <el-card shadow="never"> + <el-tabs tab-position="top" class="custom-tabs" v-model="activeName"> + <el-tab-pane label="宸ヤ綅" name="1"> + <el-container> + <el-aside width="200px" v-loading="showGrouploading"> + <el-container> + <el-main class="nopadding"> + <el-tree ref="group" class="menu" node-key="id" :data="group" :current-node-key="''" + :highlight-current="true" :expand-on-click-node="false" + :default-expanded-keys="[1]" :filter-node-method="groupFilterNode" + @node-click="groupClick"></el-tree> + </el-main> + </el-container> + </el-aside> + <el-container> + <el-header> + <div class="left-panel"> + <el-button type="primary" icon="el-icon-plus"></el-button> + <el-button type="danger" plain icon="el-icon-delete"></el-button> + <el-button type="primary" plain>瀵煎叆</el-button> + <el-button type="primary" plain>鎵归噺鎿嶄綔</el-button> + </div> + <div class="right-panel"> + <div class="right-panel-search"> + <el-select v-model="value" placeholder="Select" style="width: 240px"> + <el-option v-for="item in options" :key="item.value" :label="item.label" + :value="item.value" /> + </el-select> + <el-select v-model="value" placeholder="Select" style="width: 240px"> + <el-option v-for="item in options" :key="item.value" :label="item.label" + :value="item.value" /> + </el-select> + <el-input style="width: 240px" placeholder="璇疯緭鍏ュ伐浣嶅悕绉�/缂栧彿" clearable></el-input> + <el-button type="primary" icon="el-icon-search"></el-button> + </div> + </div> + </el-header> + <el-main class="nopadding"> + <scTable ref="table" :apiObj="apiObj" @selection-change="selectionChange" stripe + remoteSort remoteFilter> + <el-table-column type="selection" width="50"></el-table-column> + <el-table-column label="宸ヤ綅缂栧彿" prop="id" width="120" + sortable='custom'></el-table-column> + <el-table-column label="宸ヤ綅鍚嶇О" prop="id" width="120" + sortable='custom'></el-table-column> + <el-table-column label="宸ヤ綅绫诲瀷" prop="id" width="120" + sortable='custom'></el-table-column> + <el-table-column label="宸ヤ綅鏃ュ巻" prop="id" width="120" + sortable='custom'></el-table-column> + <el-table-column label="鎿嶄綔" fixed="right" align="right" width="160"> + <template #default="scope"> + <el-button-group> + <el-button text type="primary" size="small" + @click="table_show(scope.row, scope.$index)">鏌ョ湅</el-button> + <el-button text type="primary" size="small" + @click="table_edit(scope.row, scope.$index)">缂栬緫</el-button> + <el-popconfirm title="纭畾鍒犻櫎鍚楋紵" + @confirm="table_del(scope.row, scope.$index)"> + <template #reference> + <el-button text type="primary" size="small">鍒犻櫎</el-button> + </template> + </el-popconfirm> + </el-button-group> + </template> + </el-table-column> + + </scTable> + </el-main> + </el-container> + </el-container> + </el-tab-pane> + + <el-tab-pane label="宸ヤ綅缁�" name="2"> + + </el-tab-pane> + + </el-tabs> + </el-card> </el-main> </template> <script> +export default { + name: 'system', + data() { + return { + activeName: '1', + group: [], + groupFilterText: '' + } + }, + created() { + this.$API.basicdata.getWorkstationGroup.get().then(res => { + if (res.code == 200) { + let data = this.formatData(res.data) + this.group = data + } + }) + }, + methods: { + formatData(data, current) { + let newData = [] + if (!current) { + newData = data.filter(item => item.parentId == 0).map(v => { + v.children = this.formatData(data, v) + return v + }) + } else { + let res = data.filter(v => v.parentId === current.id) + res = res.map(item => { + item.children = this.formatData(data, item) + return item + }) + return res + } + return newData + }, + groupFilterNode() { - export default { - name: 'about', - data() { - return { + }, + groupClick() { + + }, + table_add() { + var newRow = { + key: "", + value: "", + title: "", + isSet: true + } + this.setting.push(newRow) + }, + table_edit(row) { + if (row.isSet) { + row.isSet = false + } else { + row.isSet = true } }, - mounted() { - + table_del(row, index) { + this.setting.splice(index, 1) }, - methods: { - - } } +} </script> -<style scoped> - .aboutTop {border:0;background: linear-gradient(to right, #8E54E9, #4776E6);color: #fff;} - .aboutTop-info {text-align: center} - .aboutTop-info img {width: 100px;} - .aboutTop-info h2 {font-size: 26px;margin-top: 15px;} - .aboutTop-info p {font-size: 16px;margin-top: 10px;} -</style> +<style></style> -- Gitblit v1.9.3