|
|
@@ -15,53 +15,60 @@
|
|
|
>保存</el-button
|
|
|
>
|
|
|
</div>
|
|
|
- <div class="right_box">
|
|
|
- <div>
|
|
|
- <span>选择表单</span>
|
|
|
- <el-select
|
|
|
- v-model="formVal"
|
|
|
- placeholder="请选择"
|
|
|
- style="width: 65%; margin-left: 10px"
|
|
|
- @change="changeform"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in formoptions"
|
|
|
- :key="item.initTabId"
|
|
|
- :label="item.tabName"
|
|
|
- :value="item.initTabId"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span>选择元素</span>
|
|
|
- <el-select
|
|
|
- v-model="eleVal"
|
|
|
- placeholder="请选择"
|
|
|
- style="width: 65%; margin-left: 10px; margin-top: 15px"
|
|
|
- @change="changeEle"
|
|
|
- filterable
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in eleOptions"
|
|
|
- :key="item.ekey"
|
|
|
- :label="item.eName"
|
|
|
- :value="item.ekey"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
+ <div class="right_box" v-for="(item,index) in listArr" :key="item.id">
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <span>选择表单</span>
|
|
|
+ <el-select
|
|
|
+ v-model="formVal"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 65%; margin-left: 10px"
|
|
|
+ @change="changeform"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in formoptions"
|
|
|
+ :key="item.initTabId"
|
|
|
+ :label="item.tabName"
|
|
|
+ :value="item.initTabId"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>选择元素</span>
|
|
|
+ <el-select
|
|
|
+ v-model="eleVal"
|
|
|
+ placeholder="请选择"
|
|
|
+ style="width: 65%; margin-left: 10px; margin-top: 15px"
|
|
|
+ @change="changeEle"
|
|
|
+ filterable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in eleOptions"
|
|
|
+ :key="item.ekey"
|
|
|
+ :label="item.eName"
|
|
|
+ :value="item.ekey"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="martop20 replace_box">
|
|
|
- <div style="width: 100%; height: 100%; overflow-y: auto">
|
|
|
- <el-row class="mb-4">
|
|
|
- <div class="form_text">
|
|
|
- <div>表单名称：{{ infoDetail.tabName }}</div>
|
|
|
- <div>元素字段：{{ infoDetail.elementName }}</div>
|
|
|
+ <div class="martop10 replace_box">
|
|
|
+ <div style="width: 100%; height: 100%; overflow-y: auto">
|
|
|
+ <el-row class="mb-4">
|
|
|
+ <div class="form_text">
|
|
|
+ <div>表单名称：{{ infoDetail.tabName }}</div>
|
|
|
+ <div>元素字段：{{ infoDetail.elementName }}</div>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+ <div class="martop20">
|
|
|
+ <el-button type="primary" size="small" @click="addList(index)">新增元素</el-button>
|
|
|
+ <el-button type="danger" size="small" v-if="index>0" @click="delList(index)">删除元素</el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -105,6 +112,10 @@ export default {
|
|
|
trialTabName: "",
|
|
|
},
|
|
|
linkedData: [], //已经绑定的数组
|
|
|
+ listArr: [
|
|
|
+ {id: "1", },
|
|
|
+ {id: "2", },
|
|
|
+],
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
|
@@ -414,6 +425,17 @@ export default {
|
|
|
this.curItem={}
|
|
|
}
|
|
|
},
|
|
|
+ addList(index){
|
|
|
+ this.listArr.splice(index + 1, 0, {
|
|
|
+ id: Date.now(),
|
|
|
+ // 可以根据需要添加其他默认字段，例如：
|
|
|
+ tabName: '',
|
|
|
+ elementName: ''
|
|
|
+ });
|
|
|
+ },
|
|
|
+ delList(index){
|
|
|
+ this.listArr.splice(index,1)
|
|
|
+ }
|
|
|
},
|
|
|
async created() {
|
|
|
this.classId = this.$route.query.classId;
|
|
|
@@ -472,4 +494,7 @@ export default {
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: center;
|
|
|
}
|
|
|
+.right_box{
|
|
|
+ margin-bottom: 15px;
|
|
|
+}
|
|
|
</style>
|
