From e358d69fc18870584dd2d9f531910b7838ea27d9 Mon Sep 17 00:00:00 2001 From: wangting <wangting@vci-tech.com> Date: 星期四, 02 一月 2025 09:58:53 +0800 Subject: [PATCH] 调整行点击后的回调 --- Source/plt-web/plt-web-ui/src/views/wel/homeConfig.vue | 158 ++++++++++++++++++++++++++++++---------------------- 1 files changed, 91 insertions(+), 67 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/views/wel/homeConfig.vue b/Source/plt-web/plt-web-ui/src/views/wel/homeConfig.vue index d7efc03..02df062 100644 --- a/Source/plt-web/plt-web-ui/src/views/wel/homeConfig.vue +++ b/Source/plt-web/plt-web-ui/src/views/wel/homeConfig.vue @@ -1,22 +1,19 @@ <template> + <!-- 涓氬姟绠$悊 棣栭〉閰嶇疆 --> <basic-container> <avue-crud - ref="useCrud" + ref="crud" :data="data" :option="option" - :page.sync="page" :table-loading="loading" @selection-change="selectChange" @row-click="rowClickHandler" @refresh-change="handleRefresh" - @size-change="sizeChange" - @current-change="currentChange" > <template slot="menuLeft"> <el-button icon="el-icon-plus" plain size="small" type="primary" @click="addClickHandler">鍒涘缓 </el-button> - <el-button icon="el-icon-delete" plain size="small" type="danger" @click="delClickHandler">鍒犻櫎 - </el-button> + <!--<el-button icon="el-icon-delete" plain size="small" type="danger" @click="delClickHandler">鍒犻櫎</el-button>--> </template> <template slot="menu" slot-scope="{row,index}"> @@ -34,30 +31,42 @@ :visible.sync="visible" append-to-body="true" class="avue-dialog" - width="500px" + width="540px" @close="visibleCloseHandler" > - <el-form ref="form" :model="form" :rules="rules" label-width="80px" size="small"> + <el-form ref="form" :model="form" :rules="rules" label-width="95px" size="small"> <el-row> <el-col :span="24"> - <el-form-item label="鍚嶇О锛�" prop="id"> - <el-input v-model="form.id"></el-input> + <el-form-item label="鎺掑簭锛�" prop="orderNum"> + <avue-input-number v-model="form.orderNum" precision="0" style="width: 100%" :min="1" controls-position=""></avue-input-number> </el-form-item> </el-col> <el-col :span="24"> - <el-form-item label="鏍囩锛�" prop="name"> - <el-input v-model="form.name"></el-input> + <el-form-item label="鏄剧ず妯″潡锛�" prop="module"> + <avue-select v-model="form.module" placeholder="璇烽�夋嫨缁勪欢" type="tree" :dic="dic"></avue-select> + </el-form-item> + </el-col> + <el-col :span="24"> + <el-form-item label="鏍囬锛�" prop="title"> + <el-input v-model="form.title"></el-input> </el-form-item> </el-col> <el-col :span="24"> <el-form-item label="鍥炬爣锛�" prop="icon"> - <avue-input-icon v-model="form.icon" :icon-list="iconList" placeholder="璇烽�夋嫨鍥炬爣"> - </avue-input-icon> + <input-icon v-model="form.icon" placeholder="璇烽�夋嫨鍥炬爣"> + </input-icon> </el-form-item> </el-col> <el-col :span="24"> - <el-form-item label="鎻忚堪锛�" prop="description"> - <el-input v-model="form.description" :rows="2" type="textarea"></el-input> + <el-form-item label="鍗犳嵁鍒楁暟锛�" prop="num" tip="鎬诲垪鏁颁负24"> + <avue-input-number v-model="form.num" precision="0" style="width: 150px" :max="24" :min="1" controls-position="" labelTip="鎬诲垪鏁颁负24锛屽鍗犳弧鏁磋璇疯緭鍏�24"></avue-input-number> + <span style="color: #999999;font-size: 12px;"> 鎸�24鍒嗘爮锛屽崰婊′竴琛屼负24</span> + </el-form-item> + </el-col> + <el-col :span="24"> + <el-form-item label="楂樺害鍗犳瘮锛�" prop="ratio"> + <avue-input-number v-model="form.ratio" precision="2" style="width: 150px" :min="0" :max="1" controls-position=""></avue-input-number> + <span style="color: #999999;font-size: 12px;"> 鍗犳弧鏄剧ず鍖哄煙楂樺害璁剧疆1锛屾樉绀�10%楂樺害璁剧疆0.1</span> </el-form-item> </el-col> </el-row> @@ -71,16 +80,14 @@ </template> <script> -import iconList from "@/config/iconList"; import basicOption from "@/util/basic-option"; -import {addSave, deleteStatus, editSave, gridStatus} from "@/api/modeling/statusPool/api"; +import {addSave, delData, editSave, getAllData} from "@/api/homeConfig"; import func from "@/util/func"; export default { name: "homeConfig", data() { return { - iconList: iconList, loading: false, data: [], option: { @@ -91,45 +98,55 @@ calcHeight: -60, column: [ { - label: '鍚嶇О', - prop: 'id', - sortable: true, + label: '鎺掑簭', + prop: 'orderNum', + }, + { + label: '缁勪欢', + prop: 'module', + }, + { + label: '鏍囬', + prop: 'title', }, { label: '鍥炬爣', - prop: 'icon' + prop: 'icon', }, { - label: '鏍囩', - prop: 'name', - sortable: true, + label: '鍗犳嵁鍒楁暟', + prop: 'num' }, { - label: '鎻忚堪', - prop: 'description', + label: '楂樺害鍗犳瘮', + prop: 'ratio', }, ] }, dialogTitle: '', form: { - id: "", - name: "", - description: "" + orderNum:1, + module: "", + title: "", + num:24, + icon: "", + ratio:1.00 }, rules: { - id: [ - {required: true, message: '璇疯緭鍏ュ悕绉�', trigger: 'blur'}, + module: [ + {required: true, message: '璇烽�夋嫨缁勪欢', trigger: 'blur'}, + ], + num:[ + {required: true, message: '璇疯緭鍏ュ崰鎹垪鏁�', trigger: 'blur'}, + ], + ratio:[ + {required: true, message: '璇疯緭鍏ラ珮搴﹀崰姣�', trigger: 'blur'}, ] }, + dic:[], visible: false, selectList: [], - lastIndex: null, - page: { - currentPage: 1, - pageSize: 15, - total: 0, - pageSizes: [15, 30, 50, 100], - }, + lastIndex: null } }, created() { @@ -137,13 +154,30 @@ }, methods: { getList() { - gridStatus(this.page.currentPage, this.page.pageSize).then(res => { + getAllData().then(res => { const data = res.data.data; this.data = data; - this.page.total = res.data.total; this.loading = false; - }).catch(err => { - this.$message.error(err); + + //components涓嬬殑缁勪欢锛寁alue鍊间负缁勪欢鍚嶇О + const dic=[{ + label:'寰呭姙娴佺▼浠诲姟', + value:'UndoTaskPortlet' + },{ + label:'寰呭姙浜嬮」', + value:'taskPortlet' + },{ + label:'test', + value:'test' + }]; + dic.forEach(dicItem => { + data.forEach(item => { + if (dicItem.value == item.module) { + dicItem.disabled=true; + } + }) + }) + this.dic=dic }); }, @@ -157,29 +191,17 @@ this.selectList = row; }, - // 鏉℃暟 - sizeChange(val) { - this.page.pageSize = val; - this.getList(); - }, - - // 椤电爜 - currentChange(val) { - this.page.currentPage = val; - this.getList(); - }, - // 琛屽崟閫� rowClickHandler(row) { func.rowClickHandler( row, - this.$refs.useCrud, + this.$refs.crud, this.lastIndex, (newIndex) => { this.lastIndex = newIndex; }, () => { - this.selectList = []; + this.selectList = [row]; } ); }, @@ -187,6 +209,7 @@ // 鍒涘缓鎸夐挳 addClickHandler() { this.visible = true; + this.form.orderNum=this.data.length+1; this.dialogTitle = 'add'; }, @@ -209,7 +232,7 @@ type: 'warning' }).then(() => { this.loading = true; - deleteStatus(this.selectList).then(res => { + delData(this.selectList).then(res => { if (res.data.code === 200) { this.$message.success(res.data.obj); this.getList(); @@ -230,9 +253,8 @@ cancelButtonText: '鍙栨秷', type: 'warning' }).then(() => { - const list = [row]; this.loading = true; - deleteStatus(list).then(res => { + delData({oid:row.oid}).then(res => { if (res.data.code === 200) { this.$message.success(res.data.obj); this.getList(); @@ -249,10 +271,12 @@ // 鍏抽棴瀵硅瘽妗� visibleCloseHandler() { const form = { - id: "", - name: "", - imagePath: "", - description: "" + orderNum:1, + module: "", + title: "", + num:24, + icon: "", + ratio:1 } this.form = form; this.visible = false; @@ -266,12 +290,12 @@ if (valid) { saveFunction(this.form).then(res => { if (res.data.code === 200) { - this.$message.success(res.data.obj); + this.$message.success(res.data.msg); this.loading = true; this.getList(); this.visible = false; } else { - this.$message.error(res.data.obj); + this.$message.error(res.data.msg); } }) } else { -- Gitblit v1.9.3