@ -13,12 +13,12 @@
< / div >
< / div >
< van -radio -group v-model ="type" class="radioGroup" >
< van -radio -group v-model ="type" class="radioGroup" >
< div v-for =" item in DocInfo" :key="item.id" class="item" :class="type==item.id?'active':''" @click="check(item.id,item. label )">
< div v-for =" item in DocInfo" :key="item.id" class="item" :class="type==item.id?'active':''" @click="check(item.id,item. name )">
< div class = "logo" > < img :src ="item.img" / > < / div >
< div class = "logo" > < img :src ="item.img" / > < / div >
< div class = "name" >
< div class = "name" >
< van -radio checked -color = " # 33cdc9 " :name ="item.id" style = "margin-right: 10px;" > < / v a n - r a d i o >
< van -radio checked -color = " # 33cdc9 " :name ="item.id" style = "margin-right: 10px;" > < / v a n - r a d i o >
{ { item . label } }
{ { item . name } }
< / div >
< / div >
< / div >
< / div >
< / v a n - r a d i o - g r o u p >
< / v a n - r a d i o - g r o u p >
@ -34,7 +34,10 @@
import yinyongshui from '@/assets/image/yinyongshui.png'
import yinyongshui from '@/assets/image/yinyongshui.png'
import xiaodupng from '@/assets/image/xiaodu.png'
import xiaodupng from '@/assets/image/xiaodu.png'
import {
import {
ref
GetIndustryList
} from "@/api/api.js" ;
import {
ref , onMounted
} from 'vue' ;
} from 'vue' ;
import {
import {
@ -49,33 +52,8 @@
console . log ( pinia . yuyue _info )
console . log ( pinia . yuyue _info )
let type = ref ( '' )
let type = ref ( '' )
let DocInfo = ref ( [ {
let DocInfo = ref ( [ ] )
id : 1 ,
label : '食品类' ,
content : '《食品生产许可证》《食品经营许可证》《北京市小规模食品生产经营许可证》《北京市小食杂店备案卡》或《网络食品交易第三方平台提供者备案信息表》复印件。(以上材料有其一即可)' ,
img : foodpng
} , {
id : 2 ,
label : '化妆品类' ,
content : '《化妆品生产许可证》复印件、营业执照复印件(经营范围应包括:化妆品生产或相关内容)、化妆品注册备案信息服务平台中的化妆品注册人/备案人企业信息资料管理界面截图。(以上材料有其一即可)' ,
img : huazhuangpin
} , {
id : 3 ,
label : '公共场所类' ,
content : '《卫生许可证》复印件' ,
img : gonggongpng
} , {
id : 4 ,
label : '生活饮用水类' ,
content : '营业执照(经营范围应包括:饮用水供水服务或相关内容)或《卫生许可证》复印件。(以上材料有其一即可)' ,
img : yinyongshui
} , {
id : 5 ,
label : '消毒产品生产类' ,
content : '营业执照(经营范围应包括:生产消毒产品)或《消毒产品生产卫生许可证》复印件。(以上材料有其一即可)' ,
img : xiaodupng
} ] )
let t _info = ref ( '上述复印件均须加盖从业场所用人单位公章。\n 二、用工证明或拟录用证明(如劳动合同、工作证、就业协议书等;原件现场核查,复印件加盖用人单位公章存档)\n三、免费健康检查申请单\n四、从业人员有效身份证件( 原件现场核查, 复印件留存存档) \n' )
const check = ( id , label ) => {
const check = ( id , label ) => {
let info = pinia . yuyue _info
let info = pinia . yuyue _info
info . doc _id = id
info . doc _id = id
@ -86,7 +64,7 @@
type . value = id
type . value = id
showDialog ( {
showDialog ( {
title : DocInfo . value [ id - 1 ] . label ,
title : DocInfo . value [ id - 1 ] . label ,
message : "体检时请携带以下证件 \n" + "一、" + DocInfo . value [ id - 1 ] . content + "\n" + t _info . value ,
message : DocInfo . value [ id - 1 ] . content ,
messageAlign : 'left' ,
messageAlign : 'left' ,
confirmButtonText : '我已经知晓' ,
confirmButtonText : '我已经知晓' ,
theme : 'round-button' ,
theme : 'round-button' ,
@ -95,12 +73,25 @@
} ) ;
} ) ;
}
}
let loading = ref ( false )
const to = ( ) => {
const to = ( ) => {
/ / r o u t e r . p u s h ( ' / s e l e c t D a t e ' )
/ / r o u t e r . p u s h ( ' / s e l e c t D a t e ' )
router . push ( '/uploadFiles' )
router . push ( '/uploadFiles' )
}
}
onMounted ( ( ) => {
loading . value = true
GetIndustryList ( ) . then ( res => {
loading . value = false
if ( res . status == true ) {
DocInfo . value = res . data
DocInfo . value . forEach ( ( v , i ) => {
DocInfo . value [ i ] . content = v . content . replace ( /\\n/g , '\n' ) ;
} )
} else {
showToast ( res . msg ) ;
}
} )
} )
< / script >
< / script >
< style scoped >
< style scoped >