<template>
|
<div>
|
<el-card class="box-card">
|
<div style="height:27pt;margin:4pt;color1:blue">{{ question.subject }}</div>
|
|
<span v-for="(item,index) in question.items" :key="index" :inline="true">
|
<el-radio v-model="radio" :label="index">
|
<div class="box-redio-span"> {{item.label}}</div> </el-radio>
|
<el-input :inline="true" v-if="item.input" class="box1-input-inline"
|
:placeholder="item.placeholder"
|
v-model="item.content">
|
</el-input>
|
</span>
|
</el-card>
|
<div style="padding-left:64pt">
|
<el-button>修改</el-button>
|
<el-button>确认</el-button>
|
<el-button><</el-button>
|
<el-button>></el-button>
|
</div>
|
</div>
|
|
</template>
|
|
<style>
|
.box1-input-inline
|
{
|
display:inline;
|
}
|
.box-redio-span
|
{
|
display: inline-block;
|
width:80pt;
|
padding-right:24pt ;
|
}
|
.box-card {
|
margin: 16px;
|
width: 640px;
|
}
|
</style>
|
|
<script>
|
export default {
|
name: "IvrQuestionMaint",
|
data() {
|
return {
|
radio:0,
|
question:{
|
subject:"Element如何解决v-for和v-if不能在一个标签上使用",
|
items:[
|
{index:1,single:true,label:"血压",input:true,content:"--111--",placeholder:"请输入具体数据1"},
|
{index:2,single:true,label:"xxxx2"},
|
{index:3,single:false,label:"xxxx3",input1:true,content:"--222--",placeholder:"请输入具体数据2"},
|
{index:4,single:false,label:"xxxx4"}
|
]
|
}
|
};
|
},
|
created() {
|
|
},
|
methods: {
|
/** 删除按钮操作 */
|
handleMaint(row) {
|
|
},
|
/** 确认按钮操作 */
|
handleOk() {
|
}
|
}
|
};
|
</script>
|
