From dcf9c9e0410fe1186239e3f8d6f7bdc789c08010 Mon Sep 17 00:00:00 2001
From: lzhe <lzhe@example.com>
Date: 星期三, 05 六月 2024 18:00:39 +0800
Subject: [PATCH] 1
---
src/views/notification/editconfiguration.vue | 166 ++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 140 insertions(+), 26 deletions(-)
diff --git a/src/views/notification/editconfiguration.vue b/src/views/notification/editconfiguration.vue
index d2f0c88..cb6daff 100644
--- a/src/views/notification/editconfiguration.vue
+++ b/src/views/notification/editconfiguration.vue
@@ -1,19 +1,38 @@
<template>
<el-dialog :title="titleMap[mode]" v-model="visible" :width="800" destroy-on-close @closed="$emit('closed')">
<div class="modelTitle">
- <span>閫氱煡绫诲瀷 {{addBusinessForm.businessName}}</span>
- <span>鏈嶅姟鍟� {{addBusinessForm.notifyName}}</span>
+ <span>閫氱煡绫诲瀷 {{addBusinessForm.name}}</span>
+ <span>
+ 鏈嶅姟鍟�
+ <el-select style="width: 80%" v-model="serviceproviders" :disabled="mode != 'add'">
+ <el-option v-for="item in addBusinessForm.providerInfos" :key="item.id" :label="item.name" :value="item.id"/>
+ </el-select>
+ </span>
</div>
<el-form :model="addBusinessForm" :rules="addBusinessRules" :disabled="mode=='show'" ref="dialogForm" label-width="140px" label-position="center">
<el-row>
<el-col :span="24">
- <el-form-item label="璇疯緭鍏ラ厤缃悕绉�" prop="notifyTemplateName">
- <el-input v-model="addBusinessForm.notifyTemplateName" placeholder="妯＄増鍚嶇О" clearable></el-input>
+ <el-form-item label="璇疯緭鍏ラ厤缃悕绉�" prop="pname">
+ <el-input v-model="addBusinessForm.pname" placeholder="妯＄増鍚嶇О" clearable></el-input>
</el-form-item>
</el-col>
- <el-col :span="24" v-for="item in addBusinessForm.properties">
- <el-form-item :label="item.name">
- <el-input v-model="addBusinessForm[item.property]" :placeholder="item.name" clearable></el-input>
+ <el-col :span="24" v-for="(item,index) in addBusinessForm.configuration">
+ <el-form-item :label="item.pname" v-if="item.name != 'properties'">
+ <el-input v-model="item.value" :placeholder="item.name" clearable></el-input>
+ </el-form-item>
+ <el-form-item :label="item.pname" v-if="item.name == 'properties'">
+ <div class="array-content">
+ <el-row v-for="(item1,index1) in item.value">
+ <el-col v-for="(item2,index2) in item1" :span="7">
+ <el-input v-model="item2.value" placeholder ="璇疯緭鍏�" style="width: 76%;margin-right: 10px;"></el-input>
+ <el-icon style="vertical-align: -3px;"><ArrowRightBold /></el-icon>
+ </el-col>
+ <el-col :span="3" class="otherBtn">
+ <el-button type="primary" size="small" plain @click="addpro(index,index1)" v-show="index1 == (item.value.length-1)">娣诲姞</el-button>
+ <el-button type="danger" size="small" style="margin-left:0;" plain @click="delData(index,index1)" v-show="index1 != (item.value.length-1)">鍒犻櫎</el-button>
+ </el-col>
+ </el-row>
+ </div>
</el-form-item>
</el-col>
</el-row>
@@ -26,13 +45,19 @@
</template>
<script>
+ import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+ let icons = []
+ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ icons.push(key)
+ }
export default {
emits: ['success', 'closed'],
data() {
return {
+ serviceproviders: "",
mode: "add",
titleMap: {
- add: '鏂板',
+ add: '鏂板閰嶇疆',
edit: '缂栬緫閰嶇疆',
show: '鏌ョ湅'
},
@@ -40,6 +65,7 @@
isSaveing: false,
//琛ㄥ崟鏁版嵁
addBusinessForm: {
+ providerInfos: [],
notifyTemplateName: "",
agentId: "",
title: "",
@@ -47,37 +73,75 @@
},
//楠岃瘉瑙勫垯
addBusinessRules: {
- notifyTemplateName:[{required: true, message: '璇疯緭鍏ユā鐗堝悕绉�'}]
+ pname:[{required: true, message: '璇疯緭鍏ユā鐗堝悕绉�'}]
},
}
},
mounted() {
},
methods: {
+ addpro(index,index1) {
+ this.addBusinessForm.configuration[index].value.push([
+ {name: 'name', value: ''},
+ {name: 'value', value: ''},
+ {name: 'description', value: ''},
+ ])
+ },
+ delData(index,index1) {
+ this.addBusinessForm.configuration[index].value.splice(index1,1);
+ },
//鏄剧ず
- open(mode='add'){
+ open(mode='add',obj){
+ if(mode == 'add') {
+ this.addBusinessForm = obj;
+ this.$nextTick(()=> {
+ this.serviceproviders = this.addBusinessForm.providerInfos[0].id;
+ })
+ var setArr = [];
+ obj.properties.forEach(item=> {
+ setArr.push({pname:item.name,value: "",name: item.name})
+ })
+ this.addBusinessForm.configuration = setArr;
+ }
this.mode = mode;
this.visible = true;
return this
},
//琛ㄥ崟鎻愪氦鏂规硶
businessSubmit(){
- var obj = Object.assign({},this.addBusinessForm);
- obj.notifyType = obj.notifyType;
- obj.id = obj.notifyTemplateId;
- obj.business = obj.businessKey;
- obj.name = obj.notifyTemplateName;
- obj.provider = obj.providerType;
- obj.type = obj.notifyType;
- var template = JSON.parse(obj.template);
- for(var key in template) {
- template[key] = obj[key];
+ var configuration = {};
+ this.addBusinessForm.configuration.forEach(item=> {
+ configuration[item.name] = item.value;
+ })
+ var obj = {
+ configuration: configuration,
}
- obj.template = JSON.stringify(template);
+ if(this.mode == 'edit') {
+ obj.id = this.addBusinessForm.configEntity.id;
+ obj.name = this.addBusinessForm.configEntity.name;
+ obj.provider = this.addBusinessForm.configEntity.provider;
+ obj.type = this.addBusinessForm.configEntity.type;
+ if(this.addBusinessForm.configEntity.type == "email") { //閭欢
+ var newArr = [];
+ configuration.properties.forEach(item=> {
+ var formattedObject = {};
+ item.forEach(item => {
+ formattedObject[item.name] = item.value;
+ });
+ newArr.push(formattedObject);
+ })
+ configuration.properties = newArr;
+ }
+ }
+ if(this.mode == 'add') { //鏂板
+ obj.name = this.addBusinessForm.pname;
+ obj.provider = this.serviceproviders;
+ obj.type = this.addBusinessForm.id;
+ }
this.$refs.dialogForm.validate(async (valid) => {
if (valid) {
this.isSaveing = true;
- this.$HTTP.put("/api/blade-notify/business-notify/modify",obj).then(res=> {
+ this.$HTTP.put("/api/blade-notify/notifier/config",obj).then(res=> {
this.isSaveing = false;
if(res.code == 200) {
this.$emit('success', this.addBusinessForm, this.mode);
@@ -94,11 +158,51 @@
},
//琛ㄥ崟娉ㄥ叆鏁版嵁
setData(data){
+ if(data.configEntity == null) return;
+ var configuration = data.configEntity.configuration;
+ data.configuration = [];
+ for(var key in configuration) {
+ if(Array.isArray(configuration[key])) {
+ var value = configuration[key];
+ var temArr = [];
+ value.forEach(item=> {
+ var setArr = [];
+ for(var key1 in item) {
+ setArr.push({
+ name: key1,
+ value: item[key1]
+ })
+ }
+ temArr.push(setArr);
+ })
+ data.configuration.push({
+ name: key,
+ value: temArr
+ })
+ }else {
+ data.configuration.push({
+ name: key,
+ value: configuration[key]
+ })
+ }
+ }
+ data.properties.forEach(item=> {
+ data.configuration.forEach(item1=> {
+ if(item1.name == item.property) {
+ item1.pname = item.name;
+ }
+ })
+ })
//鍙互鍜屼笂闈竴鏍峰崟涓敞鍏ワ紝涔熷彲浠ュ儚涓嬮潰涓�鏍风洿鎺ュ悎骞惰繘鍘�
- Object.assign(this.addBusinessForm, data);
- console.log(this.addBusinessForm)
+ Object.assign(this.addBusinessForm,data);
+ this.$nextTick(()=> {
+ this.serviceproviders = this.addBusinessForm.providerInfos[0].id;
+ })
}
- }
+ },
+ components: {
+ ...ElementPlusIconsVue
+ },
}
</script>
@@ -109,6 +213,16 @@
}
.modelTitle span {
display: inline-block;
- width:30%;
+ width:50%;
+}
+.array-content {
+ border: 1px solid #d8d8d8;
+ border-radius: 2px;
+ min-height: 200px;
+ width: 100%;
+ padding: 12px;
+}
+.otherBtn {
+ margin-bottom: 12px;
}
</style>
--
Gitblit v1.9.3