页面更新

api/common.js

@@ -777,4 +777,28 @@ export function getCommonJyjxDierketangInfo(data = {}) {
 		data,
 		timeout: 20000
 	})
+}
+
+export function getCommonYubaoming(data = {}) {
+	return request({
+		'url': '/common/client/baoming/add',
+		headers: {
+			isToken: false
+		},
+		method: 'post',
+		data,
+		timeout: 20000
+	})
+}
+
+export function getCommonYubaomingZhuanyeList(data = {}) {
+	return request({
+		'url': '/common/client/baoming/zhuanye/list',
+		headers: {
+			isToken: false
+		},
+		method: 'post',
+		data,
+		timeout: 20000
+	})
 }

pages/zsjyYubaoming/zsjyYubaoming.vue

@@ -1,6 +1,61 @@
 <template>
-	<view>
-		
+	<view class="dljt-page-box">
+		<MtaNavbar></MtaNavbar>
+		<view class="dljt-container-box">
+			<view class="dljt-page-title">招生就业</view>
+			<view class="dljt-page-content-box">
+				<view class="dljt-breadcrumb-box">
+					<view class="breadcrumb-text" @click="handleGo()">首页</view>
+					<icon class="breadcrumb-jt"></icon>
+					<view class="breadcrumb-text">招生就业</view>
+					<icon class="breadcrumb-jt"></icon>
+					<view class="breadcrumb-active">预报名</view>
+				</view>
+				<view>
+					<form @submit="formSubmit">
+						<view class="uni-form-item uni-column">
+							<view class="title">姓名</view>
+							<input class="uni-input" name="input" v-model="formData.name" placeholder="请输入姓名" />
+						</view>
+						<view class="uni-form-item uni-column">
+							<view class="title">身份证号</view>
+							<input class="uni-input" name="input" v-model="formData.name" placeholder="请输入身份证号" />
+						</view>
+						<view class="uni-form-item uni-column">
+							<view class="title">预报专业</view>
+							<uni-data-select class="uni-input" v-model="formData.zhuanye" :localdata="range"
+								@change="change" placeholder="请选择预报专业"></uni-data-select>
+						</view>
+						<view class="uni-form-item uni-column">
+							<view class="title">联系电话</view>
+							<input class="uni-input" name="input" v-model="formData.dianhua" placeholder="请输入联系电话" />
+						</view>
+						<view class="uni-form-item uni-column">
+							<view class="title">初中毕业学校</view>
+							<input class="uni-input" name="input" v-model="formData.xuexiao" placeholder="请输入初中毕业学校" />
+						</view>
+						<view class="uni-form-item uni-column">
+							<view class="title">模拟考试分数</view>
+							<input class="uni-input" name="input" v-model="formData.fenshu" placeholder="请输入模拟考试分数" />
+						</view>
+						<view class="uni-form-item uni-column">
+							<view class="title">身高</view>
+							<input class="uni-input" name="input" v-model="formData.shengao" placeholder="请输入身高" />
+						</view>
+						<view class="uni-form-item uni-column">
+							<view class="title">体重</view>
+							<input class="uni-input" name="input" v-model="formData.tizhong" placeholder="请输入体重" />
+						</view>
+						<view class="uni-btn-v">
+							<button form-type="submit">确认报名</button>
+						</view>
+					</form>
+
+				</view>
+			</view>
+			<!-- 底部导航 -->
+			<MtaFooter></MtaFooter>
+		</view>
 	</view>
 </template>
 
@@ -13,23 +68,90 @@
 		onLoad
 	} from "@dcloudio/uni-app"
 	import * as httpApi from "@/api/common.js"
-	
-	
-	const data = reactive({
-		content: ''
-	})
-	
-	onLoad(() => {
-		pageInit();
+	import MtaScrollViewVue from "@/components/MtaScrollView/MtaScrollView.vue";
+	import {
+		formatDateToYearMonthDay,
+		getStringByHtml3
+	} from "@/utils/common.js"
+	import MtaFooter from "@/components/MtaFooter.vue"
+	import default1 from '@/static/images/common/news-bj1.jpg'
+
+	const range = ref([])
+
+	const formData = reactive({
+		name: '',
+		idcard: '',
+		fenshu: '',
+		dianhua: '',
+		shengao: '',
+		tizhong: '',
+		xuexiao: '',
+		zhuanye: '',
 	})
-	
+
+	function formSubmit() {
+		
+		if (!formData.name) {
+			uni.showToast({
+				title: '请输入姓名'
+			})
+			return;
+		}
+		
+		if (!formData.idcard) {
+			uni.showToast({
+				title: '请输入身份证号'
+			})
+			return;
+		}
+		if (!formData.zhuanye) {
+			uni.showToast({
+				title: '请选择预报专业'
+			})
+			return;
+		}
+		
+		httpApi.getCommonYubaoming(formData).then(res => {
+			if (res.data) {
+				uni.showToast({
+					title: '报名成功！'
+				})
+			}
+		})
+	}
+
+	function handleClick(data) {
+		uni.navigateTo({
+			url: `/pages/dqgzXueyuanfengcaiInfo/dqgzXueyuanfengcaiInfo?id=${data.id}`
+		})
+	}
+
+	function getList(data) {
+		return httpApi.getDangjianFengcaiList(data)
+	}
+
+	function handleGo() {
+		uni.navigateTo({
+			url: '/pages/index/index'
+		})
+	}
+
 	function pageInit() {
-		httpApi.getCommonGaikuangJigouShezhiInfo().then(res => {
-			data.content = res.data.content;
+		httpApi.getCommonYubaomingZhuanyeList().then(res => {
+			range.value = res.data.map(item => {
+				return {
+					value: item,
+					text: item
+				}
+			});
+
 		})
 	}
+	onLoad(() => {
+		pageInit();
+	})
 </script>
 
 <style>
 
-</style>
+</style>