<!-- 质量监督报告新建 --> <script name="QualityReportAdd" lang="ts" setup> import type { FormInstance, FormRules, UploadUserFile } from 'element-plus' 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'] }], }) // 表单验证规则 const columns = ref([ { text: '文件编号', value: 'standardNo', align: 'center' }, { text: '文件名称', value: 'standardNo', align: 'center' }, { text: '质量监督员', value: 'standardNo', align: 'center' }, { text: '部门', value: 'standardNo', align: 'center' }, { text: '不符合标准', value: 'standardNo', align: 'center' }, { text: '监督时间', value: 'standardNo', align: 'center' }, ]) </script> <template> <app-container style="overflow: hidden;"> <detail-page title="质量监督报告"> <template #btns> <el-button type="primary"> 提交 </el-button> <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: 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="部门" 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-input v-model.trim="ruleForm.createUserName" /> </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-date-picker v-model="value2" type="date" style="width: 100%;" /> </el-form-item> </el-col> </el-row> </el-form> </detail-block> <detail-block title=""> <el-form :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="20"> <el-form-item label="关联质量监督记录" label-width="160px"> <el-button type="primary"> 选择质量监督记录 </el-button> </el-form-item> </el-col> </el-row> <el-row :gutter="24" class="marg"> <el-col :span="20"> <el-form-item label="" label-width="160px"> <normal-table :data="[]" :columns="columns" :pagination="false" :is-showmulti-select="false" :is-multi="true" > <template #preColumns> <el-table-column label="序号" align="center" width="60"> <template #default="scope"> {{ scope.$index + 1 }} </template> </el-table-column> </template> </normal-table> </el-form-item> </el-col> </el-row> <el-row :gutter="24" class="marg"> <el-col :span="20"> <el-form-item label="监督的过程统计" label-width="160px"> <el-input type="textarea" :rows="5" /> </el-form-item> </el-col> </el-row> <el-row :gutter="24" class="marg"> <el-col :span="20"> <el-form-item label="运行情况较好过程综述" label-width="160px"> <el-input type="textarea" :rows="5" /> </el-form-item> </el-col> </el-row> <el-row :gutter="24" class="marg"> <el-col :span="20"> <el-form-item label="存在问题过程综述" label-width="160px"> <el-input type="textarea" :rows="5" /> </el-form-item> </el-col> </el-row> </el-form> </detail-block> </app-container> </template>