|
|
@@ -1,32 +1,33 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <div>{{template}}</div>
|
|
|
- <div>{{formulainfo.example}}</div>
|
|
|
- <div v-for="(item,index) in formulainfo.arguments" :key="index" class="mg-t-20">
|
|
|
+ <div>{{ template }}</div>
|
|
|
+ <div>{{ formulainfo.example }}</div>
|
|
|
+ <div v-for="(item, index) in formulainfo.arguments" :key="index" class="mg-t-20">
|
|
|
<div>
|
|
|
- <span>参数{{(index+1)}}({{formulainfo.template.args[index].m}}):</span>
|
|
|
- <span v-if="JSON.stringify(item)!=='null'">
|
|
|
-
|
|
|
- <el-radio-group v-model="formulainfo.arguments[index]" v-if="formulainfo.template.args[index].m=='是否同行/列计算(选填)'">
|
|
|
- <el-radio label="y">同行</el-radio>
|
|
|
- <el-radio label="x">同列</el-radio>
|
|
|
-
|
|
|
- </el-radio-group>
|
|
|
+ <span>参数{{ (index + 1) }}({{ formulainfo.template.args[index].m }}):</span>
|
|
|
+ <span v-if="JSON.stringify(item) !== 'null'">
|
|
|
|
|
|
- <template v-else>
|
|
|
- <template v-if="(typeof item)=='object' && (item.type == 'Element' || item.type == 'ParamData')">
|
|
|
- <el-tag>{{item.name}}</el-tag>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <el-input v-model="formulainfo.arguments[index]" placeholder="请输入内容" style="width:200px" ></el-input>
|
|
|
-
|
|
|
-
|
|
|
- </template>
|
|
|
- </template>
|
|
|
+ <el-radio-group v-model="formulainfo.arguments[index]"
|
|
|
+ v-if="formulainfo.template.args[index].m == '是否同行/列计算(选填)'">
|
|
|
+ <el-radio label="y">同行</el-radio>
|
|
|
+ <el-radio label="x">同列</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+
|
|
|
+ <template v-else>
|
|
|
+ <template v-if="(typeof item) == 'object' && (item.type == 'Element' || item.type == 'ParamData')">
|
|
|
+ <el-tag>{{ item.name }}</el-tag>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <el-input v-model="formulainfo.arguments[index]" placeholder="请输入内容" style="width:200px"></el-input>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
</span>
|
|
|
- <el-link type="primary" @click="changeType('text',index)" class="mg-l-10" v-if="formulainfo.template.args[index].m!=='是否同行/列计算(选填)'">输入文本</el-link>
|
|
|
- <el-link type="primary" @click="changeType('ele',index)" class="mg-l-10" v-if="formulainfo.template.args[index].m!=='是否同行/列计算(选填)'">选择元素</el-link>
|
|
|
- <el-link type="primary" @click="setCurEle(index)" class="mg-l-10" v-if="formulainfo.template.args[index].m!=='是否同行/列计算(选填)'">当前元素</el-link>
|
|
|
+ <el-link type="primary" @click="changeType('text', index)" class="mg-l-10"
|
|
|
+ v-if="formulainfo.template.args[index].m !== '是否同行/列计算(选填)'">输入文本</el-link>
|
|
|
+ <el-link type="primary" @click="changeType('ele', index)" class="mg-l-10"
|
|
|
+ v-if="formulainfo.template.args[index].m !== '是否同行/列计算(选填)'">选择元素</el-link>
|
|
|
+ <el-link type="primary" @click="setCurEle(index)" class="mg-l-10"
|
|
|
+ v-if="formulainfo.template.args[index].m !== '是否同行/列计算(选填)'">当前元素</el-link>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -49,42 +50,41 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
- data(){
|
|
|
- return{
|
|
|
- template:'',
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ template: '',
|
|
|
|
|
|
}
|
|
|
},
|
|
|
- mounted(){
|
|
|
+ mounted() {
|
|
|
this.template = this.formulainfo.template.ft;
|
|
|
- this.formulainfo.arguments[0].tableElementKey=this.formulainfo.arguments[0].tableElementKey.replace("_key",":key")
|
|
|
+ this.formulainfo.arguments[0].tableElementKey = this.formulainfo.arguments[0].tableElementKey.replace("_key", ":key")
|
|
|
this.formulainfo.template.args.forEach(element => {
|
|
|
- this.template = this.template.replace(element.key,element.m)
|
|
|
+ this.template = this.template.replace(element.key, element.m)
|
|
|
});
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
- methods:{
|
|
|
+ methods: {
|
|
|
//切换选择的状态
|
|
|
- changeType(type,index){
|
|
|
- if(type == 'text'){
|
|
|
- this.$set(this.formulainfo.arguments,index,'');
|
|
|
- }else if(type == 'ele'){
|
|
|
- this.$emit('sele-ele-handle',{
|
|
|
- arguments:this.formulainfo.arguments,
|
|
|
+ changeType(type, index) {
|
|
|
+ if (type == 'text') {
|
|
|
+ this.$set(this.formulainfo.arguments, index, '');
|
|
|
+ } else if (type == 'ele') {
|
|
|
+ this.$emit('sele-ele-handle', {
|
|
|
+ arguments: this.formulainfo.arguments,
|
|
|
index
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
|
|
|
//选择当前元素
|
|
|
- setCurEle(index){
|
|
|
+ setCurEle(index) {
|
|
|
let tmp = JSON.parse(JSON.stringify(this.curele));
|
|
|
- tmp['tableElementKey']= tmp['tableElementKey'].replace("_key",":key")
|
|
|
- this.$set(this.formulainfo.arguments,index,tmp);
|
|
|
+ console.log("setCurEle", tmp)
|
|
|
+ tmp['tableElementKey'] = tmp['tableElementKey'].replace("_key", ":key")
|
|
|
+ this.$set(this.formulainfo.arguments, index, tmp);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
-<style scoped lang="scss">
|
|
|
-
|
|
|
-</style>
|
|
|
+<style scoped lang="scss"></style>
|