<template>
  <t-form ref="formRef" :data="formData" :labelWidth="200">
    <t-row :gutter="[0, 20]">
      <t-col :span="12">
        <div class="form-group-title" style="margin-bottom: 0"> 初审意见 </div>
      </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="质量问题类型">
          <div class="p-t-5px">
            <p class="red"
              >1、修正类：未执行SOP或未按要求正确操作，需要修正的问题；</p
            >
            <p class="red"
              >2、优化类：SOP未定义或无明确要求和流程的，需要进行流程优化的问题；</p
            >
            <p class="red">3、不是问题：不是质量问题。</p>
            <t-radio-group
              v-model="formData.c"
              allow-uncheck
              :options="[
                { value: '1', label: '修正类' },
                { value: '2', label: '优化类' },
                { value: '3', label: '不是问题' },
              ]"
            ></t-radio-group>
          </div>
        </t-form-item>
      </t-col>
      <t-col :span="12">
        <t-form-item label="问题归因">
          <div class="p-t-5px">
            <p class="red"
              >1.执行类：在项目关键信息明确的前提下，人员疏忽、失误、处理不当、项目风险预估不足、预估到风险却未及时采取合理措施，或未按流程严格执行到位等；</p
            >
            <p class="red"
              >2.管理协调类：项目管理未处理好内外项目关键信息沟通协调、计划延期完成等。</p
            >
            <p class="red"
              >3.产品缺陷类：产品设计缺陷、BUG，新应用场景需求等；</p
            >
            <p class="red">4.产品运维类：例如服务器高并发崩溃、网络阻塞等；</p>
            <p class="red"
              >5.流程制度类：流程制度本身缺失、设计不合理导致的问题。</p
            >
            <t-radio-group
              v-model="formData.d"
              allow-uncheck
              :options="[
                { value: '1', label: '修正类' },
                { value: '2', label: '优化类' },
                { value: '3', label: '不是问题' },
                { value: '4', label: '不是问题' },
                { value: '5', label: '不是问题' },
                { value: '6', label: '其他' },
              ]"
            ></t-radio-group>
          </div>
        </t-form-item>
      </t-col>
      <t-col :span="12">
        <t-form-item label="影响度">
          <t-radio-group
            v-model="formData.e"
            allow-uncheck
            :options="[
              { value: 'A', label: 'A级' },
              { value: 'B', label: 'B级' },
              { value: 'C', label: 'C级' },
              { value: 'D', label: 'D级' },
            ]"
          ></t-radio-group>
        </t-form-item>
      </t-col>
      <t-col :span="6">
        <t-form-item label="责任人（可多选）">
          <t-select v-model="formData.f" :options="[]" multiple />
        </t-form-item>
      </t-col>
      <t-col :span="6"> </t-col>
      <t-col :span="6">
        <t-form-item label="甲方复审人员（可多选）">
          <t-select v-model="formData.g" :options="[]" multiple />
        </t-form-item>
      </t-col>
      <t-col :span="6">
        <t-form-item label="乙方复审人员（可多选）">
          <t-select v-model="formData.h" :options="[]" multiple />
        </t-form-item>
      </t-col>
    </t-row>
  </t-form>
</template>

<script setup name="QualityIssueStep2">
import { ref } from 'vue';
const formData = ref({
  a: '',
  b: '',
  c: '',
  d: '',
  e: '',
  f: [],
  g: [],
});
const imgChange = () => {
  alert(1);
};
</script>

<style></style>
