|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="p-3" >
|
|
|
|
|
|
|
+ <div class="p-3">
|
|
|
<div class="bg-fff flex1 ov-hd d-flex flex-cln">
|
|
<div class="bg-fff flex1 ov-hd d-flex flex-cln">
|
|
|
<div class="d-flex a-c pd-16 border-bottom">
|
|
<div class="d-flex a-c pd-16 border-bottom">
|
|
|
<div class="f-s-20 c-333 f-w-7 mr-10">
|
|
<div class="f-s-20 c-333 f-w-7 mr-10">
|
|
@@ -24,25 +24,34 @@
|
|
|
<el-descriptions-item label="申报时间:">{{ form?.createTime || '-' }}</el-descriptions-item>
|
|
<el-descriptions-item label="申报时间:">{{ form?.createTime || '-' }}</el-descriptions-item>
|
|
|
</el-descriptions>
|
|
</el-descriptions>
|
|
|
<el-divider />
|
|
<el-divider />
|
|
|
- <div class="info-title f-w-5 mb-10">标准文件</div>
|
|
|
|
|
- <div style="margin-right: 0;"><FileLook v-model="form.accessory" isObject :span="5"></FileLook></div>
|
|
|
|
|
|
|
+ <div class="info-title f-w-5 mb-10">已在“企业标准信息公共服务平台”上传的企业标准文本</div>
|
|
|
|
|
+ <FileLook v-model="form.accessory" isObject :span="12"></FileLook>
|
|
|
|
|
+ <el-divider />
|
|
|
|
|
+ <div class="info-title f-w-5 mb-10">生产许可证</div>
|
|
|
|
|
+ <div class="imgout">
|
|
|
|
|
+ <div v-for="(item, index) in form?.imgs" :key="index">
|
|
|
|
|
+ <el-image :src="item" style="height: 200px;width: 200px;" fit="cover"
|
|
|
|
|
+ :preview-src-list="form?.imgs" :initial-index="index" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
<el-divider />
|
|
<el-divider />
|
|
|
<div class="info-title f-w-5 mb-10">生产工艺流程图</div>
|
|
<div class="info-title f-w-5 mb-10">生产工艺流程图</div>
|
|
|
- <div style="margin-right: 0;"><FileLook v-model="form.flowAccessory" isObject :span="6"></FileLook></div>
|
|
|
|
|
|
|
+ <FileLook v-model="form.flowAccessory" isObject :span="12"></FileLook>
|
|
|
<el-divider />
|
|
<el-divider />
|
|
|
- <div class="info-title f-w-5 mb-10">最近生产三批次产品检验报告</div>
|
|
|
|
|
- <div style="margin-right: 0;"><FileLook v-model="form.latestCheckAccessory" isObject :span="6"></FileLook></div>
|
|
|
|
|
|
|
+ <div class="info-title f-w-5 mb-10">检验报告</div>
|
|
|
|
|
+ <FileLook v-model="form.latestCheckAccessory" isObject :span="12"></FileLook>
|
|
|
<el-divider />
|
|
<el-divider />
|
|
|
- <div class="info-title f-w-5 mb-10">最近生产三批次生产追溯记录</div>
|
|
|
|
|
- <div style="margin-right: 0;"><FileLook v-model="form.latestTraceAccessory" isObject :span="6"></FileLook></div>
|
|
|
|
|
|
|
+ <!-- <div class="info-title f-w-5 mb-10">最近生产三批次生产追溯记录</div>
|
|
|
|
|
+ <FileLook v-model="form.latestTraceAccessory" isObject :span="6"></FileLook></div> -->
|
|
|
<el-divider />
|
|
<el-divider />
|
|
|
- <div class="info-title f-w-5 mb-10">其他附件</div>
|
|
|
|
|
- <div style="margin-right: 0;"><FileLook v-model="form.otherAccessory" isObject :span="6"></FileLook></div>
|
|
|
|
|
|
|
+ <div class="info-title f-w-5 mb-10">自我承诺书,三年内没有不良记录</div>
|
|
|
|
|
+ <FileLook v-model="form.otherAccessory" isObject :span="12"></FileLook>
|
|
|
<el-divider />
|
|
<el-divider />
|
|
|
- <div class="info-title f-w-5 mb-10">标准应用产品图</div>
|
|
|
|
|
|
|
+ <div class="info-title f-w-5 mb-10">产品图</div>
|
|
|
<div class="imgout">
|
|
<div class="imgout">
|
|
|
- <div v-for="(item,index) in form?.imgs" :key="index">
|
|
|
|
|
- <el-image :src="item" style="height: 200px;width: 200px;" fit="cover" :preview-src-list="form?.imgs" :initial-index="index"/>
|
|
|
|
|
|
|
+ <div v-for="(item, index) in form?.productImags" :key="index">
|
|
|
|
|
+ <el-image :src="item" style="height: 200px;width: 200px;" fit="cover"
|
|
|
|
|
+ :preview-src-list="form?.imgs" :initial-index="index" />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<el-divider />
|
|
<el-divider />
|
|
@@ -70,7 +79,8 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <ChooseDeclarationDecord v-if="showCheckPass" v-model:show="showCheckPass" :info="form" :dict="dict" @success="successChange"></ChooseDeclarationDecord>
|
|
|
|
|
|
|
+ <ChooseDeclarationDecord v-if="showCheckPass" v-model:show="showCheckPass" :info="form" :dict="dict"
|
|
|
|
|
+ @success="successChange"></ChooseDeclarationDecord>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script setup name="declaration-detail" lang="ts">
|
|
<script setup name="declaration-detail" lang="ts">
|
|
@@ -78,8 +88,8 @@ import { ref, reactive, onMounted } from 'vue';
|
|
|
import { debounce } from 'lodash';
|
|
import { debounce } from 'lodash';
|
|
|
import { useRouter } from 'vue-router';
|
|
import { useRouter } from 'vue-router';
|
|
|
import { expertChooseApprove, expertChooseDetail, expertChooseRelationList } from '@/api/authority';
|
|
import { expertChooseApprove, expertChooseDetail, expertChooseRelationList } from '@/api/authority';
|
|
|
-import {DeclarationDetail,DeclaraapprovalStandard} from '@/api/leader'
|
|
|
|
|
-import ChooseDeclarationDecord from "../models/ChooseDeclarationDecord.vue";
|
|
|
|
|
|
|
+import { DeclarationDetail, DeclaraapprovalStandard } from '@/api/leader'
|
|
|
|
|
+import ChooseDeclarationDecord from "../models/ChooseDeclarationDecord.vue";
|
|
|
import { FileLook } from '@/views/models';
|
|
import { FileLook } from '@/views/models';
|
|
|
import { colNoData } from '@/utils/noData';
|
|
import { colNoData } from '@/utils/noData';
|
|
|
import { VxeTablePropTypes } from 'vxe-table';
|
|
import { VxeTablePropTypes } from 'vxe-table';
|
|
@@ -91,7 +101,7 @@ const route = useRoute();
|
|
|
const form = ref<any>(null);
|
|
const form = ref<any>(null);
|
|
|
const showCheckPass = ref(false);
|
|
const showCheckPass = ref(false);
|
|
|
// 获取申报详情
|
|
// 获取申报详情
|
|
|
-const getDeclarationDetail =async()=>{
|
|
|
|
|
|
|
+const getDeclarationDetail = async () => {
|
|
|
const res = await DeclarationDetail(route.query.id);
|
|
const res = await DeclarationDetail(route.query.id);
|
|
|
if (!res || res.code !== 200) return;
|
|
if (!res || res.code !== 200) return;
|
|
|
form.value = res.data;
|
|
form.value = res.data;
|
|
@@ -155,12 +165,12 @@ const successChange = (val: any) => {
|
|
|
console.log('成功');
|
|
console.log('成功');
|
|
|
|
|
|
|
|
showCheckPass.value = false;
|
|
showCheckPass.value = false;
|
|
|
- const params = {
|
|
|
|
|
- targetId: route.query.id,
|
|
|
|
|
- res: '1', // 通过
|
|
|
|
|
- // personInfo: val
|
|
|
|
|
- };
|
|
|
|
|
- submitApprove(params);
|
|
|
|
|
|
|
+ const params = {
|
|
|
|
|
+ targetId: route.query.id,
|
|
|
|
|
+ res: '1', // 通过
|
|
|
|
|
+ // personInfo: val
|
|
|
|
|
+ };
|
|
|
|
|
+ submitApprove(params);
|
|
|
|
|
|
|
|
};
|
|
};
|
|
|
const list = ref<any[]>([]);
|
|
const list = ref<any[]>([]);
|
|
@@ -191,13 +201,14 @@ onMounted(() => {
|
|
|
});
|
|
});
|
|
|
</script>
|
|
</script>
|
|
|
<style scoped>
|
|
<style scoped>
|
|
|
-.imgout{
|
|
|
|
|
|
|
+.imgout {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
|
row-gap: 20px;
|
|
row-gap: 20px;
|
|
|
column-gap: 30px;
|
|
column-gap: 30px;
|
|
|
}
|
|
}
|
|
|
-:deep(body){
|
|
|
|
|
|
|
+
|
|
|
|
|
+:deep(body) {
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|