From a71535cf11e40a03585366f016266e3fbb1df15a Mon Sep 17 00:00:00 2001 From: 田源 <lastanimals@163.com> Date: 星期四, 07 十二月 2023 15:34:58 +0800 Subject: [PATCH] 编码规则样式处理 --- Source/UBCS-WEB/src/views/code/code.vue | 356 ++++++++++++++++++++++++++++++----------------------------- 1 files changed, 182 insertions(+), 174 deletions(-) diff --git a/Source/UBCS-WEB/src/views/code/code.vue b/Source/UBCS-WEB/src/views/code/code.vue index 3bb59dd..e5f4d23 100644 --- a/Source/UBCS-WEB/src/views/code/code.vue +++ b/Source/UBCS-WEB/src/views/code/code.vue @@ -2,144 +2,147 @@ <basic-container class="code-total" style=" height: 100%"> <!-- 缂栫爜瑙勫垯淇℃伅灞曠ず鍖哄煙 --> <basic-container class="code-rule-container"> - <p - style=" + <div style="height: 40vh;overflow: auto;"> + <p + style=" margin-top: -5px; margin-bottom: 4px; font-weight: 570; font-size: 19px; color: #0e2d5f; " - > - 缂栫爜瑙勫垯 - </p> - <avue-crud - ref="crud" - v-model="ruleForm" - :before-open="beforeOpen" - :data="data" - :option="optionRule" - :page.sync="page" - :permission="permissionList" - :table-loading="loading" - class="code-rule-crud" - @row-click="codeRuleRowClick" - @row-update="rowUpdate" - @row-save="rowSave" - @search-change="searchChange" - @search-reset="searchReset" - @selection-change="selectionChange" - @current-change="currentChange" - @size-change="sizeChange" - @refresh-change="refreshChange" - @on-load="onLoad" - > - <!-- 琛ㄦ牸鍐呮搷浣滄寜閽� --> - <template slot="menu" slot-scope="scope"> - <el-button v-if="permissionList.editBtn && (scope.row.lcStatus == 'Editing' ? true : false)" - icon="el-icon-edit" - plain - size="small" - type="text" - @click="openEdit(scope.row)" - >缂� 杈� - </el-button> - <el-button v-if="permissionList.releaseBtn && (scope.row.lcStatus == 'Editing' ? true : false)" - :loading="releadDisabled" - icon="el-icon-position" - plain - size="small" - type="text" - @click="enableOrDeactivatse(scope.row.oid, 'release')" - >鍙� 甯� - </el-button> - <el-button v-if="permissionList.deactivateBtn && (scope.row.lcStatus == 'Released' ? true : false)" - icon="el-icon-video-pause" - plain - size="small" - type="text" - @click="enableOrDeactivatse(scope.row.oid, 'disable')" - >鍋� 鐢� - </el-button> - <el-button v-if="permissionList.enableBtn && (scope.row.lcStatus == 'Disabled' ? true : false)" - icon="el-icon-video-play" - plain - size="small" - type="text" - @click="enableOrDeactivatse(scope.row.oid, 'enable')" - >鍚� 鐢� - </el-button> - </template> - <!-- 琛ㄦ牸涓婃柟鎸夐挳鍖哄煙 --> - <template slot="menuLeft" slot-scope="scope"> - <el-button v-if="permissionList.rulDelBtn" - icon="el-icon-delete" - plain - size="small" - type="danger" - @click="handleDelete" - > - 鍒� 闄� - </el-button> - <el-button v-if="permissionList.advancedQueryBtn" - icon="el-icon-search" - plain - size="small" - type="primary" - @click="openAdvancedQuery('codeRule')"> - 楂樼骇鏌ヨ - </el-button> - <el-button v-if="permissionList.cloneBtn" - icon="icon-kelong" - plain - size="small" - @click="openCodeRuleDialog" - > - 鍏� 闅� - </el-button> - <el-button v-if="permissionList.otherCloneBtn" - icon="icon-lianjiekelong" - plain - size="small" - style="font-size: 12px" - @click="openOtherCodeRuleDialog" - > - 浠庡叾浠栬鍒欎腑鍏嬮殕鐮佹 - </el-button> - <el-button v-if="permissionList.usescopeBtn" - icon="el-icon-s-help" - plain - size="small" - @click="handleRange" - > - 浣跨敤鑼冨洿 - </el-button> - <el-button v-if="permissionList.clearBtn" - icon="icon-qingkong" - plain - size="small" - @click="clearAllCodeSec" - > - 娓呯┖鐮佸�� - </el-button> - <el-button v-if="permissionList.escapeOwnerBtn" - icon="el-icon-guide" - plain - size="small" - @click="escapeOwner" - > - 杞Щ鎵�鏈夎�� - </el-button> - <el-button v-if="permissionList.maxSerialnumBtn" - icon="el-icon-data-analysis" - plain - size="small" - @click="maxSerialNum" - > - 鏈�澶ф祦姘村彿 - </el-button> - </template> - </avue-crud> + > + 缂栫爜瑙勫垯 + </p> + <avue-crud + ref="crud" + v-model="ruleForm" + :before-open="beforeOpen" + :data="data" + :option="optionRule" + :page.sync="page" + :permission="permissionList" + :table-loading="loading" + class="code-rule-crud" + @row-click="codeRuleRowClick" + @row-update="rowUpdate" + @row-save="rowSave" + @search-change="searchChange" + @search-reset="searchReset" + @selection-change="selectionChange" + @current-change="currentChange" + @size-change="sizeChange" + @refresh-change="refreshChange" + @on-load="onLoad" + > + <!-- 琛ㄦ牸鍐呮搷浣滄寜閽� --> + <template slot="menu" slot-scope="scope"> + <el-button v-if="permissionList.editBtn && (scope.row.lcStatus == 'Editing' ? true : false)" + icon="el-icon-edit" + plain + size="small" + type="text" + @click="openEdit(scope.row)" + >缂� 杈� + </el-button> + <el-button v-if="permissionList.releaseBtn && (scope.row.lcStatus == 'Editing' ? true : false)" + :loading="releadDisabled" + icon="el-icon-position" + plain + size="small" + type="text" + @click="enableOrDeactivatse(scope.row.oid, 'release')" + >鍙� 甯� + </el-button> + <el-button v-if="permissionList.deactivateBtn && (scope.row.lcStatus == 'Released' ? true : false)" + icon="el-icon-video-pause" + plain + size="small" + type="text" + @click="enableOrDeactivatse(scope.row.oid, 'disable')" + >鍋� 鐢� + </el-button> + <el-button v-if="permissionList.enableBtn && (scope.row.lcStatus == 'Disabled' ? true : false)" + icon="el-icon-video-play" + plain + size="small" + type="text" + @click="enableOrDeactivatse(scope.row.oid, 'enable')" + >鍚� 鐢� + </el-button> + </template> + <!-- 琛ㄦ牸涓婃柟鎸夐挳鍖哄煙 --> + <template slot="menuLeft" slot-scope="scope"> + <el-button v-if="permissionList.rulDelBtn" + icon="el-icon-delete" + plain + size="small" + type="danger" + @click="handleDelete" + > + 鍒� 闄� + </el-button> + <el-button v-if="permissionList.advancedQueryBtn" + icon="el-icon-search" + plain + size="small" + type="primary" + @click="openAdvancedQuery('codeRule')"> + 楂樼骇鏌ヨ + </el-button> + <el-button v-if="permissionList.cloneBtn" + icon="icon-kelong" + plain + size="small" + @click="openCodeRuleDialog" + > + 鍏� 闅� + </el-button> + <el-button v-if="permissionList.otherCloneBtn" + icon="icon-lianjiekelong" + plain + size="small" + style="font-size: 12px" + @click="openOtherCodeRuleDialog" + > + 浠庡叾浠栬鍒欎腑鍏嬮殕鐮佹 + </el-button> + <el-button v-if="permissionList.usescopeBtn" + icon="el-icon-s-help" + plain + size="small" + @click="handleRange" + > + 浣跨敤鑼冨洿 + </el-button> + <el-button v-if="permissionList.clearBtn" + icon="icon-qingkong" + plain + size="small" + @click="clearAllCodeSec" + > + 娓呯┖鐮佸�� + </el-button> + <el-button v-if="permissionList.escapeOwnerBtn" + icon="el-icon-guide" + plain + size="small" + @click="escapeOwner" + > + 杞Щ鎵�鏈夎�� + </el-button> + <el-button v-if="permissionList.maxSerialnumBtn" + icon="el-icon-data-analysis" + plain + size="small" + @click="maxSerialNum" + > + 鏈�澶ф祦姘村彿 + </el-button> + </template> + </avue-crud> + </div> + </basic-container> <!-- 楂樼骇鏌ヨ瀵硅瘽妗� --> @@ -217,6 +220,7 @@ <!-- 鍩虹鐮佹灞曠ず鍖哄煙 --> <basic-container class="code-basicsec-container"> + <div style="height: 38.5vh;overflow: auto"> <p style="margin-top: -5px; margin-bottom: 4px; @@ -316,6 +320,7 @@ </el-button> </template> </avue-crud> + </div> </basic-container> <!-- 鐮佹鐮佸�肩鐞嗗璇濇 --> @@ -669,12 +674,12 @@ :disabled="basicSecOnlyRead" style="margin-right: 20px" ></el-switch> - <el-input-number + <!-- <el-input-number v-show="form.serialDependFlag" v-model="form.serialDependOrder" :readonly="basicSecOnlyRead" controls-position="right" - ></el-input-number> + ></el-input-number> --> </el-form-item> <el-form-item :label-width="leftFormLabelWidth" label="鏄惁涓虹┖:"> @@ -887,13 +892,9 @@ :display="true" :value="form.customCodeSerialClass" :text="form.customCodeSerialClassText" + :serialType="form.serialType" @setReferValue="setReferValue" ></vciWebRefer> -<!-- <el-input--> -<!-- v-model="form.customCodeSerialClass"--> -<!-- :readonly="basicSecOnlyRead"--> -<!-- @focus="streamFocusHandler"--> -<!-- ></el-input>--> </template> @@ -1369,13 +1370,15 @@ title: '鑷畾涔夋祦姘村弬鐓�', showField: 'customCodeSerialClassText', field: 'customCodeSerialClass', - fieldMap: {}, + fieldMap: { + serialType:"serialType" + }, placeholder:'璇烽�夋嫨鑷畾涔夋祦姘�', options: { // 璁剧疆榛樿鐨勫睘鎬� url: 'api/ubcs-code/codeSerialAlgorithmController/gridCodeSerialAlgorithm', + textField:'name', valueField:'classFullName', - textField:'classFullName', isMuti: false, type: "grid", method: 'get', @@ -1388,6 +1391,7 @@ {title: '绠楁硶缂栧彿', field: 'id', width: 200}, {title: '绠楁硶鍚嶇О', field: 'name', width: 150}, {title: '绫诲叏璺緞', field: 'classFullName', width: 300}, + {title: '绫诲瀷', field: 'serialType', width: 300}, {title: '鎻忚堪', field: 'description'} ], queryColumns: [ @@ -1620,7 +1624,7 @@ secType: "codefixedsec", //鐮佹绫诲瀷 description: "", //鎻忚堪 serialDependFlag: false, //鏄惁娴佹按渚濊禆 - serialDependOrder: "", //娴佹按渚濊禆椤哄簭 + //serialDependOrder: "", //娴佹按渚濊禆椤哄簭 nullableFlag: false, //鏄惁涓虹┖ prefixCode: "", //鍓嶇紑 suffixCode: "", //鍚庣紑 @@ -1717,7 +1721,12 @@ methods: { //鑷畾涔夋祦姘村け鐒� setReferValue(data){ - console.log(data) + if(data.field){ + this.form[data.field] = data.value || ""; + this.form[data.showField] = data.text || ""; + this.form.serialType = data.rawData[0].serialType || ""; + + } }, /** 杞Щ瑙勫垯鎵�鏈夎�呭璇濇 */ escapeOwner() { @@ -1777,7 +1786,7 @@ //杞崲鎴怞SON瀛楃涓茶繘琛岀埗缁勪欢鍥炴樉 let submitFormJson = JSON.stringify(content); this.form.referConfig = submitFormJson || ""; - debugger; + // debugger; }, /** 寮曠敤鐮佹涓恒�愬弬鐓у紩鐢ㄧ殑涓氬姟绫诲瀷銆戦�夊彇鍊间箣鍚庣殑鍐呭鍥炴樉鏃惰皟鐢� */ echoReferBtmType(content) { @@ -2522,8 +2531,7 @@ this.releadDisabled = false; }); } - }) - .catch((error) => { + }).catch((error) => { this.releadDisabled = false; }); this.releadDisabled = false; @@ -2776,12 +2784,11 @@ } //console.log(this.form); //涓篺orm缁戝畾鍊� - this.changeSectypeFormItems(condition == "add" ? null : row); + this.changeSectypeFormItems(condition == "add" ? null:row); this.addBasicCodeSettingBox = true; }, /** 鏂板鍩虹鐮佹*/ async saveOrEditBasicCode() { - this.isLoadingSecCodeAddBtn = true; if ( this.selectionList[0].oid == null || this.selectionList[0].oid == "" @@ -2789,25 +2796,28 @@ this.$message.warning("缂哄け蹇呰鍙傛暟锛岃閲嶆柊閫夋嫨缂栫爜瑙勫垯鍚庡啀璇�!"); return; } + if (!this.checkForm()) { + return; + } + this.isLoadingSecCodeAddBtn = true; this.form.pkCodeRule = this.selectionList[0].oid; if (this.form.oid == "" || this.form.oid == null) { - if (this.checkForm()) { - await addSave(this.form).then( - () => { - this.$message({ - type: "success", - message: "鎿嶄綔鎴愬姛!", - }); - // 鍏抽棴瀵硅瘽妗� - this.addBasicCodeSettingBox = false; - // 鐐瑰嚮鏂板鍩虹鐮佹,鍏抽棴绐楀彛涔嬪悗瑙﹀彂閲嶆柊鍔犺浇 - this.loadBasic(this.selectionList[0]); - }, - (error) => { - window.console.log(error); - } - ); - } + await addSave(this.form).then( + () => { + this.$message({ + type: "success", + message: "鎿嶄綔鎴愬姛!", + }); + console.log(this.form) + // 鍏抽棴瀵硅瘽妗� + this.addBasicCodeSettingBox = false; + // 鐐瑰嚮鏂板鍩虹鐮佹,鍏抽棴绐楀彛涔嬪悗瑙﹀彂閲嶆柊鍔犺浇 + this.loadBasic(this.selectionList[0]); + }, + (error) => { + window.console.log(error); + } + ); } else { // 鍙兘鍙傜収寮曠敤鐨勪笟鍔$被鍨嬩細鍙戠敓鏀瑰彉鎵�浠ヨ繖鍎跨洿鎺ュreferConfig鐨刯son杩涜鏀瑰彉 if ( @@ -2821,7 +2831,7 @@ // let referValueInfo = JSON.parse(this.form.referValueInfo); // referValueInfo.referType = this.form.referBtmId; } - let oldBasicSec = this.selectionBasicList.at(-1); + let oldBasicSec = this.selectionBasicList.slice(-1)[0]; let secType = this.form.secType; Vue.set(this.form, 'isClearValue', false); if ((oldBasicSec.secType == "codefixedsec" || oldBasicSec.secType === "codeclassifysec") && oldBasicSec.secType != secType) { @@ -3062,7 +3072,7 @@ if (!this.tipsMessage(this.selectionBasicList)) { return; } - if (this.selectionList.at(-1).lcStatus != "Editing") { + if (this.selectionList.slice(-1)[0].lcStatus != "Editing") { this.$message.warning('缂栫爜瑙勫垯鐘舵�佷笉鏄�"缂栬緫涓�"锛屼笉鍏佽鍒犻櫎鐮佹!'); return; } @@ -3208,7 +3218,7 @@ }, /** 鍩虹鐮佹鍒锋柊鏃舵煡璇�*/ refreshChangeBasicSec() { - this.loadBasic(this.selectionList.at(-1)); + this.loadBasic(this.selectionList.slice(-1)[0]); }, /** 鎿嶄綔鍩虹鐮佹涓悳绱㈡竻绌虹瓑鎸夐挳鐨勬樉绀�/闅愯棌*/ hideBasicTable(hideBoolean) { @@ -3284,6 +3294,7 @@ }, /** 鐮佹绫诲瀷鏀瑰彉鏃讹紝澧炲姞瀵瑰簲鐨刦orm琛ㄥ崟涓殑灞炴��*/ changeSectypeFormItems(row) { + //console.log(row) if ( func.isEmpty(this.enumParam.secTypeList) || this.enumParam.secTypeList.length == 0 @@ -3297,13 +3308,14 @@ secType: row != null ? row.secType : this.form.secType, //鐮佹绫诲瀷 description: row != null ? row.description : this.form.description, //鎻忚堪 serialDependFlag: this.isNullJsonBoolean(row, this.form, 'serialDependFlag'), //鏄惁娴佹按渚濊禆 - serialDependOrder: row != null ? row.serialDependOrder : this.form.serialDependOrder, //娴佹按渚濊禆椤哄簭 + //serialDependOrder: row != null ? row.serialDependOrder : this.form.serialDependOrder, //娴佹按渚濊禆椤哄簭 nullableFlag: this.isNullJsonBoolean(row, this.form, 'nullableFlag'), //鏄惁涓虹┖ displayFlag: this.isNullJsonBoolean(row, this.form, 'displayFlag'), componentCodeFlag: this.isNullJsonBoolean(row, this.form, 'componentCodeFlag'), //鏄惁鍙備笌缂栫爜 pkCodeRule: row != null ? row.pkCodeRule : this.form.pkCodeRule, //鎵�灞炵紪鐮佽鍒� prefixCode: row != null ? row.prefixCode : this.form.prefixCode, //鍓嶇紑 suffixCode: row != null ? row.suffixCode : this.form.suffixCode, //鍚庣紑 + // customCodeSerialClass: row != null ? row.customCodeSerialClass : this.form.customCodeSerialClass }; if (this.form.secType === "codefixedsec") { //鍥哄畾鐮佹 @@ -3542,10 +3554,6 @@ font-size: 12px !important; } -.code-rule-crud > .avue-crud__search, -.code-basic-crud > .avue-crud__search { - margin-bottom: -15px; -} .clone-input-textarea > .el-form-item__content { width: 495px; @@ -3664,7 +3672,7 @@ .right { /* float: right; */ - margin-right: 2vw; + /* margin-right: 1vw; */ height: 100%; width: auto; } -- Gitblit v1.9.3