saber/src/views/manager/projectinfo/treeTemplate/template/setInputTPT.vue

<template>
  <div class="setInput">
    <div class="flexBetween ">
      <el-select
        v-model="value"
        clearable
        placeholder="请选择"
      >
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
      <el-select
        v-model="value"
        clearable
        placeholder="请选择"
      >
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </div>
    <!-- 添加框 -->
    <div
      style="border: 1px dotted rgb(187, 187, 187);box-sizing: border-box;padding: 0px 15px;"
      class="martop20"
    >
      <table
        class="table"
        width='100%'
        border='1px'
        cellpadding='2px'
        bordercolor="#E5E5E5"
      >
        <thead
          cellpadding='2px'
          height='40px'
        >
          <tr>
            <th width='15%'>序号</th>
            <th width='55%'>默认值</th>
          </tr>
        </thead>
        <tbody height='36px'>
          <tr
            v-for="(item,key) in setInputTable"
            :key="key"
          >
            <td>{{item.id}}</td>
            <td></td>
          </tr>
        </tbody>
      </table>
      <div class="martop20 flexEnd marbottom10"><i
          style="color:rgb(10, 134, 217);font-size:24px;"
          class="el-icon-circle-plus"
        ></i></div>
    </div>

    <el-button
      class="martop15"
      style="float:right;"
      type="info"
      size="mini"
    >保存设置</el-button>
  </div>
</template>
<script>
export default {
  data () {
    return {
      options: [{
        value: '选项1',
        label: '黄金糕'
      }, {
        value: '选项2',
        label: '双皮奶'
      }, {
        value: '选项3',
        label: '蚵仔煎'
      }, {
        value: '选项4',
        label: '龙须面'
      }, {
        value: '选项5',
        label: '北京烤鸭'
      }],
      value: '',
      setInputTable: [{ id: 11 }],//数据体
    }
  },
  methods: {

  },
}
</script>
<style lang="scss" scoped>
.table {
  margin-top: 20px;
  border-radius: 5px;

  color: #101010;
  font-size: 14px;
}
</style>