<template>
  <div class="preference">
    <div class="preference-item">
      <div class="flex-box query-box">
        <div class="flex-box query-params">
          <span class="common-title">商务条件特点</span>
        </div>
      </div>
      <div class="query-params">
        <el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
          <el-form-item>
            <el-input v-model="queryParams.key"
                      type="textarea"
                      :autosize="{ minRows: 8, maxRows: 8}"
                      maxlength="500"
                      show-word-limit
                      placeholder="请输入商务条件特点">
            </el-input>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <div class="preference-item">
      <div class="flex-box query-box">
        <div class="flex-box query-params">
          <span class="common-title">决策链条</span>
        </div>
      </div>
      <div class="query-params">
        <el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
          <el-form-item>
            <el-input v-model="queryParams.key"
                      type="textarea"
                      :autosize="{ minRows: 8, maxRows: 8}"
                      maxlength="500"
                      show-word-limit
                      placeholder="请输入决策链条">
            </el-input>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <div class="preference-item">
      <div class="flex-box query-box">
        <div class="flex-box query-params">
          <span class="common-title">招投标流程特点</span>
        </div>
      </div>
      <div class="query-params">
        <el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
          <el-form-item>
            <el-input v-model="queryParams.key"
                      type="textarea"
                      :autosize="{ minRows: 8, maxRows: 8}"
                      maxlength="500"
                      show-word-limit
                      placeholder="请输入招投标流程特点">
            </el-input>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <div class="preference-item">
      <div class="flex-box query-box">
        <div class="flex-box query-params">
          <span class="common-title">履约阶段特点</span>
        </div>
      </div>
      <div class="query-params">
        <el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
          <el-form-item>
            <el-input v-model="queryParams.key"
                      type="textarea"
                      :autosize="{ minRows: 8, maxRows: 8}"
                      maxlength="500"
                      show-word-limit
                      placeholder="请输入履约阶段特点">
            </el-input>
          </el-form-item>
        </el-form>
      </div>
    </div>


  </div>
</template>

<script>
export default {
  name: 'Preference',
  components: {

  },
  data() {
    return {
      queryParams:{

      }
    }
  },
  created() {

  },
  computed: {

  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
.preference{
  background: #ffffff;
  border-radius: 4px;
  padding: 16px;
  .query-params{
    margin-top:20px;
    ::v-deep .el-form-item{
      width: 100%;
    }
    ::v-deep .el-form-item__content{
      width: 80%;
    }
  }
}
</style>
