update face

qianxj

2023-03-09 57b6bce785cbefa30e3397683a23f1ace242bb0e

update face

 ruoyi-ui/src/views/smartor/ivrquestionlib/QuestionMaint.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,72 @@
<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>&lt;</el-button>
            <el-button>&gt;</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>