From 247aa6397ebdb5249a1213af11aaaf560568b0c3 Mon Sep 17 00:00:00 2001 From: yuxc <yuxc@vci-tech.com> Date: 星期五, 02 八月 2024 15:43:50 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/enumType/index.vue | 286 ++++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 180 insertions(+), 106 deletions(-) diff --git a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/enumType/index.vue b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/enumType/index.vue index 1c5aea5..3908720 100644 --- a/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/enumType/index.vue +++ b/Source/plt-web/plt-web-ui/src/views/modelingMenu/modeling/enumType/index.vue @@ -1,117 +1,160 @@ <template> - <basic-container> - <avue-crud - ref="userCrud" - :data="tableData" - :option="option" - :table-loading="tableLoading" - @on-load="getTableList" - @refresh-change="handleRefresh" - @search-change="handleSearch" - @search-reset="handleReset" - @selection-change="selectChange" - @row-click="rowClickHandler" - > + <el-container> + <el-main> + <basic-container> + <avue-crud + ref="userCrud" + :data="tableData" + :option="option" + :table-loading="tableLoading" + @on-load="getTableList" + @refresh-change="handleRefresh" + @search-change="handleSearch" + @search-reset="handleReset" + @selection-change="selectChange" + @row-click="rowClickHandler" + > - <template slot="menuLeft" slot-scope="scope"> - <el-button icon="el-icon-plus" size="small" type="primary" @click="rowSaveHandlerClick">鍒涘缓</el-button> - <el-button icon="el-icon-delete" plain size="small" type="danger" @click="allDelHandler">鍒犻櫎</el-button> - <el-button icon="el-icon-view" plain size="small" type="primary" @click="chekView">鏌ョ湅浣跨敤鑼冨洿</el-button> - <el-button icon="el-icon-download" plain size="small" type="primary" @click="downloadTemplateHandler">涓嬭浇瀵煎叆妯℃澘 - </el-button> - <el-button icon="el-icon-download" plain size="small" type="primary" @click="downloadHandler">瀵煎嚭</el-button> - <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="uploadUser">瀵煎叆</el-button> - </template> + <template slot="menuLeft" slot-scope="scope"> + <el-button icon="el-icon-plus" size="small" type="primary" @click="rowSaveHandlerClick">鍒涘缓</el-button> + <el-button icon="el-icon-delete" plain size="small" type="danger" @click="allDelHandler">鍒犻櫎</el-button> + <el-button icon="el-icon-view" plain size="small" type="primary" @click="chekView">鏌ョ湅浣跨敤鑼冨洿</el-button> + <el-button icon="el-icon-download" plain size="small" type="primary" @click="downloadTemplateHandler">涓嬭浇瀵煎叆妯℃澘 + </el-button> + <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="uploadUser">瀵煎叆</el-button> + <el-button icon="el-icon-download" plain size="small" type="primary" @click="downloadHandler">瀵煎嚭</el-button> + </template> - <template slot="menu" slot-scope="scope"> - <el-button icon="el-icon-edit" size="small" type="text" @click="editBtnClick(scope.row)">缂栬緫 - </el-button> - <el-button icon="el-icon-delete" size="small" type="text" @click="rowDeleteHandler(scope.row)">鍒犻櫎 - </el-button> - </template> + <template slot="menu" slot-scope="scope"> + <el-button icon="el-icon-edit" size="small" type="text" @click="editBtnClick(scope.row)">缂栬緫 + </el-button> + <el-button icon="el-icon-delete" size="small" type="text" @click="rowDeleteHandler(scope.row)">鍒犻櫎 + </el-button> + </template> - </avue-crud> - <!-- 鍒涘缓缂栬緫鑷畾涔夊璇濇 --> - <el-dialog - v-dialogDrag - v-loading="dialogLoading" - :title="dialogType === 'add' ? ' 鍒涘缓' : '缂栬緫'" - :visible.sync="dialogVisible" - append-to-body="true" - class="avue-dialog" - width="70%" - @close="dialogClose" - > - <el-form ref="form" :model="form" :rules="rules" label-width="80px"> - <el-row> - <el-col :span="12"> - <el-form-item label="鍚嶇О锛�" prop="id"> - <el-input v-model="form.id"></el-input> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="鏍囩锛�"> - <el-input v-model="form.name"></el-input> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="绫诲瀷锛�"> - <el-select v-model="form.enumValueDataType" placeholder="璇烽�夋嫨绫诲瀷"> - <el-option label="String" value="String"></el-option> - <el-option label="Integer" value="Integer"></el-option> - </el-select> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="闀垮害锛�"> - <el-input-number v-model="form.length" :max="999" :min="1" label="鎻忚堪鏂囧瓧"></el-input-number> - </el-form-item> - </el-col> - <el-col :span="24"> - <avue-crud - ref="dialogCrud" - :data="dialogData" - :option="dialogOption" - @row-save="rowSaveDialogHandler" - @row-update="rowUpdateDialogHandler" - @row-del="rowDeleteDialogHandler" - > - </avue-crud> - </el-col> - </el-row> - </el-form> + </avue-crud> + <!-- 鍒涘缓缂栬緫鑷畾涔夊璇濇 --> + <el-dialog + v-dialogDrag + v-loading="dialogLoading" + :title="dialogType === 'add' ? ' 鍒涘缓' : '缂栬緫'" + :visible.sync="dialogVisible" + append-to-body="true" + class="avue-dialog" + width="70%" + @close="dialogClose" + > + <el-form ref="form" :model="form" :rules="rules" label-width="80px"> + <el-row> + <el-col :span="12"> + <el-form-item label="鍚嶇О锛�" prop="id"> + <el-input v-model="form.id"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鏍囩锛�"> + <el-input v-model="form.name"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="绫诲瀷锛�"> + <el-select v-model="form.enumValueDataType" placeholder="璇烽�夋嫨绫诲瀷"> + <el-option label="String" value="String"></el-option> + <el-option label="Integer" value="Integer"></el-option> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="闀垮害锛�"> + <el-input-number v-model="form.length" :max="999" :min="1" label="鎻忚堪鏂囧瓧"></el-input-number> + </el-form-item> + </el-col> + <el-col :span="24"> + <avue-crud + ref="dialogCrud" + :data="dialogData" + :option="dialogOption" + @row-save="rowSaveDialogHandler" + @row-update="rowUpdateDialogHandler" + @row-del="rowDeleteDialogHandler" + > + </avue-crud> + </el-col> + </el-row> + </el-form> - <span slot="footer" class="dialog-footer"> + <span slot="footer" class="dialog-footer"> <el-button type="primary" @click="rowSaveHandler">纭� 瀹�</el-button> <el-button @click="dialogVisible = false">鍙� 娑�</el-button> </span> - </el-dialog> + </el-dialog> - <!-- 鏌ョ湅浣跨敤鑼冨洿 --> - <el-dialog - v-dialogDrag - v-loading="checkViewLoading" - :visible.sync="checkViewVisible" - append-to-body="true" - class="avue-dialog" - title="鏌ョ湅浣跨敤鑼冨洿" - width="70%" - > - <avue-crud - ref="checkViewCrud" - :data="checkViewData" - :option="checkViewOption" - @search-change="checkHandleSearch" - @search-reset="checkHandleReset" - > + <!-- 鏌ョ湅浣跨敤鑼冨洿 --> + <el-dialog + v-dialogDrag + v-loading="checkViewLoading" + :visible.sync="checkViewVisible" + append-to-body="true" + class="avue-dialog" + title="鏌ョ湅浣跨敤鑼冨洿" + width="60%" + > + <avue-crud + ref="checkViewCrud" + :data="checkViewData" + :option="checkViewOption" + @search-change="checkHandleSearch" + @search-reset="checkHandleReset" + > - </avue-crud> - </el-dialog> + </avue-crud> + </el-dialog> - <!--瀵煎叆 --> - <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="瀵煎叆" - @updata="getTableList"></upload-file> - </basic-container> + <!--瀵煎叆 --> + <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="瀵煎叆" + @updata="getTableList"></upload-file> + </basic-container> + </el-main> + + <el-aside width="30%"> + <basic-container> + <el-descriptions :column="1" border size="medium" style="margin-bottom: 20px" title="鏋氫妇淇℃伅"> + <el-descriptions-item> + <template slot="label"> + 鍚嶇О + </template> + {{ this.lastItem.id }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鏍囩 + </template> + {{ this.lastItem.name }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 绫诲瀷 + </template> + {{ this.lastItem.enumValueDataType || 'String' }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 闀垮害 + </template> + <el-tag> {{ this.lastItem.length || 50 }}</el-tag> + </el-descriptions-item> + + </el-descriptions> + + <p style="font-weight: bold">鏋氫妇椤�</p> + <avue-crud + :data="asideData" + :option="asideOption" + > + </avue-crud> + </basic-container> + </el-aside> + </el-container> </template> <script> @@ -132,6 +175,31 @@ name: "index", data() { return { + asideOption: { + ...basicOption, + addBtn: false, + editBtn: false, + menu: false, + refreshBtn: false, + selection: false, + index: false, + column: [ + { + label: '鏋氫妇椤瑰悕绉�', + prop: 'name', + sortable: true, + }, + { + label: '鏋氫妇鍊�', + prop: 'value', + sortable: true, + }, + { + label: '鎻忚堪', + prop: 'description', + }, + ] + }, tipList: [ "瀵煎叆妯℃澘涓爣鏄庣孩鑹插瓧浣撶殑涓哄繀杈撻」", "*娉ㄦ剰*:绗簩琛屽紑濮嬬殑鏁版嵁涓虹ず渚嬫暟鎹紝瀵煎叆鍓嶈灏嗗叾鍒犻櫎锛屽綋瀵煎叆鐨勬灇涓句笅鍏峰澶氫釜鏋氫妇椤规椂锛屽簲鎸夌収绀轰緥enum2鐨勫啓娉�", @@ -255,6 +323,14 @@ searchParams: {} } }, + computed: { + lastItem() { + return this.selectList.length > 0 ? this.selectList[this.selectList.length - 1] : {}; + }, + asideData() { + return this.selectList.length > 0 ? this.selectList[this.selectList.length - 1].items : []; + } + }, methods: { //琛ㄦ牸鏌ヨ璇锋眰 getTableList() { @@ -290,6 +366,7 @@ // 閫夋嫨妗� selectChange(row) { + console.log(row) this.selectList = row; }, @@ -330,7 +407,6 @@ this.dialogData = row.items; this.dialogVisible = true; this.editRow = row; - console.log(row); }, // 鍒犻櫎鎸夐挳鐐瑰嚮 @@ -386,8 +462,6 @@ message: '宸插彇娑堝垹闄�' }); }); - - }, // 瀵硅瘽妗嗘灇涓句繚瀛� -- Gitblit v1.9.3