<!-- 内部审核工作管理新建 -->
<script name="QualityInternalWorkAdd" lang="ts" setup>
import type { FormInstance, FormRules, UploadUserFile } from 'element-plus'
import fileList from './fileList.vue'
const $route = useRoute()
const $router = useRouter()
const ruleFormRef = ref<FormInstance>() // from组件
const dialogStatus = ref('create')
const ruleForm = ref({
  attachment: '',
}) // 表单
const rules = ref<FormRules>({
  fileName: [{ required: true, message: '文件名称必填', trigger: ['blur', 'change'] }],
}) // 表单验证规则
</script>

<template>
  <app-container style="overflow: hidden;">
    <detail-page title="内部审核工作管理">
      <template #btns>
        <el-button type="primary">
          保存
        </el-button>
        <el-button type="info" @click="() => $router.go(-1)">
          关闭
        </el-button>
      </template>
    </detail-page>
    <detail-block title="">
      <el-form ref="ruleFormRef" :model="ruleForm" :class="$route.path.includes('detail') ? 'isDetail' : ''" :rules="rules" label-position="right" label-width="120px" class="form" :disabled="$route.path.includes('detail')">
        <el-row :gutter="24" class="marg">
          <el-col :span="6">
            <el-form-item label="工作名称" prop="fileNo">
              <el-select
                v-model="ruleForm.createUserName"
                placeholder="年份"
                class="short-input"
                filterable
                style="width: 80px;"
              >
                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
              </el-select>
              年第
              <el-select
                v-model="ruleForm.createUserName"
                placeholder="月份"
                class="short-input"
                filterable
                style="width: 80px;"
              >
                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
              </el-select>
              次内部审核
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="实验室" prop="fileNo">
              <el-select
                v-model="ruleForm.createUserName"
                placeholder="实验室"
                class="short-input"
                filterable
                style="width: 100%;"
              >
                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="开始时间">
              <el-date-picker
                v-model="value2"
                type="date"
                style="width: 100%;"
              />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="结束时间">
              <el-date-picker
                v-model="value2"
                type="date"
                style="width: 100%;"
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="24" class="marg">
          <el-col :span="6">
            <el-form-item label="质量负责人">
              <el-input v-model.trim="ruleForm.createUserName" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="内审组组长">
              <el-input v-model.trim="ruleForm.createUserName" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="内审组组员">
              <el-input v-model.trim="ruleForm.createUserName" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="当前阶段" prop="fileNo">
              <el-select
                v-model="ruleForm.createUserName"
                placeholder="当前阶段"
                class="short-input"
                filterable
                style="width: 100%;"
              >
                <el-option v-for="item in []" :key="item.id" :label="item.name" :value="item.value" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </detail-block>
    <file-list :data="[]" />
  </app-container>
</template>

<style lang="scss" scoped>
// 详情页面隐藏小红点
.isDetail {
  ::v-deep {
    .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label::before,
    .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::before {
      content: "";
      display: none;
    }
  }
}
</style>