<template>
  <t-form ref="formRef" :data="formData" :labelWidth="110" colon>
    <t-row :gutter="[0, 20]">
      <t-col :span="12">
        <div class="form-group-title" style="margin-bottom: 0">
          质量问题上报（质量问题编号：1234567）
        </div>
      </t-col>
      <t-col :span="12">
        <t-form-item label="填写说明">
          <div class="p-t-5px">
            <p class="red"
              >1.质量问题定义：所指客户在项目中的事故或是不满意体验的反馈，并希望通过向我们反馈得以解决的问题。不包含的范围：</p
            >
            <p class="red text-indent">1）客户反馈但并不希望我们协助解决的；</p>
            <p class="red text-indent">2）不属于公司服务范围或能力内的。</p>
            <p class="red">2.多个质量问题，请逐条提交。</p>
          </div>
        </t-form-item>
      </t-col>
      <t-col :span="6">
        <t-form-item label="提交人"> 张三 </t-form-item>
      </t-col>
      <t-col :span="6">
        <t-form-item label="提交时间"> 2023-06-23 15:23 </t-form-item>
      </t-col>
      <t-col :span="12">
        <t-form-item label="问题简要">
          <t-input v-model="formData.a" placeholder="30字以内"></t-input>
        </t-form-item>
      </t-col>
      <t-col :span="12">
        <t-form-item label="问题情况说明">
          <t-textarea v-model="formData.b" placeholder="300字以内"></t-textarea>
        </t-form-item>
      </t-col>
      <t-col :span="12">
        <t-form-item label="附件说明">
          <UploadImage :config="{ limit: 3 }" @Change="imgChange"></UploadImage>
        </t-form-item>
      </t-col>
    </t-row>
  </t-form>
</template>

<script setup name="QualityIssueStep1">
import { ref } from 'vue';
import UploadImage from '@/views/sop/components/dynamic-form-item/UPLOAD_IMAGE.vue';
const formData = ref({
  a: '',
  b: '',
});
const imgChange = () => {
  alert(1);
};
</script>

<style></style>
