From 9f38704fb05676220542f639ba85104625c3f446 Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期五, 26 一月 2024 15:44:43 +0800 Subject: [PATCH] 添加主数据手动同步,元数据管理添加下拉框条件搜索,业务类型修复bug拆分组件 --- Source/UBCS-WEB/src/views/modeling/original.vue | 225 ++++++---- Source/UBCS-WEB/src/views/modeling/BusinessAdd.vue | 25 Source/UBCS-WEB/src/components/MasterCrud/VciMasterCrud.vue | 43 ++ Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue | 2 Source/UBCS-WEB/src/api/GetItem.js | 9 Source/UBCS-WEB/src/views/modeling/Business.vue | 42 - Source/UBCS-WEB/src/main.js | 2 Source/UBCS-WEB/src/views/modeling/BusinessEdit.vue | 830 +++++++++++++++++++++++++++++++++++++++++ 8 files changed, 1,041 insertions(+), 137 deletions(-) diff --git a/Source/UBCS-WEB/src/api/GetItem.js b/Source/UBCS-WEB/src/api/GetItem.js index a0cc5fa..824248b 100644 --- a/Source/UBCS-WEB/src/api/GetItem.js +++ b/Source/UBCS-WEB/src/api/GetItem.js @@ -136,3 +136,12 @@ responseType: 'blob' }) } + +//鎵嬪姩鍚屾 +export const syncSearch = (params) => { + return request({ + url: 'ubcs-code/dockingManagement/searchItemDataForERP', + method: 'get', + params + }) +} diff --git a/Source/UBCS-WEB/src/components/MasterCrud/VciMasterCrud.vue b/Source/UBCS-WEB/src/components/MasterCrud/VciMasterCrud.vue index 44bc9d7..54b5ad0 100644 --- a/Source/UBCS-WEB/src/components/MasterCrud/VciMasterCrud.vue +++ b/Source/UBCS-WEB/src/components/MasterCrud/VciMasterCrud.vue @@ -164,6 +164,21 @@ @current-change="handleCurrentChange"> </el-pagination> </div> + <el-dialog title="鎵嬪姩鍚屾" :visible.sync="syncDialogBox"append-to-body @close="syncClose" top="200px"> + <p style="display: inline-block">鏈�鍚庢洿鏂版椂闂达細</p> + <el-date-picker + style="width: 300px" + v-model="SyncValue" + type="date" + placeholder="閫夋嫨鏃ユ湡" + format="yyyy 骞� MM 鏈� dd 鏃� HH 鏃� mm 鍒� ss 绉�" + value-format="yyyy-MM-dd HH:mm:ss"> + </el-date-picker> + <div slot="footer" class="dialog-footer"> + <el-button @click="syncClose">鍙� 娑�</el-button> + <el-button type="primary" @click="submitSync">纭� 瀹�</el-button> + </div> + </el-dialog> </div> </div> <div class="bottom"> @@ -188,7 +203,8 @@ applyGroupCode, receiveEditApply, applySaveCode, - exportGroupCodeExcel + exportGroupCodeExcel, + syncSearch } from "@/api/GetItem"; import {processTS, changeStatus} from "@/api/template/setPersonnel" import {listCodeAttributeByClassId} from "@/api/integration/integration.js"; @@ -266,6 +282,9 @@ }, data() { return { + //鎵嬪姩鍚屾model + SyncValue:'', + syncDialogBox:false, isTimeStatus: false, isTimeName: '', dateValue: "", @@ -587,8 +606,30 @@ if (uniqueFlag === 'excelGroupCode') return this.excelGroupCode() //闆嗗洟鐮佸鍏� if (uniqueFlag === 'importGroupCode') return this.importGroupCode("groupCode") + //鎵嬪姩鍚屾 + if (uniqueFlag === 'manualSyncing') return this.manualSyncing("groupCode") }); }, + //鎵嬪姩鍚屾 + manualSyncing(){ + this.syncDialogBox = true; + }, + //鎵嬪姩鍚屾鍏抽棴 + syncClose(){ + this.syncDialogBox = false; + }, + //鎵嬪姩鍚屾纭畾 + submitSync(){ + if(this.SyncValue){ + syncSearch({enDate:this.SyncValue}).then(res=>{ + this.$message.success('鍚屾鎴愬姛锛�') + this.syncDialogBox = false; + }) + }else { + this.$message.warning('璇烽�夋嫨鏈�鍚庢洿鏂版椂闂达紒') + } + }, + //闆嗗洟鐮佸鍏� importGroupCode(type) { this.batchImportData.visible = true this.batchImportData.type = type diff --git a/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue b/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue index b7e071a..c11e7a3 100644 --- a/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue +++ b/Source/UBCS-WEB/src/components/Theme/ThemeClassifyTrees.vue @@ -44,7 +44,7 @@ </el-button> </div> <!-- 宸︿晶鏍�--> - <div style="height: 690px;overflow: auto"> + <div style="height: calc(100vh - 242px);overflow: auto"> <avue-tree ref="tree" v-model="CloneTreeAvueform" v-loading="loading" :data="CloneTreedata" :defaultExpandAll="false" :option="Treeoption" diff --git a/Source/UBCS-WEB/src/main.js b/Source/UBCS-WEB/src/main.js index 917ff08..d476b04 100644 --- a/Source/UBCS-WEB/src/main.js +++ b/Source/UBCS-WEB/src/main.js @@ -49,6 +49,7 @@ import cloneOtherBasicSecDialog from "@/components/code-dialog-page/cloneOtherBasicSecDialog" import advancedQuery from "@/components/advanced-query/advancedQuery" import businessAdd from "@/views/modeling/BusinessAdd" +import businessEdit from "@/views/modeling/BusinessEdit" import VciMasterCrud from "@/components/MasterCrud/VciMasterCrud" import originalAdd from "@/views/modeling/originalAdd" import FormTemplateDialog from "@/components/FormTemplate/index" @@ -108,6 +109,7 @@ Vue.component('referConfigDialog',referConfigDialog) Vue.component('advancedQuery',advancedQuery) Vue.component('businessAdd',businessAdd) +Vue.component('businessEdit',businessEdit) Vue.component('attrCrud',attrCrud) Vue.component('VciMasterCrud',VciMasterCrud) Vue.component('originalAdd',originalAdd) diff --git a/Source/UBCS-WEB/src/views/modeling/Business.vue b/Source/UBCS-WEB/src/views/modeling/Business.vue index f568592..433d618 100644 --- a/Source/UBCS-WEB/src/views/modeling/Business.vue +++ b/Source/UBCS-WEB/src/views/modeling/Business.vue @@ -6,7 +6,7 @@ <el-container> <el-aside style="width: 300px"> <basic-container class="businessTreeContainer"> - <div class="app"> + <div class="app"style="overflow: auto;height: 84.3vh;"> <div style="display: flex;margin-bottom: 10px;justify-content: space-around;"> <el-button v-if="permissionList.addBtn" plain size="mini" type="primary" @click="businessAdd"> @@ -20,7 +20,7 @@ type="primary" @click="selectFromTable"> 浠庡凡鏈変腑鑾峰彇 </el-button> </div> - <avue-tree :data="treeData" :option="treeOption" class="businessTree" style="height: 70.3vh" + <avue-tree :data="treeData" :option="treeOption" class="businessTree" style="height: 74.3vh" @node-click="nodeClick"> <template slot-scope="{ node, data }" class="el-tree-node__label"> <el-tooltip :content="$createElement('div', { domProps: { innerHTML: node.label } })" class="item" effect="dark" @@ -94,24 +94,6 @@ </template> {{ obj.lifeCycleName ? obj.lifeCycleName + '(' + obj.lifeCycleId + ')' : '' }} </el-descriptions-item> - <!-- <el-descriptions-item :contentStyle="descriptionOption.contentStyle"--> - <!-- :labelStyle="descriptionOption.labelStyle">--> - <!-- <template slot="label">--> - <!-- <i :class="icons.view"></i>--> - <!-- 瑙嗗浘--> - <!-- </template>--> - <!-- <el-tag v-if="obj.viewText" size="small">--> - <!-- {{ obj.viewText }}--> - <!-- </el-tag>--> - <!-- <span v-else></span>--> - <!-- </el-descriptions-item>--> - <!-- <el-descriptions-item> - <template slot="label"> - <i class="el-icon-arrow-down"></i> - 瀹炵幇绫� - </template> - {{ obj.implClass }} - </el-descriptions-item> --> <el-descriptions-item :contentStyle="descriptionOption.contentStyle" :labelStyle="descriptionOption.labelStyle"> <template slot="label"> @@ -132,7 +114,7 @@ </avue-crud> </basic-container> </el-main> - <el-dialog :visible="ref.visible" append-to-body title="浠庢暟鎹簱涓坊鍔�" top="9vh" width="700px" + <el-dialog :visible="ref.visible" append-to-body title="浠庢暟鎹簱涓坊鍔�" top="4vh" width="600px" @close="dialoghandelfalse"> 閫夋嫨棰嗗煙锛� <el-select v-model="domain" placeholder="璇烽�夋嫨" size="small" @change="refOnLoad"> @@ -155,6 +137,10 @@ <business-add ref="btmAdd" :btmType="addOption.btmType" :domainOption="domainOptions" :icons="icons" :type="type" @refreshTable="initTreeOnLoad"> </business-add> + <business-edit ref="btmEdit" :btmType="addOption.btmEditType" :domainOption="domainOptions" :icons="icons" :type="type" + @refreshTable="initTreeOnLoad"> + + </business-edit> </el-container> </template> <script> @@ -193,6 +179,7 @@ }, addOption: { btmType: {}, + btmEditType:{} }, loadOption: { height: 'auto', @@ -262,6 +249,7 @@ tabs: true, addBtn: false, menu: false, + refreshBtn:false, highlightCurrentRow: true, column: [ { @@ -301,6 +289,7 @@ if (data.oid) { getDetail(data.oid).then(res => { this.obj = res.data.data; + this.addOption.btmEditType = res.data.data; }) } else { this.$message.warning('璇风偣鍑诲瓙鑺傜偣'); @@ -379,9 +368,9 @@ this.$message.warning("璇烽�夋嫨涓�鏉″彾瀛愯妭鐐圭殑涓氬姟绫诲瀷"); return; } - const json = JSON.stringify(this.obj); - this.$refs.btmAdd.btmType = JSON.parse(json); - this.$refs.btmAdd.showSubmitDialog = true; + // const json = JSON.stringify(this.obj); + // this.$refs.btmAdd.btmType = JSON.parse(json); + this.$refs.btmEdit.showSubmitDialog = true; this.type = 'edit' this.ifRefreshBtmAddRefresh(); }, @@ -403,10 +392,7 @@ } -.app { - overflow-y: auto; - height: 84.3vh; -} + // //.app::-webkit-scrollbar { diff --git a/Source/UBCS-WEB/src/views/modeling/BusinessAdd.vue b/Source/UBCS-WEB/src/views/modeling/BusinessAdd.vue index c662081..4009cbb 100644 --- a/Source/UBCS-WEB/src/views/modeling/BusinessAdd.vue +++ b/Source/UBCS-WEB/src/views/modeling/BusinessAdd.vue @@ -2,6 +2,7 @@ <el-dialog title="涓氬姟绫诲瀷" :visible.sync="showSubmitDialog" + v-loading="loading" append-to-body @close="closeSubmitDialog" width="70%" @@ -11,7 +12,7 @@ <el-form ref="form" :model="btmType" show-message="true" inline size="medium" label-suffix=":" class="btmTypeForm" :rules="rules" @resetFields="resetForm" status-icon="true"> <el-form-item label="鑻辨枃鍚嶇О" label-width="100px" required="true" prop="id"> - <el-input v-model="btmType.id" :prefix-icon="icons.key" :disabled="type !== 'add'"></el-input> + <el-input v-model="btmType.id" :prefix-icon="icons.key" :disabled="false"></el-input> </el-form-item> <el-form-item label="涓枃鍚嶇О" label-width="100px"> <el-input v-model="btmType.name" :prefix-icon="icons.name"></el-input> @@ -202,20 +203,18 @@ }, type: { type:String, + }, + btmEditType:{ + type:Object, + default: {} } }, watch: { - type: { - handler(newval, oldval) { - // console.log('鐩戝惉', newval) - }, - deep: true, - immediate: true - } }, data() { return { form: {}, + loading:false, showSubmitDialog: false, option: { height: "330px", @@ -485,11 +484,11 @@ // 鍏抽棴缁勪欢寮圭獥 closeSubmitDialog() { this.showSubmitDialog = false; - this.btmType.attributes = []; - this.btmType = {}; - this.attrRef.selectData = []; - this.attrRef.queryNotIn = null; - this.resetForm(); + // this.btmType.attributes = []; + // this.btmType = {}; + // this.attrRef.selectData = []; + // this.attrRef.queryNotIn = null; + // this.resetForm(); }, // 鍏抽棴灞炴�ф睜鏌ヨ寮圭獥 closeAttrDialog() { diff --git a/Source/UBCS-WEB/src/views/modeling/BusinessEdit.vue b/Source/UBCS-WEB/src/views/modeling/BusinessEdit.vue new file mode 100644 index 0000000..d60c8cb --- /dev/null +++ b/Source/UBCS-WEB/src/views/modeling/BusinessEdit.vue @@ -0,0 +1,830 @@ +<template> + <el-dialog + title="涓氬姟绫诲瀷" + :visible.sync="showSubmitDialog" + v-loading="loading" + append-to-body + @close="closeSubmitDialog" + width="70%" + top="6vh" + style="height: 115vh;" + > + <el-form ref="form" :model="btmEditType" show-message="true" inline size="medium" label-suffix=":" class="btmTypeForm" + :rules="rules" @resetFields="resetForm" status-icon="true"> + <el-form-item label="鑻辨枃鍚嶇О" label-width="100px" prop="id"> + <el-input v-model="btmType.id" :prefix-icon="icons.key" :disabled="true"></el-input> + </el-form-item> + <el-form-item label="涓枃鍚嶇О" label-width="100px"> + <el-input v-model="btmType.name" :prefix-icon="icons.name"></el-input> + </el-form-item> + <!-- <el-form-item label="鏁版嵁搴撹〃鍚�" label-width="100px"> + <el-input v-model="btmType.tableName" :prefix-icon="icons.tableName"></el-input> + </el-form-item> --> + <el-form-item label="鎵�灞為鍩�" label-width="100px" prop="domain" class="domainSelect"> + <el-select placeholder="璇烽�夋嫨棰嗗煙" v-model="btmType.bizDomain" :prefix-icon="icons.domain"> + <el-option v-for="item in domainOption" + :label="item.label" :value="item.value" :key="item.value"> + </el-option> + </el-select> + </el-form-item> + <el-form-item label="鐗堟湰瑙勫垯" label-width="100px"> + <el-input v-model="btmType.revisionRuleName" + :prefix-icon="icons.revisionRule" + class="revisionRule" + @focus="openRevision" + clearable + @clear="clearRevision" + :suffix-icon="icons.referType" + placeholder="璇烽�夋嫨锛岀暀绌哄垯涓嶈繘琛岀鐞�"> + </el-input> + </el-form-item> + <el-form-item label="鐢熷懡鍛ㄦ湡" label-width="100px"> + <el-input v-model="btmType.lifeCycleName" + :prefix-icon="icons.lifeCycle" + class="lifeCycle" + @focus="openLifeCycle" + clearable + @clear="clearLifeCycle" + :suffix-icon="icons.referType" + placeholder="璇烽�夋嫨锛岀暀绌哄垯涓嶈繘琛岀鐞�"> + </el-input> + </el-form-item> + <!-- <div>--> + <!-- <el-form-item label="寮�鍚鍥�" label-width="100px" class="viewFlag">--> + <!-- <el-switch v-model="btmType.viewFlag" active-color="#13ce66" @change="viewChange"></el-switch>--> + <!-- </el-form-item>--> + <!-- <el-form-item label="瑙嗗浘璇彞" label-width="100px" class="viewInput">--> + <!-- <el-input v-model="btmType.view" :prefix-icon="icons.view" :disabled="!btmType.viewFlag"></el-input>--> + <!-- </el-form-item>--> + <!-- </div>--> + <el-form-item label="鎻忚堪" label-width="100px" class="description"> + <el-input v-model="btmType.description" + :prefix-icon="icons.desc" + class="descClass" + id="descId" + ></el-input> + </el-form-item> + </el-form> + <avue-crud :option="option" + :data="btmType.attributes" + :page.sync="page" + ref="attrTable"> + <template slot-scope="scope" slot="menuLeft"> + <el-button type="danger" + icon="el-icon-plus" + size="small" + @click="rowAdd()">灞炴�ч�夋嫨 + </el-button> + </template> + <template slot="attrDataTypeText" slot-scope="{row}"> + <el-tag>{{ row.attrDataTypeText }}</el-tag> + </template> + <template slot="menu" slot-scope="{row,index}"> + <el-button icon="el-icon-edit" size="small" type="text" v-if="!row.$cellEdit" @click="cellEditClick(row,index)">缂栬緫 + </el-button> + <el-button icon="el-icon-delete" size="small" type="text" v-if="!row.$cellEdit" + @click="removeFormAttrTable(row,index)">绉婚櫎 + </el-button> + <el-button icon="el-icon-check" size="small" type="text" v-if="row.$cellEdit" @click="cellEditSave(row,index)"> + 淇濆瓨 + </el-button> + </template> + </avue-crud> + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="submitBtmType">纭畾</el-button> + <el-button @click="cancleSubmitBtmType">鍙栨秷</el-button> + </div> + + <!-- 灞炴�ф睜鐨勯�夋嫨 --> + <el-dialog title="灞炴�ф睜" + :visible="attrRef.visible" + append-to-body + @close="closeAttrDialog" + width="80%" + > + <avue-crud class="attrRef" + :option="attrRef.option" + :data="attrRef.data" + :page.sync="attrRef.page" + ref="attrRef" + @on-load="attrRefOnLoad" + @search-change="attrRefSearch" + @selection-change="selectionChange" + v-loading="attrRef.loading"> + <template slot="typeValue" slot-scope="scope"> + <el-tag>{{ scope.row.typeValue }}</el-tag> + </template> + </avue-crud> + <div slot="footer" class="dialog-footer"> + <el-button @click="confirmSelectAttr">纭畾</el-button> + <el-button @click="cancleSelectAttr">鍙栨秷</el-button> + </div> + </el-dialog> + <!-- 鐗堟湰瑙勫垯鐨勫弬鐓� --> + <el-dialog title="璇烽�夋嫨鐗堟湰瑙勫垯" + :visible.sync="revisionRef.visible" + append-to-body + width="80%"> + + <avue-crud class="revisionRef" + :option="revisionRef.option" + :data="revisionRef.data" + :page.sync="revisionRef.page" + ref="revisionRef" + @row-click="revisionClick" + v-loading="revisionRef.loading" + @search-change="searchRevisionRule" + @search-reset="clearSearchRevisionRule"> + <template slot="radio" + slot-scope="{row}"> + <el-radio v-model="revisionRef.selectRow" + :label="row.$index"> + </el-radio> + </template> + </avue-crud> + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="confirmRevision">纭畾</el-button> + <el-button @click="cancelRevision">鍙栨秷</el-button> + </div> + </el-dialog> + + <!-- 鐢熷懡鍛ㄦ湡鐨勫弬鐓� --> + <el-dialog title="璇烽�夋嫨鐢熷懡鍛ㄦ湡" + :visible.sync="lifeCycleRef.visible" + append-to-body + width="80%"> + + <avue-crud class="lifeCycleRef" + :option="lifeCycleRef.option" + :data="lifeCycleRef.data" + :page.sync="lifeCycleRef.page" + ref="lifeCycleRef" + @row-click="lifeCycleClick" + v-loading="lifeCycleRef.loading" + @search-change="searchLifeCycle" + @search-reset="clearSearchLifeCycle"> + <template slot="radio" + slot-scope="{row}"> + <el-radio v-model="lifeCycleRef.selectRow" + :label="row.$index"> + </el-radio> + </template> + </avue-crud> + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="confirmLifeCycle">纭畾</el-button> + <el-button @click="cancelLifeCycle">鍙栨秷</el-button> + </div> + </el-dialog> + </el-dialog> + + +</template> + + +<script> + +import {add, update} from '@/api/omd/btmType'; +import {queryPage} from '@/api/omd/OmdAttribute'; +import {getPage} from '@/api/omd/revisionRule'; +import {getList} from '@/api/modeling/cycle'; + +export default { + name: 'BusinessEdit', + props: { + btmType: { + type: Object, + default:{} + }, + domainOption: { + type: Array + }, + icons: { + type: Array + }, + type: { + type:String, + }, + btmEditType:{ + type:Object, + default: {} + } + }, + watch: { + }, + data() { + return { + form: {}, + loading:false, + showSubmitDialog: false, + option: { + height: "330px", + selection: false, + headerAlign: 'center', + border: true, + index: true, + rowKey: 'id', + tabs: true, + menu: true, + editBtn: false, + delBtn: false, + columnBtn: false, + menuWidth: 150, + refreshBtn:false, + addBtn: false, + highlightCurrentRow: true, + column: [ + { + label: '鑻辨枃鍚嶇О', + prop: 'id', + align: 'center', + disabled:true + }, { + label: '涓枃鍚嶇О', + prop: 'name', + align: 'center', + cell: true + },{ + label: "绫诲瀷", + prop: "attrDataTypeText", + align: 'center', + slot: true + }, + { + label: "榛樿鍊�", + prop: "defaultValue", + align: 'center', + cell: true + }, + { + label: "璇存槑", + prop: "description", + align: 'center', + cell: true + } + ] + }, + attrRef: { + visible: false, + page: { + currentPage: 1, + pageSize: 10, + }, + loading: false, + key: null, + option: { + height: 360, + addBtn: false, + refreshBtn: false, + columnBtn: false, + selection: true, + menu: false, + border: true, + reserveSelection: true, + searchMenuSpan: 8, + highlightCurrentRow: true, + rowKey: 'id', + column: [ + { + label: '鑻辨枃鍚嶇О', + prop: 'id', + align: 'left', + search: true, + disabled:true, + width: 230 + }, { + label: '涓枃鍚嶇О', + prop: 'name', + align: 'center', + }, + { + label: "绫诲瀷", + prop: "typeValue", + align: 'center', + slot: true, + }, + { + label: "榛樿鍊�", + prop: "defaultValue", + align: 'center' + }, + { + label: '鍏佽涓虹┖', + prop: 'nullable', + type: 'switch', + display: false, + hide: true, + labelWidth: 132, + dicData: [{ + label: '鍚�', + value: 1 + }, { + label: '鏄�', + value: 0 + }] + }, + { + label: "璇存槑", + prop: "description", + cell: true, + align: 'center' + } + ] + }, + data: [], + queryNotIn: '' + }, + revisionRef: { + visible: false, + page: { + currentPage: 1, + pageSize: 10 + }, + loading: false, + selectRow: '', + searchKey: null, + option: { + height: 360, + addBtn: false, + refreshBtn: false, + columnBtn: false, + menu: false, + border: true, + reserveSelection: true, + searchMenuSpan: 8, + searchShowBtn: false, + highlightCurrentRow: true, + column: [{ + label: '閫夋嫨', + prop: 'radio', + width: 60, + hide: false + }, + { + label: '鑻辨枃鍚嶇О', + prop: 'id', + disabled:true, + search: true + }, + { + label: "涓枃鍚嶇О", + prop: "name", + search: true, + }, + { + label: "璺宠穬瀛楃", + prop: "skipCode" + }, + { + label: "鍒濆鍊�", + prop: "startCode" + }, + { + label: "姝ラ暱", + prop: "serialStep" + }, + { + label: "鍓嶇紑", + prop: "prefixCode" + }, + { + label: "鍚庣紑", + prop: "suffixCode" + }, + { + label: "鎻忚堪", + prop: "description", + type: "textarea" + } + ] + }, + }, + lifeCycleRef: { + visible: false, + page: { + currentPage: 1, + pageSize: 10 + }, + loading: false, + selectRow: '', + searchKey: null, + option: { + height: 360, + addBtn: false, + refreshBtn: false, + columnBtn: false, + menu: false, + border: true, + reserveSelection: true, + searchMenuSpan: 8, + searchShowBtn: false, + highlightCurrentRow: true, + column: [{ + label: '閫夋嫨', + prop: 'radio', + width: 60, + hide: false + }, + { + label: '鑻辨枃鍚嶇О', + prop: 'id', + disabled:true, + search: true + }, + { + label: "涓枃鍚嶇О", + prop: "name", + search: true, + }, + { + label: "璺宠穬瀛楃", + prop: "skipCode" + }, + { + label: "鍒濆鍊�", + prop: "startCode" + }, + { + label: "姝ラ暱", + prop: "serialStep" + }, + { + label: "鍓嶇紑", + prop: "prefixCode" + }, + { + label: "鍚庣紑", + prop: "suffixCode" + }, + { + label: "鎻忚堪", + prop: "description", + type: "textarea" + } + ] + }, + }, + rules: { + id: [ + {required: true, message: '璇疯緭鍏ヤ笟鍔$被鍨嬬紪鍙�', trigger: 'blur'}, + {pattern: /^[A-Za-z]+$/, message: '涓氬姟绫诲瀷缂栧彿鍙兘涓鸿嫳鏂�', trigger: 'blur'}, + {min: 2, max: 20, message: '闀垮害鍦�2鍒�20涓瓧绗�', trigger: 'blur'} + ], + name: [ + {required: true, message: '璇疯緭鍏ヤ笟鍔$被鍨嬩腑鏂囧悕绉�', trigger: 'blur'} + ], + domain: [ + {required: true, message: '璇烽�夋嫨鎵�灞為鍩�', trigger: 'blur'} + ] + }, + } + }, + created() { + + }, + methods: { + // 鍏抽棴缁勪欢寮圭獥 + closeSubmitDialog() { + this.showSubmitDialog = false; + // this.btmType.attributes = []; + // this.btmType = {}; + // this.attrRef.selectData = []; + // this.attrRef.queryNotIn = null; + // this.resetForm(); + }, + // 鍏抽棴灞炴�ф睜鏌ヨ寮圭獥 + closeAttrDialog() { + this.attrRef.visible = false; + }, + // 灞炴�ч�夋嫨娣诲姞 + async rowAdd() { + await this.attrRefOnLoad(); + this.attrRef.visible = true; + }, + // 灞炴�ф睜鍔犺浇 + attrRefOnLoad() { + if (this.attrRef.queryNotIn != '' && this.btmType.attributes !== undefined && this.btmType.attributes.length > 0) { + this.attrRef.queryNotIn = ''; + this.btmType.attributes.forEach(item => { + this.attrRef.queryNotIn += (item.id + ",") + }) + } + this.attrRef.loading = true; + queryPage(this.attrRef.key, this.attrRef.queryNotIn, this.attrRef.page.currentPage, this.attrRef.page.pageSize).then(res => { + const data = res.data.data; + this.attrRef.page.total = data.total; + this.attrRef.data = data.records; + }); + setTimeout(() => { + this.attrRef.loading = false; + }, 600) + this.$nextTick(() => { + this.$refs.attrRef.refreshTable(); + }); + }, + // 灞炴�ф睜妫�绱� + attrRefSearch(form, done) { + this.attrRef.key = form.id; + this.attrRefOnLoad(); + done(); + this.attrRef.key = null; + }, + // 浠庡睘鎬ф睜涓Щ闄� + removeFormAttrTable(row, index) { + this.btmType.attributes.splice(index, 1); + this.attrRef.queryNotIn = ""; + this.btmType.attributes.forEach(item => { + this.attrRef.queryNotIn += (item.id + ",") + }) + }, + // 灞炴�ф睜鍕鹃�変簨浠� + selectionChange(list) { + this.attrRef.selectData = list; + }, + // 纭灞炴�ф睜鍕鹃�� + confirmSelectAttr() { + if (!this.btmType.attributes) { + this.btmType.attributes = []; + } + // console.log(this.attrRef.selectData); + this.attrRef.selectData.forEach(item => { + this.btmType.attributes.push({ + id: item.id, + name: item.name, + attrDataType: item.typeKey, + attrDataTypeText: item.typeValue, + defaultValue: item.defaultValue, + description: item.description, + attributeLength: item.maxLength, + referBtmTypeId: item.referTypeCode, + referBtmTypeName: item.referToName, + enumId: item.dictCode, + }); + this.attrRef.queryNotIn += (item.id + ",") + }); + this.attrRef.data = []; + this.closeAttrDialog(); + }, + // 鍙栨秷灞炴�ф睜鍕鹃�� + cancleSelectAttr() { + this.attrRef.selectData = []; + this.closeAttrDialog(); + }, + // 娣诲姞涓氬姟绫诲瀷 + submitBtmType() { + // console.log(this.btmType); + if (!this.btmType.attributes){ + this.$message.warning("杩樻病鏈変负涓氬姟绫诲瀷閫夋嫨灞炴��"); + return; + }else{ + let nullFlag = false; + this.btmType.attributes.forEach(item => { + if (!item.name){ + this.$message.warning("绗�" + (item.$index+1) + "琛岀殑涓枃鍚嶇О涓嶈兘涓虹┖"); + nullFlag = true; + return; + } + }) + if (nullFlag){ + return; + } + + } + add(this.btmType, true).then(res => { + // 娣诲姞瀹屾垚锛屽洖璋冪埗缁勪欢鐨勫埛鏂� + this.$message.success('淇濆瓨鎴愬姛'); + this.cancleSubmitBtmType(); + this.$emit('refreshTable'); + }) + }, + // 鍙栨秷娣诲姞涓氬姟绫诲瀷 + cancleSubmitBtmType() { + this.btmType = {}; + this.btmType.attributes = []; + this.showSubmitDialog = false; + }, + // 鍒锋柊灞炴�у垪琛� + refreshAttrTable() { + this.$nextTick(() => { + this.$refs.attrTable.refreshTable(); + }) + }, + // + viewChange() { + + }, + // 鍒楄〃缂栬緫 + cellEditClick(cell) { + // console.log(cell); + cell.$cellEdit = true; + }, + // 鍒楄〃缂栬緫淇濆瓨 + cellEditSave(row,index) { + this.btmType.attributes[index].name = row.name + this.btmType.attributes[index].defaultValue = row.defaultValue; + this.btmType.attributes[index].description = row.description; + row.$cellEdit = false; + // console.log(this.btmType.attributes); + this.$refs.attrTable.refreshTable(); + }, + // 鎵撳紑鐗堟湰瑙勫垯鍙傜収 + openRevision() { + this.revisionRef.visible = true; + this.revisionRuleOnLoad(); + }, + // 鐗堟湰鍙傜収鍒楄〃鐨勯粯璁ゆ煡璇㈡柟娉� + revisionRuleOnLoad(){ + this.revisionRef.loading = true; + getPage().then(res => { + this.revisionRef.data = res.data.data.records; + }); + setTimeout(() => { + this.revisionRef.loading = false; + }, 600) + this.$nextTick(() => { + this.$refs.revisionRef.refreshTable(); + }); + }, + // 鎵撳紑鐗堟湰瑙勫垯鍙傜収 + openLifeCycle() { + this.lifeCycleRef.visible = true; + this.lifeCycleOnLoad(); + }, + // 鐢熷懡鍛ㄦ湡鍒楄〃鐨勯粯璁ゆ煡璇㈡柟娉� + lifeCycleOnLoad(){ + this.lifeCycleRef.loading = true; + getList().then(res => { + this.lifeCycleRef.data = res.data.data.records; + }); + setTimeout(() => { + this.lifeCycleRef.loading = false; + }, 600) + this.$nextTick(() => { + this.$refs.lifeCycleRef.refreshTable(); + }); + }, + // 鍏抽棴鐗堟湰瑙勫垯鍙傜収寮圭獥 + closeRevisionDialog() { + this.revisionRef.visible = false; + }, + // 鍏抽棴鐢熷懡鍛ㄦ湡鍙傜収寮圭獥 + closeLifeCycleDialog() { + this.lifeCycleRef.visible = false; + }, + // 纭閫変腑鐗堟湰瑙勫垯 + confirmRevision() { + this.btmType.revisionFlag = true; + this.btmType.revisionRuleId = this.revisionRef.selectData.id; + this.btmType.revisionRuleName = this.revisionRef.selectData.name; + this.btmType.inputRevisionFlag = false; + this.cancelRevision(); + }, + // 纭閫変腑鐢熷懡鍛ㄦ湡 + confirmLifeCycle() { + this.btmType.lifeCycleFlag = true; + this.btmType.lifeCycleId = this.lifeCycleRef.selectData.id; + this.btmType.lifeCycleName = this.lifeCycleRef.selectData.name; + this.cancelLifeCycle(); + }, + // 鍙栨秷閫変腑鐗堟湰瑙勫垯 + cancelRevision() { + this.revisionRef.selectRow = ''; + this.revisionRef.selectData = {}; + this.closeRevisionDialog(); + }, + // 鍙栨秷閫変腑鐢熷懡鍛ㄦ湡 + cancelLifeCycle() { + this.lifeCycleRef.selectRow = ''; + this.lifeCycleRef.selectData = {}; + this.closeLifeCycleDialog(); + }, + // 鐗堟湰瑙勫垯鍗曢�� + revisionClick(row) { + this.revisionRef.selectRow = row.$index; + this.revisionRef.selectData = { + id: row.id, + name: row.name, + }; + }, + // 鐢熷懡鍛ㄦ湡鍗曢�� + lifeCycleClick(row) { + this.lifeCycleRef.selectRow = row.$index; + this.lifeCycleRef.selectData = { + id: row.id, + name: row.name, + }; + }, + // 鍙栨秷鐗堟湰瑙勫垯 + clearRevision() { + this.$delete(this.btmType, 'revisionFlag'); + this.$delete(this.btmType, 'revisionRuleId'); + this.$delete(this.btmType, 'revisionRuleName'); + this.$delete(this.btmType, 'inputRevisionFlag'); + }, + // 鍙栨秷鐢熷懡鍛ㄦ湡 + clearLifeCycle() { + this.$delete(this.btmType, 'lifeCycleFlag'); + this.$delete(this.btmType, 'lifeCycleId'); + this.$delete(this.btmType, 'lifeCycleName'); + }, + // 琛ㄥ崟閲嶇疆 + resetForm() { + this.btmType = {}; + this.$refs.form.resetFields(); + }, + /** + * 鎼滅储鐗堟湰瑙勫垯 + * @param params 鎼滅储妗嗚緭鍏ュ�� {id: '',name: ''} 鐩存帴鑾峰彇灏辫 + * @param done 鎵ц瀹屾垚鍚庣殑鍥炶皟 + */ + searchRevisionRule(params,done){ + let condition = {}; + if (params.id){ + condition['id_like'] = params.id; + } + if (params.name){ + condition['name_like'] = params.name; + } + this.revisionRef.loading = true; + getPage(this.revisionRef.page.currentPage,this.revisionRef.page.pageSize,condition).then(res => { + this.revisionRef.data = res.data.data.records; + }); + setTimeout(() => { + done(); + this.revisionRef.loading = false; + }, 600); + this.$nextTick(() => { + this.$refs.revisionRef.refreshTable(); + }); + }, + /** + * 鎼滅储鐢熷懡鍛ㄦ湡 + * @param params 鎼滅储妗嗚緭鍏ュ�� + * @param done 鎵ц瀹屾垚鍚庣殑鍥炶皟 + */ + searchLifeCycle(params,done){ + let condition = {}; + if (params.id){ + condition['id_like'] = params.id; + } + if (params.name){ + condition['name_like'] = params.name; + } + this.lifeCycleRef.loading = true; + getList(this.lifeCycleRef.page.currentPage,this.lifeCycleRef.page.pageSize,condition).then(res => { + this.lifeCycleRef.data = res.data.data.records; + }); + setTimeout(() => { + done(); + this.lifeCycleRef.loading = false; + }, 600); + this.$nextTick(() => { + this.$refs.lifeCycleRef.refreshTable(); + }); + }, + // 鍙栨秷鐗堟湰瑙勫垯鎼滅储 + clearSearchRevisionRule(item){ + this.revisionRuleOnLoad(); + }, + // 鍙栨秷鐢熷懡鍛ㄦ湡鎼滅储 + clearSearchLifeCycle(item){ + this.lifeCycleOnLoad(); + console.log(item); + } + } +} +</script> + +<style> +/* 灞炴�ф睜鍙傜収鍒楄〃 */ +.attrRef > .el-card:nth-of-type(2) > .el-card__body > .avue-crud__menu { + display: none !important; +} + +.revisionRef > .el-card:nth-of-type(2) > .el-card__body > .avue-crud__menu { + display: none !important; +} + +.lifeCycleRef > .el-card:nth-of-type(2) > .el-card__body > .avue-crud__menu { + display: none !important; +} + +.btmTypeForm > .el-form-item > .el-form-item__content > .el-input > .el-input__inner { + width: 260px; +} + +.domainSelect > .el-form-item__content > .el-select > .el-input > .el-input__inner { + width: 260px; +} + +.viewFlag { + width: 360px; +} + +.viewInput > .el-form-item__content > .el-input > .el-input__inner { + width: 630px; +} + +.descClass > .el-input__inner { + width: 1000px; +} +</style> diff --git a/Source/UBCS-WEB/src/views/modeling/original.vue b/Source/UBCS-WEB/src/views/modeling/original.vue index 5b1b1f8..d555c5f 100644 --- a/Source/UBCS-WEB/src/views/modeling/original.vue +++ b/Source/UBCS-WEB/src/views/modeling/original.vue @@ -1,25 +1,43 @@ - <template> +<template> <el-container> <el-main> <basic-container> - <avue-crud v-model="form" ref="crud" :option="option" :data="data" @on-load="onLoad" :page.sync="page" :permission="permissionList" - @refresh-change="refreshChange" @row-click="rowClick" style="height: calc(100vh - 148px)"> + <avue-crud ref="crud" v-model="form" :data="data" :option="option" :page.sync="page" + :permission="permissionList" + style="height: calc(100vh - 148px)" + @on-load="onLoad" @refresh-change="refreshChange" @row-click="rowClick"> <template slot="radio" slot-scope="{row}"> <el-radio v-model="selectRow" :label="row.$index"> </el-radio> </template> <template slot="menu" slot-scope="{row,index}"> - <el-button icon="el-icon-edit" size="small" type="text" @click="updateSave(row,index)" v-if="permissionList.editBtn">缂栬緫</el-button> - <el-button icon="el-icon-delete" size="small" type="text" @click="deleteSave(row,index)" v-if="permissionList.delBtn">鍒犻櫎</el-button> + <el-button v-if="permissionList.editBtn" icon="el-icon-edit" size="small" type="text" + @click="updateSave(row,index)">缂栬緫 + </el-button> + <el-button v-if="permissionList.delBtn" icon="el-icon-delete" size="small" type="text" + @click="deleteSave(row,index)">鍒犻櫎 + </el-button> </template> - <template slot="menuLeft"> - <el-button size="small" type="primary" icon="el-icon-plus" @click="addSave" v-if="permissionList.addBtn">鏂� 澧� - </el-button> - <el-button size="small" plain type="primary" icon="el-icon-zoom-in" @click="applyRangeOpen" v-if="permissionList.apply">鏌ョ湅浣跨敤鑼冨洿 - </el-button> - <el-input placeholder="鎸夊睘鎬х紪鍙锋煡璇�" v-model="searchId" clearable prefix-icon="el-icon-search" class="attrSearch" - size="small" @change="doSearch" type="text"></el-input> - <el-button size="small" plain type="primary" icon="el-icon-search" @click="doSearch"> 鎼滅储</el-button> + <template slot="menuLeft"> + <div> + <el-button v-if="permissionList.addBtn" icon="el-icon-plus" size="small" type="primary" @click="addSave">鏂� 澧� + </el-button> + <el-button v-if="permissionList.apply" icon="el-icon-zoom-in" plain size="small" type="primary" + @click="applyRangeOpen">鏌ョ湅浣跨敤鑼冨洿 + </el-button> + <span style="width: 200px;display: inline-block"> + <el-select slot="prepend" v-model="oriValue" placeholder="璇烽�夋嫨" size="small"> + <el-option v-for="item in oriData" :key="item.prop" :label="item.label" :value="item.prop" + ></el-option> + </el-select> + </span> + <span> + <el-input v-model="searchId" class="attrSearch" clearable placeholder="璇疯緭鍏ュ唴瀹�" + prefix-icon="el-icon-search" + size="small" type="text" @change="doSearch"></el-input> + <el-button icon="el-icon-search" plain size="small" type="primary" @click="doSearch"> 鎼滅储</el-button> + </span> + </div> </template> <template slot="typeValue" slot-scope="{row}"> <el-tag>{{ row.typeValue }}</el-tag> @@ -30,68 +48,68 @@ <avue-crud v-model="applyRange.model" :option="applyRange.option" :data="applyRange.data" class="applyRangeTable" ></avue-crud> </el-dialog> --> - <Versionpackage :rangeData="applyRangeData" ref="applyRange"></Versionpackage> + <Versionpackage ref="applyRange" :rangeData="applyRangeData"></Versionpackage> </basic-container> </el-main> <el-aside> <basic-container class="itemForm"> - <div style="height: 44vh"> - <el-descriptions class="margin-top" :column="1" size="medium" border title="灞炴�ч」" > - <el-descriptions-item> - <template slot="label"> - 灞炴�х紪鍙� - </template> - {{ itemForm.itemData.id }} - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 灞炴�у悕绉� - </template> - {{ itemForm.itemData.name }} - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 灞炴�х被鍨� - </template> - {{ itemForm.itemData.typeValue }} - </el-descriptions-item> - <!-- <el-descriptions-item> - <template slot="label"> - 鏍囩 - </template> - {{ itemForm.itemData.hashtag }} - </el-descriptions-item>--> - <el-descriptions-item> - <template slot="label"> - 榛樿鍊� - </template> - {{ itemForm.itemData.defaultValue }} - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 鍏佽涓虹┖ - </template> - {{ 'true' == itemForm.itemData.nullable ? '鏄�' : '鍚�'}} - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 闀垮害 - </template> - {{ itemForm.itemData.maxLength }} - </el-descriptions-item> - <el-descriptions-item> - <template slot="label"> - 鎻忚堪 - </template> - {{ itemForm.itemData.description }} - </el-descriptions-item> - </el-descriptions> - </div> + <div style="height: 44vh"> + <el-descriptions :column="1" border class="margin-top" size="medium" title="灞炴�ч」"> + <el-descriptions-item> + <template slot="label"> + 灞炴�х紪鍙� + </template> + {{ itemForm.itemData.id }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 灞炴�у悕绉� + </template> + {{ itemForm.itemData.name }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 灞炴�х被鍨� + </template> + {{ itemForm.itemData.typeValue }} + </el-descriptions-item> + <!-- <el-descriptions-item> + <template slot="label"> + 鏍囩 + </template> + {{ itemForm.itemData.hashtag }} + </el-descriptions-item>--> + <el-descriptions-item> + <template slot="label"> + 榛樿鍊� + </template> + {{ itemForm.itemData.defaultValue }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鍏佽涓虹┖ + </template> + {{ 'true' == itemForm.itemData.nullable ? '鏄�' : '鍚�' }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 闀垮害 + </template> + {{ itemForm.itemData.maxLength }} + </el-descriptions-item> + <el-descriptions-item> + <template slot="label"> + 鎻忚堪 + </template> + {{ itemForm.itemData.description }} + </el-descriptions-item> + </el-descriptions> + </div> <div style="height: 40vh"> - <el-descriptions class="margin-top" :column="1" size="medium" border title="灞炴�ч厤缃�"></el-descriptions> - <el-tabs v-model="itemForm.activeName" @tab-click="handleClick" stretch="true" style="height:235px"> + <el-descriptions :column="1" border class="margin-top" size="medium" title="灞炴�ч厤缃�"></el-descriptions> + <el-tabs v-model="itemForm.activeName" stretch="true" style="height:235px" @tab-click="handleClick"> <el-tab-pane label="鍙傜収" name="referTab"> - <el-descriptions class="margin-top" :column="1" size="medium" border> + <el-descriptions :column="1" border class="margin-top" size="medium"> <el-descriptions-item> <template slot="label"> 浣跨敤鍙傜収 @@ -113,7 +131,7 @@ </el-descriptions> </el-tab-pane> <el-tab-pane label="鏋氫妇" name="enumTab"> - <el-descriptions class="margin-top" :column="1" :size="small" border> + <el-descriptions :column="1" :size="small" border class="margin-top"> <el-descriptions-item> <template slot="label"> 浣跨敤鏋氫妇 @@ -132,7 +150,7 @@ </div> </basic-container> </el-aside> - <originalAdd ref="originalAdd" @refreshTable="refreshChange" :attribute="editAttribute"></originalAdd> + <originalAdd ref="originalAdd" :attribute="editAttribute" @refreshTable="refreshChange"></originalAdd> </el-container> </template> @@ -151,6 +169,22 @@ name: "original", data() { return { + oriData: [ + { + label: "灞炴�х紪鍙�", + prop: "id", + align: "left", + display: false, + width: 200, + required: true + }, { + label: "灞炴�у悕绉�", + prop: "name", + align: "left", + display: false + } + ], + oriValue: "id", page: { pageSize: 10, currentPage: 1, @@ -165,8 +199,8 @@ editAttribute: {}, applyRangeData: [], option: { - height:'auto', - calcHeight:20, + height: 'auto', + calcHeight: 20, headerAlign: "center", border: true, index: true, @@ -179,7 +213,7 @@ addBtn: false, editBtn: false, delBtn: false, - columnBtn:false, + columnBtn: false, column: [{ label: "閫夋嫨", prop: "radio", @@ -256,21 +290,21 @@ itemForm: { itemData: {}, activeName: "referTab", - enumInitFlag:false, + enumInitFlag: false, referInitFlag: false, form: {} }, searchId: '', }; }, - computed:{ + computed: { ...mapGetters(["permission"]), - permissionList(){ - return{ - addBtn:this.vaildData(this.permission.modeling_original.original_add,false), - apply:this.vaildData(this.permission.modeling_original.original_applyopen,false), - delBtn:this.vaildData(this.permission.modeling_original.original_delete,false), - editBtn:this.vaildData(this.permission.modeling_original.original_edit,false), + permissionList() { + return { + addBtn: this.vaildData(this.permission.modeling_original.original_add, false), + apply: this.vaildData(this.permission.modeling_original.original_applyopen, false), + delBtn: this.vaildData(this.permission.modeling_original.original_delete, false), + editBtn: this.vaildData(this.permission.modeling_original.original_edit, false), } }, }, @@ -286,7 +320,7 @@ newAttr.nullable = true; this.$refs.originalAdd.attribute = newAttr; }, - updateSave(row,index) { + updateSave(row, index) { this.selectRow = index; var json = JSON.stringify(row); this.editAttribute = JSON.parse(json); @@ -299,7 +333,7 @@ this.$refs.originalAdd.referInitFlag = this.itemForm.referInitFlag; // this.refreshChange() }, - deleteSave(row,index) { + deleteSave(row, index) { this.$confirm("鍒犻櫎鍏冩暟鎹皢鏃犳硶琚仮澶�, 鏄惁缁х画?", "鎻愮ず", { iconClass: 'el-icon-question', confirmButtonText: "纭畾", @@ -330,12 +364,12 @@ this.attribute = row; this.checkUsingReferDict(row); }, - checkUsingReferDict(row){ - if (row.referToId !== null && row.referToId !== ""){ + checkUsingReferDict(row) { + if (row.referToId !== null && row.referToId !== "") { this.itemForm.activeName = 'referTab'; this.itemForm.referInitFlag = true; this.itemForm.enumInitFlag = false; - }else if (row.usingDict === 'true'){ + } else if (row.usingDict === 'true') { this.itemForm.activeName = 'enumTab'; this.itemForm.referInitFlag = false; this.itemForm.enumInitFlag = true; @@ -344,7 +378,7 @@ this.itemForm.itemData.dictValue = this.editAttribute.dictValue; this.$refs.originalAdd.dictEnums = res.data.data; }) - }else { + } else { this.itemForm.activeName = 'referTab'; this.itemForm.referInitFlag = true; this.itemForm.enumInitFlag = false; @@ -369,22 +403,25 @@ }); }, - doSearch(){ - var params = {"id_like":this.searchId}; - this.onLoad(this.page,params); + doSearch() { + + var params = {[this.oriValue + "_like"]: this.searchId}; + this.onLoad(this.page, params); } }, - components: { Versionpackage } + components: {Versionpackage} } </script> <style lang="scss"> -.applyRangeTable>.el-card:nth-of-type(2)>.el-card__body>.avue-crud__menu { +.applyRangeTable > .el-card:nth-of-type(2) > .el-card__body > .avue-crud__menu { display: none !important; } + .attrSearch { - width:201px; + width: 201px; } + .attrSearch > .el-input__inner { width: 200px; } -- Gitblit v1.9.3