From e55cf23dc536ce06b9a8b14edd889215956c1eda Mon Sep 17 00:00:00 2001
From: ludc
Date: 星期五, 21 四月 2023 19:30:16 +0800
Subject: [PATCH] 增加弹窗界面，以及代码整合
---
Source/UBCS-WEB/src/views/code/addbasiccode.vue | 149 +++++++++++++++++++++++++++++++++++--------------
1 files changed, 105 insertions(+), 44 deletions(-)
diff --git a/Source/UBCS-WEB/src/views/code/addbasiccode.vue b/Source/UBCS-WEB/src/views/code/addbasiccode.vue
index 99e6140..2a75dd8 100644
--- a/Source/UBCS-WEB/src/views/code/addbasiccode.vue
+++ b/Source/UBCS-WEB/src/views/code/addbasiccode.vue
@@ -1,4 +1,5 @@
<template>
+
<div class="total">
<span class="left">
<el-form :model="form">
@@ -13,10 +14,10 @@
<el-form-item label="鐮佹绫诲瀷" :label-width="leftFormLabelWidth" prop="codefixedsec">
<el-select v-model="form.sectype" placeholder="璇烽�夋嫨" @change="changeSectypeFormItems">
- <el-option
+ <el-option
v-for="item in sectypeList"
:key="item.dictValue"
- :label="item.dictValue"
+ :label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
@@ -34,7 +35,7 @@
<el-form-item label="鏄惁涓虹┖:" :label-width="leftFormLabelWidth">
<el-switch v-model="form.nullableFlag"></el-switch>
</el-form-item>
-
+
</el-form>
</span>
<el-divider direction="vertical"></el-divider>
@@ -44,10 +45,10 @@
<el-form v-show="form.sectype==='codefixedsec' ? true:false">
<el-form-item label="鐮佹闀垮害绫诲瀷:" :label-width="rightFormLabelWidth">
<el-select v-model="form.codeSecLengthType" placeholder="璇烽�夋嫨">
- <el-option
+ <el-option
v-for="item in codeSecLengthType"
:key="item.dictValue"
- :label="item.dictValue"
+ :label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
@@ -60,16 +61,37 @@
<!-- 灞炴�х爜娈� -->
<el-form v-show="form.sectype==='codeattrsec' ? true:false">
<el-form-item label="灞炴��:" :label-width="rightFormLabelWidth">
- <el-input v-model="form.referAttributeName"></el-input>
+ <el-input
+ placeholder="璇烽�夋嫨"
+ suffix-icon="el-icon-search"
+ readonly="true"
+ v-model="form.referAttributeName"
+ @focus="openAttrSelectOrGetValue('attr')">
+ <span slot="suffix">
+ <i class="el-icon-circle-close" @click="clearAttrDataByIcon('attr')" style="margin-right: 5px;cursor: pointer;"></i>
+ </span>
+ </el-input>
</el-form-item>
<el-form-item label="灞炴�ф墍鍦ㄥ垎绫�:" :label-width="rightFormLabelWidth">
- <el-input v-model="form.referCodeClassifyOidName"></el-input>
+ <el-input
+ v-model="form.referCodeClassifyOidName"
+ disabled>
+ </el-input>
</el-form-item>
<el-form-item label="鍙栧�艰鍒�:" :label-width="rightFormLabelWidth">
- <el-input v-model="form.getValueClass"></el-input>
+ <el-input
+ placeholder="璇烽�夋嫨"
+ suffix-icon="el-icon-search"
+ readonly="true"
+ v-model="form.getValueClass"
+ @focus="openAttrSelectOrGetValue('value')">
+ <span slot="suffix">
+ <i class="el-icon-circle-close" @click="clearAttrDataByIcon('value')" style="margin-right: 5px;cursor: pointer;"></i>
+ </span>
+ </el-input>
</el-form-item>
</el-form>
-
+
<!-- 娴佹按鐮佹 -->
<el-form v-show="form.sectype==='codeserialsec' ? true:false">
<el-form-item label="鐮佹鐨勯暱搴�:" :label-width="rightFormLabelWidth">
@@ -93,10 +115,10 @@
</el-form-item>
<el-form-item label="琛ヤ綅鏃剁殑瀛楃:" :label-width="rightFormLabelWidth">
<el-select v-model="form.codeFillSeparatorSelect" filterable placeholder="璇烽�夋嫨">
- <el-option
+ <el-option
v-for="item in codeFillSeparator"
:key="item.dictValue"
- :label="item.dictValue"
+ :label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
@@ -119,10 +141,10 @@
<el-form v-show="form.sectype==='codelevelsec' ? true:false">
<el-form-item label="灞傜骇绫诲瀷:" :label-width="rightFormLabelWidth">
<el-select v-model="form.codeLevelType" placeholder="璇烽�夋嫨">
- <el-option
+ <el-option
v-for="item in codeLevelType"
:key="item.dictValue"
- :label="item.dictValue"
+ :label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
@@ -135,7 +157,7 @@
<el-option
v-for="item in codeCutType"
:key="item.dictValue"
- :label="item.dictValue"
+ :label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
@@ -145,7 +167,7 @@
<el-option
v-for="item in codeGetValueType"
:key="item.dictValue"
- :label="item.dictValue"
+ :label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
@@ -161,7 +183,7 @@
<el-input v-model="form.referConfig"></el-input>
</el-form-item>
</el-form>
-
+
<!-- 鏃ユ湡鐮佹 -->
<el-form v-show="form.sectype==='codedatesec' ? true:false">
<el-form-item label="鏃ユ湡鏍煎紡:" :label-width="rightFormLabelWidth">
@@ -173,10 +195,10 @@
<el-form v-show="form.sectype==='codeclassifysec' ? true:false">
<el-form-item label="鐮佹闀垮害绫诲瀷:" :label-width="rightFormLabelWidth">
<el-select v-model="form.codeSecLengthType" placeholder="璇烽�夋嫨">
- <el-option
+ <el-option
v-for="item in codeSecLengthType"
:key="item.dictValue"
- :label="item.dictValue"
+ :label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
@@ -199,20 +221,20 @@
</el-form-item>
<el-form-item label="缂栫爜琛ヤ綅鏂瑰紡:" :label-width="rightFormLabelWidth">
<el-select v-model="form.codeFillType" placeholder="璇烽�夋嫨">
- <el-option
+ <el-option
v-for="item in codeFillType"
:key="item.dictValue"
- :label="item.dictValue"
+ :label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="琛ヤ綅鏃剁殑瀛楃:" :label-width="rightFormLabelWidth">
<el-select v-model="form.codeFillSeparatorSelect" placeholder="璇烽�夋嫨">
- <el-option
+ <el-option
v-for="item in codeFillSeparator"
:key="item.dictValue"
- :label="item.dictValue"
+ :label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
@@ -220,12 +242,14 @@
</el-form>
</span>
+
</div>
+
</template>
<script>
import { addSave } from "@/api/code/codebasic";
-import { getDictionary } from "@/api/omd/dictbiz";
+import { getDictionary } from "@/api/omd/dict";
export default {
name: "addBasicCode",
data() {
@@ -241,7 +265,6 @@
displayFlag: false, //
componentCodeFlag: false, //鏄惁鍙備笌缂栫爜
pkCodeRule: '', //鎵�灞炵紪鐮佽鍒�
- //valueCutType: "code_cut_none", //瀛楃鎴彇绫诲瀷
},
sectypeList:[], //鐮佹绫诲瀷
codeSecLengthType:[], //鐮佹闀垮害绫诲瀷
@@ -262,6 +285,48 @@
},
methods: {
+
+ //鍏紡鍐呭鍥炶皟鍒板瓙缁勪欢杩涜鍥炴樉
+ saveFormulaContent(data){
+ console.log(data);
+ this.form.getValueClass = data;
+ },
+
+ // 涓哄睘鎬ч�夊彇鍊间箣鍚庣殑鍥炴樉
+ selectedListClassifyLinkAttr(data){
+ //console.log(data);
+ this.form = Object.assign({}, this.form, {
+ referAttributeId:data.referAttributeId,
+ referAttributeName:data.referAttributeName,
+ referCodeClassifyOid: data.referCodeClassifyOid,
+ referCodeClassifyOidName: data.referCodeClassifyOidName,
+ })
+ },
+
+ // 鎵撳紑涓哄睘鎬ч�夊彇鍊兼垨鑰呭彇鍊艰鍒欑獥鍙�
+ openAttrSelectOrGetValue(condition){
+ if(condition === 'attr'){
+ //console.log('attr');
+ //璋冪敤鐖剁粍浠剁殑鏂规硶
+ this.$emit('openAttrSelectOrGetValue')
+ }else if(condition === 'value'){
+ //console.log('value');
+ this.$emit('openformulaEdit')
+ }
+ },
+
+ // 鐐瑰嚮杈撳叆妗嗙殑脳鍙凤紝娓呯┖杈撳叆妗嗕腑鐨勫唴瀹�
+ clearAttrDataByIcon(condition){
+ if(condition === 'attr'){
+ this.form.referAttributeName = '';
+ this.form.referAttributeId = '';
+ this.form.referCodeClassifyOid = '';
+ this.form.referCodeClassifyOidName = '';
+ }else if(condition === 'value'){
+ this.form.getValueClass = '';
+ }
+ },
+
addSave(pkCodeRule) {
this.form.pkCodeRule = pkCodeRule;
console.log(this.form);
@@ -274,7 +339,7 @@
window.console.log(error);
});
},
-
+
loadCodeSecType(){
getDictionary({code: "codeBasicSecType"}).then(res=>{
this.sectypeList = res.data.data;
@@ -319,19 +384,19 @@
console.log(this.codeGetValueType);
})
},
-
+
// 鐮佹绫诲瀷鏀瑰彉鏃讹紝澧炲姞瀵瑰簲鐨刦orm琛ㄥ崟涓殑灞炴��
changeSectypeFormItems(){
if(this.form.sectype==='codefixedsec'){
//鍥哄畾鐮佹
- this.form = Object.assign({}, this.form,{
- codeSecLength: '',
+ this.form = Object.assign({}, this.form,{
+ codeSecLength: '',
codeSecLengthType: 'code_sec_length_variable'
});
this.loadCodeSecLength();
}else if(this.form.sectype==='codeattrsec'){
//灞炴�х爜娈�
- this.form = Object.assign({}, this.form, {
+ this.form = Object.assign({}, this.form, {
referCodeClassifyOid: '', //灞炴�d
referCodeClassifyOidName: '', //灞炴�ф墍鍦ㄥ垎绫�
referAttributeId: '', //灞炴�х紪鍙�
@@ -340,7 +405,7 @@
});
}else if(this.form.sectype==='codeserialsec'){
//娴佹按鐮佹
- this.form = Object.assign({}, this.form,{
+ this.form = Object.assign({}, this.form,{
codeSecLength: '', //鐮佹鐨勯暱搴�
serialStart: '1', //娴佹按鍙疯捣濮嬪��
serialStep: '1', //娴佹按鐨勬闀�
@@ -356,9 +421,9 @@
this.loadCodeFillSeparator();
}else if(this.form.sectype==='codelevelsec'){
//灞傜骇鐮佹
- this.form = Object.assign({}, this.form,{
+ this.form = Object.assign({}, this.form,{
codeLevelType: 'code_level_min', //灞傜骇绫诲瀷 鏋氫妇鏌ヨ
- codeLevelValue: '', //灞傜骇鐨勫��
+ codeLevelValue: '', //灞傜骇鐨勫��
valueCutType: 'code_cut_none', //瀛楃鎴彇绫诲瀷 鏋氫妇鏌ヨ
valueCutLength: '', //
codeGetValueType: 'code_get_value_all_up', //鍙栧�肩被鍨� 鏋氫妇鏌ヨ
@@ -368,19 +433,19 @@
this.loadCodeGetValueType();
}else if(this.form.sectype==='coderefersec'){
//寮曠敤鐮佹
- this.form = Object.assign({}, this.form,{
+ this.form = Object.assign({}, this.form,{
referBtmId: '', //鍙傜収寮曠敤鐨勪笟鍔＄被鍨嬶紝鐨刬d
referBtmName: '', //鍙傜収寮曠敤鐨勪笟鍔＄被鍨�
referConfig: '' //鍙傜収閰嶇疆
});
}else if(this.form.sectype==='codedatesec'){
//鏃ユ湡鐮佹
- this.form = Object.assign({}, this.form,{
+ this.form = Object.assign({}, this.form,{
codeDateFormatStr: '', //鏃ユ湡鏍煎紡
});
}else if(this.form.sectype==='codeclassifysec'){
//鍒嗙被鐮佹
- this.form = Object.assign({}, this.form,{
+ this.form = Object.assign({}, this.form,{
codeSecLengthType: 'code_sec_length_variable', //鐮佹闀垮害绫诲瀷
codeSecLength: '', //鐮佹鐨勯暱搴�
matchClassifyValueFlag: 'false', //鏄惁鑷姩鍖归厤鍊�
@@ -390,7 +455,7 @@
this.loadCodeSecLength();
}else if(this.form.sectype==='codevariablesec'){
//鍙彉鐮佹
- this.form = Object.assign({}, this.form,{
+ this.form = Object.assign({}, this.form,{
codeSecLength: '', //鐮佹鐨勯暱搴�
codeFillType: 'code_fill_right', //缂栫爜閮ㄤ綅鏂瑰紡锛屾灇涓炬煡璇�
codeFillSeparatorSelect: '0', //閫変腑鐨勮ˉ浣嶆椂鐨勫瓧绗︾殑涓嬫爣
@@ -402,10 +467,6 @@
//console.log(this.form);
}
-
-
-
-
}
};
</script>
@@ -414,10 +475,10 @@
.total{
height: 420px;
width: 100%;
-
+
}
- .total .el-input__inner,.el-textarea__inner {
+ .total .el-input__inner,.total .el-textarea__inner {
width: 220px;
}
@@ -426,14 +487,14 @@
height: 31.5em;
margin: 0 5px;
}
-
+
.left {
float: left;
width: 49%;
/* border-right: 2px rgb(0, 0, 0); */
}
.right {
- float: right;
+ float: right;
width: 49%;
/* border-left: 2px rgb(0, 0, 0); */
}
--
Gitblit v1.9.3