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 | 81 +++++++++++++++++++++++++++++++++++-----
1 files changed, 71 insertions(+), 10 deletions(-)
diff --git a/Source/UBCS-WEB/src/views/code/addbasiccode.vue b/Source/UBCS-WEB/src/views/code/addbasiccode.vue
index a1e71e2..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">
@@ -60,13 +61,34 @@
<!-- 灞炴�х爜娈� -->
<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>
@@ -220,7 +242,9 @@
</el-form>
</span>
+
</div>
+
</template>
<script>
@@ -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);
@@ -402,10 +467,6 @@
//console.log(this.form);
}
-
-
-
-
}
};
</script>
@@ -417,7 +478,7 @@
}
- .total .el-input__inner,.el-textarea__inner {
+ .total .el-input__inner,.total .el-textarea__inner {
width: 220px;
}
@@ -444,4 +505,4 @@
.el-input-number > .el-input > .el-input__inner{
width: 180px;
}
-</style>
+</style>
\ No newline at end of file
--
Gitblit v1.9.3