rmLayGaoujU9O46l603ccl_plm-vue/src/views/modules/quotation/pirceCheckDetail/priceCheckDetailForm.vue

<template>
  <div>
    <el-dialog v-bind="$attrs" v-on="$listeners" @open="onOpen" @close="onClose" title="Dialog Titile">
      <el-form ref="priceCheckDetailForm" :model="priceCheck" :rules="priceCheckRule" size="mini" label-width="100px" label-position="top">
        <el-row gutter="10">
          <el-col :span="12">
            <el-form-item  label="多行文本" prop="field105">
              <el-input v-model="priceCheck.field105" type="textarea" placeholder="请输入多行文本"
                        :autosize="{minRows: 4, maxRows: 4}" :style="{width: '100%'}"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item  label="多行文本" prop="field116">
              <el-input v-model="priceCheck.field116" type="textarea" placeholder="请输入多行文本"
                        :autosize="{minRows: 4, maxRows: 4}" :style="{width: '100%'}"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item  label="多行文本" prop="field120">
              <el-input v-model="priceCheck.field120" type="textarea" placeholder="请输入多行文本"
                        :autosize="{minRows: 4, maxRows: 4}" :style="{width: '100%'}"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item  label="多行文本" prop="field121">
              <el-input v-model="priceCheck.field121" type="textarea" placeholder="请输入多行文本"
                        :autosize="{minRows: 4, maxRows: 4}" :style="{width: '100%'}"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer">
        <el-button @click="close">取消</el-button>
        <el-button type="primary" @click="handelConfirm">确定</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
export default {
  name: 'priceCheckDetailForm',
  inheritAttrs: false,
  components: {},
  props: [],
  data() {
    return {
      priceCheck: {
        field105: undefined,
        field116: undefined,
        field120: undefined,
        field121: undefined,
      },
      priceCheckRule: {
        field105: [{
          required: true,
          message: '请输入多行文本',
          trigger: 'blur'
        }],
        field116: [{
          required: true,
          message: '请输入多行文本',
          trigger: 'blur'
        }],
        field120: [{
          required: true,
          message: '请输入多行文本',
          trigger: 'blur'
        }],
        field121: [{
          required: true,
          message: '请输入多行文本',
          trigger: 'blur'
        }],
      },
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    onOpen() {},
    onClose() {
      this.$refs['priceCheckDetailForm'].resetFields()
    },
    close() {
      this.$emit('update:visible', false)
    },
    handelConfirm() {
      this.$refs['priceCheckDetailForm'].validate(valid => {
        if (!valid) return
        this.close()
      })
    },
  }
}

</script>
<style>
</style>