2023-9-21

api/certificate.js

@@ -33,3 +33,13 @@ export function uploads(data) {
 		data
 	});
 }
+
+// 分类列表
+export function getJobsList(data) {
+	return request({
+		url: '/api/cert/jobs',
+		method: 'get',
+		data
+	});
+}
+

manifest.json

@@ -80,12 +80,13 @@
             "proxy" : {
                 "/api" : {
                     "target" : "https://vote.myjie.cn",
-                    "changeOrigin": true
-                    // "pathRewrite" : {
-                    //     "/api" : "" // rewrite path
-                    // }
+                    "changeOrigin" : true
                 }
             }
         }
     }
 }
+// "pathRewrite" : {
+//     "/api" : "" // rewrite path
+// }
+

pages.json

@@ -93,7 +93,7 @@
 			"path": "pages/certificate/showCertificate",
 			"style": {
 				"navigationStyle":"custom",
-				"navigationBarTitleText": "资料展示"
+				"navigationBarTitleText": "母婴健康专委会证书查询系统"
 			}
 		},
 		{

pages/certificate/apply.vue

@@ -8,7 +8,7 @@
 			<view class="list">
 				<view class="lable">性别</view>
 				<picker class="picker" mode="selector" :range="typeList" range-key='name' @change="changeType">
-					<view>{{typeList[list.gender].name}}</view>
+					<view class="pickertext">{{typeList[list.gender].name}}</view>
 				</picker>
 				<image class="image-next" mode="widthFix" src="@/static/img/jt.png"></image>
 			</view>
@@ -18,8 +18,11 @@
 			</view>
 			<view class="list">
 				<view class="lable">岗位职业：</view>
-				<input class="input" type="text" v-model="list.job" placeholder="请输入您的岗位职业" />
-				<!-- <image class="image-next" mode="widthFix" src="@/static/img/jt.png"></image> -->
+				<picker class="picker" mode="selector" :range="jobsList" range-key='cert_name' @change="changeJob">
+					<view class="pickertext" v-if="jobsList.length>0">{{jobsList[jobChecked].cert_name}}</view>
+					<view class="pickertext" v-else>加载中</view>
+				</picker>
+				<image class="image-next" mode="widthFix" src="@/static/img/jt.png"></image>
 			</view>
 		</view>
 		<view class="img margin-t-30 padding-v-30 padding-c-30">
@@ -39,7 +42,8 @@
 	import {
 		cert,
 		certApply,
-		uploads
+		uploads,
+		getJobsList
 	} from '@/api/certificate.js'
 	import {
 		getUserInfo
@@ -47,6 +51,8 @@
 	export default {
 		data() {
 			return {
+				jobsList:[],
+				jobChecked:0,//默认选中的对象
 				list: {
 					name: '', //姓名
 					gender: 0, //性别
@@ -65,8 +71,23 @@
 		},
 		onLoad() {
 			getUserInfo();
+			this.getJobsList();
 		},
 		methods: {
+			//职业变更
+			changeJob(re){
+				this.jobChecked = re.detail.value;
+				this.list.job = this.jobsList[this.jobChecked].cert_name
+			},
+			//加载职业
+			getJobsList(){
+				getJobsList( ).then(res => {
+					this.jobsList = res.data.data;
+					this.list.job = this.jobsList[0].cert_name
+				}).catch(res => {
+					console.log(res)
+				})
+			},
 			// 修改
 			changeType(res) {
 				this.list.gender = res.detail.value;
@@ -177,6 +198,10 @@
 
 		.picker {
 			flex-grow: 1;
+			.pickertext{
+				font-size: $font-base;
+				color: rgb(128, 128, 128) ;
+			}
 		}
 
 		.lable {

pages/certificate/showCertificate.vue

@@ -4,7 +4,7 @@
 		<view class="content">
 			<view class="flex">
 				<image class="avImg" :src="info.photo" mode="scaleToFill"></image>
-				<view class="title">
+				<view class="title padding-b-10">
 					<view class="item flex">
 						<view class="name">
 							姓<text class="jg1"></text>名：
@@ -32,16 +32,16 @@
 				</view>
 			</view>
 			<view class="according">
-				<view class="indentation">
-					依据 O/ZG2001-2018 和 O/ZG3001-2018 评价标准及母婴界人才入库规定 ，经母婴界审核，您的信息符合入库条件，同意加入人才库，特此证明。
+				<view class="indentation padding-t-20">
+					依据 Q /ZG2001-2018和 Q /ZG3001-2018评价标准及母婴健康专委会服务网人才入库规定，经母婴健康专委会服务网审核，您的信息符合入库条件，同意加入人才库，特此证明。
 				</view>
-				<view class="indentation">
+				<view class="indentation padding-t-30">
 					According to the O/ZG2001-2018 and G3001-2018evaluation standards and the talent pool regulationsof
 					Zhonggong Credit Service Network,after thereview of Zhonggong Credit Service Network,yourinformation
 					meets the requirements,Agree to jointhe talent pool, Hereby certify.
 				</view>
 			</view>
-			<view class="lsbox margin-b-30">
+			<view class="lsbox margin-b-30 padding-t-20 padding-b-10">
 				<view class="item flex">
 					<view class="name">
 						岗位职业：

unpackage/dist/build/h5/index.html

@@ -1,2 +1,2 @@
 <!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>母婴界</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
-            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.97465e7b.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.004ff2d7.js></script><script src=/index/static/js/index.15001fbe.js></script></body></html>
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/index/static/index.97465e7b.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/index/static/js/chunk-vendors.004ff2d7.js></script><script src=/index/static/js/index.d23fef14.js></script></body></html>