From e2fdfe540eaf160dc7d063c60667041edcc64e86 Mon Sep 17 00:00:00 2001 From: gaoshp <291585735@qq.com> Date: 星期二, 05 十一月 2024 22:55:14 +0800 Subject: [PATCH] 处理显示名称 --- src/views/mdc/configComp/Status.vue | 65 ++++++++++++++++++++++++-------- 1 files changed, 48 insertions(+), 17 deletions(-) diff --git a/src/views/mdc/configComp/Status.vue b/src/views/mdc/configComp/Status.vue index cd86e31..d56a78b 100644 --- a/src/views/mdc/configComp/Status.vue +++ b/src/views/mdc/configComp/Status.vue @@ -1,13 +1,14 @@ <!-- * @Date: 2024-04-17 18:53:45 - * @LastEditors: Sneed - * @LastEditTime: 2024-04-17 22:14:18 - * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/configComp/Status.vue + * @LastEditors: gaosp + * @LastEditTime: 2024-09-19 21:45:01 + * @FilePath: /mdc/Users/mache/Documents/demo/cps-web/src/views/mdc/configComp/Status.vue --> <template> <el-main> <el-row> - <scFormTable ref="table" size="small" v-model="data" stripe hideAdd hideDelete dragSort @rowDrop="save"> + <!-- dragSort --> + <scFormTable ref="table" size="small" v-model="data" stripe hideAdd hideDelete dragSort @rowDrop="rowDrop"> <el-table-column label="宸ヤ綅/鏈哄櫒鐘舵��" prop="name"></el-table-column> <el-table-column label="缂栧彿" prop="code"></el-table-column> <el-table-column label="棰滆壊" prop="color"></el-table-column> @@ -34,28 +35,31 @@ </el-table-column> </scFormTable> </el-row> - <el-row style="margin-top: 20px;"> - <scFormTable ref="table1" v-model="Tabledata" stripe @delRow="remove" :addTemplate="addTemplate" dragSort> + <el-row style="margin-top: 20px;position: relative"> + <!-- dragSort --> + <scFormTable ref=" table1" v-model="Tabledata" stripe @delRow="remove" :addTemplate="addTemplate" + @rowDrop="rowDrop" dragSort hideDelete> <el-table-column label="浜哄伐鍙嶉鐘舵��" prop="name"> <template #default="scope"> - <el-input v-model="scope.row.name"></el-input> + <el-input v-model="scope.row.name" @change="update(scope.row)"></el-input> </template> </el-table-column> <el-table-column label="缂栧彿" prop="code"> <template #default="scope"> - <el-input v-show="!scope.row.code" v-model="scope.row.code"></el-input> - <span>{{ scope.row.code }}</span> + <el-input v-show="scope.row.isNew" v-model="scope.row.code" + @change="update(scope.row)"></el-input> + <span v-show="!scope.row.isNew">{{ scope.row.code }}</span> </template> </el-table-column> <el-table-column label="棰滆壊" prop="color"></el-table-column> <el-table-column label="棰滆壊" prop="color"> <template #default="scope"> - <el-color-picker v-model="scope.row.color" /> + <el-color-picker v-model="scope.row.color" @change="update(scope.row)" /> </template> </el-table-column> <el-table-column label="璁″垝鍐呭" prop="state"> <template #default="scope"> - <el-select v-model="scope.row.isPlan" style="width: 200px;"> + <el-select v-model="scope.row.isPlan" style="width: 200px;" @change="update(scope.row)"> <el-option v-for="(item, index) in options.isPlan" :key="index" :label="item.label" :value="item.value"></el-option> </el-select> @@ -63,6 +67,11 @@ </el-table-column> <el-table-column label="鎿嶄綔" prop="state"> <template #default="scope"> + <el-popconfirm title="纭畾鍒犻櫎鍚楋紵" @confirm="rowDel(scope.row, scope.$index)"> + <template #reference> + <el-button type="danger" icon="el-icon-delete" size="small" plain circle></el-button> + </template> + </el-popconfirm> <el-button v-show="scope.row.isNew" @click="add(scope.row)">淇濆瓨</el-button> </template> </el-table-column> @@ -166,8 +175,13 @@ this.getList() }, methods: { + rowDel(row, index) { + // this.$emit('delRow', row) + this.remove(row) + this.data.splice(index, 1) + }, getList() { - this.$HTTP.get('/api/blade-cps/global_wcs/wcs-achievements').then(res => { + this.$HTTP.get('/api/smis/global_wcs/wcs-achievements').then(res => { if (res.code === 200) { this.data = res.data.filter(v => v.type === 1) this.Tabledata = res.data.filter(v => v.type === 4) @@ -175,7 +189,7 @@ }) }, save() { - this.$HTTP.post('/api/blade-cps/global_wcs/update-wcs-seq', this.data.map(v => v.code)).then(res => { + this.$HTTP.post('/api/smis/global_wcs/update-wcs-seq', this.data.map(v => v.code)).then(res => { if (res.code == 200) { this.$message.success(`鎿嶄綔鎴愬姛`) this.getList() @@ -183,7 +197,10 @@ }) }, update(row) { - console.log(row) + if (row.isNew) return + if (!row.code || !row.color || !row.name) { + return this.$message.warning('鐘舵�佸悕绉般�佺紪鍙枫�侀鑹插繀濉�'); (`鎿嶄綔鎴愬姛`) + } console.log(row) let data = { code: row.code, color: row.color, @@ -191,16 +208,20 @@ name: row.name, rps: row.rps } - this.$HTTP.post('/api/blade-cps/global_wcs/update-wcs-achievements', data).then(res => { + this.$HTTP.post('/api/smis/global_wcs/update-wcs-achievements', data).then(res => { if (res.code == 200) { this.$message.success(`鎿嶄綔鎴愬姛`) this.getList() } }) }, + add(row) { if (!row.code || !row.color || !row.name) { return this.$message.warning('鐘舵�佸悕绉般�佺紪鍙枫�侀鑹插繀濉�'); (`鎿嶄綔鎴愬姛`) + } + if (isNaN(row.code) || row.code < 1 || row.code > 99) { + return this.$message.warning('缂栧彿鑼冨洿涓�1锝�99'); } let data = { code: row.code, @@ -210,7 +231,7 @@ rps: row.rps, type: 4, } - this.$HTTP.post('/api/blade-cps/global_wcs/add-wcs-achievements', data).then(res => { + this.$HTTP.post('/api/smis/global_wcs/add-wcs-achievements', data).then(res => { if (res.code == 200) { this.$message.success(`鎿嶄綔鎴愬姛`) this.getList() @@ -218,12 +239,22 @@ }) }, remove(row) { - this.$HTTP.delete(`/api/blade-cps/global_wcs/delete-wcs-achievements/${row.code}`).then(res => { + this.$HTTP.delete(`/api/smis/global_wcs/delete-wcs-achievements/${row.code}`).then(res => { if (res.code == 200) { this.$message.success(`鎿嶄綔鎴愬姛`) this.getList() } }) + }, + rowDrop(arr) { + this.$HTTP.post(`/api/smis/global_wcs/update-wcs-seq`, arr.map(v => v.code)).then(res => { + if (res.success) { + this.$message.success(res.msg) + } else { + this.$message.success(res.msg) + } + }) + console.log(arr) } } } -- Gitblit v1.9.3