From ded6e8d2312e139e8ce770c7f1d5830bf2db4af6 Mon Sep 17 00:00:00 2001 From: xiejun <xj@2023> Date: 星期三, 19 七月 2023 11:39:41 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/UBCS-WEB/src/components/flow-cycle/components/DetailPanel.vue | 90 ++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 84 insertions(+), 6 deletions(-) diff --git a/Source/UBCS-WEB/src/components/flow-cycle/components/DetailPanel.vue b/Source/UBCS-WEB/src/components/flow-cycle/components/DetailPanel.vue index 534d360..6f1b324 100644 --- a/Source/UBCS-WEB/src/components/flow-cycle/components/DetailPanel.vue +++ b/Source/UBCS-WEB/src/components/flow-cycle/components/DetailPanel.vue @@ -11,13 +11,14 @@ <el-form-item label="鍚嶇О" prop="name"> <el-input v-model.trim="newRowData.name" :maxLength="20" clearable /> </el-form-item> - <el-form-item label="鏍囩" prop="id"> + <el-form-item label="缂栧彿" prop="id"> <el-input v-model.trim="newRowData.id" clearable /> </el-form-item> <el-form-item label="璧峰鐘舵��" prop="startStatus"> <el-select v-model="newRowData.startStatus" placeholder="璇烽�夋嫨璧峰鐘舵��" + :disabled="type === 'edit'" style="width: 100%" > <el-option @@ -45,14 +46,34 @@ <group-panel :status="status"> <detail-form type="group" /> </group-panel> - <multi-panel :status="status" /> - <canvas-panel :status="status" /> + <!-- <edge-panel :status="status"> + <div class="event"> + <hr /> + <h4>璺冭縼浜嬩欢</h4> + <el-select + size="mini" + style="width: 100%" + value-key="oid" + v-model="saveEventList" + multiple + > + <el-option + v-for="itm in eventList" + :key="itm.oid" + :value="itm" + :label="itm.eventShowName" + ></el-option> + </el-select> + </div> + </edge-panel> --> </template> </detail-panel> </div> </template> <script> +import API from "@/api/modeling/cycle"; + import { NodePanel, EdgePanel, @@ -74,23 +95,37 @@ DetailPanel, DetailForm, }, - props: ["rowData", "existNodes"], + props: ["rowData", "existNodes", "existEdges", "type", "currentSelectedLine"], data() { return { newRowData: { startStatus: undefined, name: undefined, id: undefined, - remark: undefined + remark: undefined, }, rules: { name: [{ required: true, message: "鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }], - id: [{ required: true, message: "鏍囩涓嶈兘涓虹┖", trigger: "blur" }], + id: [ + { required: true, message: "鏍囩涓嶈兘涓虹┖", trigger: "blur" }, + { + pattern: /^[A-z]+$/g, + message: "鏍囩鍙兘杈撳叆鑻辨枃", + trigger: "blur", + }, + ], startStatus: [ { required: true, message: "璧峰鐘舵�佷笉鑳戒负绌�", trigger: "change" }, ], }, + eventList: [], + saveEventList: [], + edgeEventList: {}, + currentActive: 0, }; + }, + created() { + this.getEventList(); }, methods: { getNewRowDate() { @@ -102,6 +137,13 @@ resolve(this.newRowData); } }); + }); + }, + getEventList() { + API.getEventList().then((res) => { + if (res.data.code === 200) { + this.eventList = res.data.data; + } }); }, }, @@ -125,6 +167,42 @@ this.newRowData.startStatus = undefined; } }, + currentSelectedLine: { + deep: true, + handler(newV) { + if (newV.id) { + if (this.edgeEventList[newV.id]) { + this.saveEventList = this.edgeEventList[newV.id] + } else { + this.edgeEventList[newV.id] = [] + this.saveEventList = [] + } + } + } + }, + saveEventList: { + deep: true, + handler(newV) { + this.edgeEventList[this.currentSelectedLine.id] = newV + } + } }, }; </script> +<style lang="scss" scoped> +.event { + margin-top: 20px; + text-align: center; +} +.flex { + margin-top: 10px; + display: flex; + justify-content: space-between; +} +.red { + color: red; +} +.active { + // box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4) +} +</style> -- Gitblit v1.9.3