增加离职申请，入职申请

pages/workSpace/xingzheng/lzsq.vue

+<template>
+	<view class="detailPage bggray">
+		<view class="bgwhite cardview relative" style="overflow: auto;">
+			<CardTit title="来客信息录入" icon="zdsq.png" :userInfo="userInfo" :iDate="jfDate"/>
+			<view class="pdlr pdb">
+			<view class="pdtb10 fl-rsbc">
+				<view class="stit">辞职人</view>
+				<view @click="isAddWupin = true" class="cu"><u--image :showLoading="true"
+						:src="imgbaseUrl + 'add_circle_small.png'" width="28px" height="28px"></u--image></view>
+			</view>
+			<view class="fl-sc mgb">
+				<view class="bd1 w100 pdtb8 fl-rsbc bgwhite cu">
+					<view class="">
+						<u--input readonly placeholder="辞职类型"
+							border="none"></u--input>
+					</view>
+					<view class="cu mgr5"><u-icon name="arrow-down"></u-icon></view>
+				</view>
+			</view>
+			<view class="mgb10 cardview bgwhite pd">
+				<view class="fl mgb10">
+					<view class="fl-cc bggray mgr" style="width: 100px; height: 100px;">
+						<u--image :showLoading="true"
+								:src="imgbaseUrl + 'add_circle_small.png'" width="28px" height="28px"></u--image>
+					</view>
+					<view>
+						<view class="fl-rsbc mgb10">
+							<view class="fl">
+								<u-avatar size='35' :src="userInfo.avatar"></u-avatar><text
+									class="mgl5">{{userInfo.nickname}}</text><span
+									class="gray-tag mgl10">{{userInfo.department}}</span>
+							</view>
+						</view>
+						<view class="fl mgb10">
+							<view class="stext">工号：</view>
+							<view class="stit">UIOJio89900</view>
+						</view>
+						<view class="fl mgb10">
+							<view class="stext">部门负责人：</view>
+							<view class="stit">张无忌</view>
+						</view>
+					</view>
+				</view>
+				<view class="fl-rsb">
+				<view class="fl mgb10">
+					<view class="stext">副总经理：</view>
+					<view class="stit">谢逊</view>
+				</view>
+				<view class="fl mgb10">
+					<view class="stext">总经理：</view>
+					<view class="stit">杨逍</view>
+				</view>
+				</view>
+				<view class="fl">
+					<view class="stext">进厂日期：</view>
+					<view class="stit">2001年02月09日</view>
+				</view>
+			</view>
+			<u--form labelPosition="top" :model="rzForm" :rules="rules" labelWidth="400" ref="uForm">
+				<view class="fl-rsbc bgwhite bd1 pdtb5">
+					<view class="stext">
+						辞职生效日期：
+					</view>
+					<view class="">
+						<uni-datetime-picker :border="false" returnType="timestamp" v-model="rzForm.rzDate"
+							@change="selectedPicker($event)" type="date" :end="Date.now() + 10000000000000"
+							:start="Date.now()" />
+					</view>
+				</view>
+				<view class="fl-rsbc bgwhite bd1 pdtb5">
+					<view class="stext">
+						劳动合同开始日期：
+					</view>
+					<view class="">
+						<uni-datetime-picker :border="false" returnType="timestamp" v-model="rzForm.rzDate"
+							@change="selectedPicker($event)" type="date" :end="Date.now() + 10000000000000"
+							:start="Date.now()" />
+					</view>
+				</view>
+				<view class="fl-rsbc bgwhite bd1 pdtb5">
+					<view class="stext">
+						劳动合同结束日期：
+					</view>
+					<view class="">
+						<uni-datetime-picker :border="false" returnType="timestamp" v-model="rzForm.rzDate"
+							@change="selectedPicker($event)" type="date" :end="Date.now() + 10000000000000"
+							:start="Date.now()" />
+					</view>
+				</view>
+				<view class="w100 fl-rsbc mgt bgwhite cu">
+					<view class="w100 fl-rsbc bgwhite cu bdr">
+						<u--textarea height="150" placeholder="辞职申请意见:" count></u--textarea>
+					</view>
+				</view>
+				<view class="w100 fl-rsbc mgt bgwhite cu">
+					<view class="w100 fl-rsbc bgwhite cu bdr">
+						<u--textarea height="220" placeholder="辞职理由:" count></u--textarea>
+					</view>
+				</view>
+				<view class="w100 fl-rsbc mgt bgwhite cu">
+					<view class="w100 fl-rsbc bgwhite cu bdr">
+						<u--textarea height="220" placeholder="辞职理由(打印):" count></u--textarea>
+					</view>
+				</view>
+			</u--form>
+			</view>
+		</view>
+		<view class="pdtb fl-rsbc">
+			<view class="stit">物品交接</view>
+			<view @click="isAddWupin = true" class="cu"><u--image :showLoading="true"
+					:src="imgbaseUrl + 'add_circle_small.png'" width="28px" height="28px"></u--image></view>
+		</view>
+		<view class="mgb10">
+			<TableCard />
+		</view>
+		<view class="pdtb fl-rsbc">
+			<view class="stit">财务确认</view>
+			<view @click="isAddWupin = true" class="cu"><u--image :showLoading="true"
+					:src="imgbaseUrl + 'add_circle_small.png'" width="28px" height="28px"></u--image></view>
+		</view>
+		<view class="mgb10 cardview bgwhite pd">
+			<view>
+				<view class="desctit mgb5">2024-01-02 至 2024-01-08 </view>
+				<view class="stext">北京XXX有限责任公司</view>
+			</view>
+		</view>
+		<view class="pdb">
+			<view class="stit pdb">审批流程：</view>
+			<view>
+				<TimeLine :items="timelineData" />
+			</view>
+		</view>
+		<view class="fix-area bgwhite">
+			<view class="pdlr pdt">
+				<u-button type="primary" class="confirm-btn" @click="onGoodsCG">提交</u-button>
+			</view>
+		</view>
+		<u-popup mode="bottom" bgColor="#F7F7F7" :round="10" :show="isAddWupin" @close="isAddWupin = false"
+			@open="open">
+			<view class="pd">
+				<view class="fl-rsbc pdb">
+					<view class="stit">教育经历：</view>
+					<view class="cu" @click="isAddWupin = false">
+						<u--image :showLoading="true" :src="imgbaseUrl + 'close.png'" width="18px"
+							height="18px"></u--image>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+		<u-action-sheet :show="isShowSex" :actions="sexActions" title="请选择采购类型" description="请谨慎选择"
+			@close="isShowSex = false" @select="cgTypeSelect">
+		</u-action-sheet>
+	</view>
+</template>
+
+<script>
+	import TimeLine from '@/components/TimeLine.vue'
+	import TableCard from '@/components/TableCard.vue'
+	import CardTit from '@/components/cardTit.vue'
+	export default {
+		components: {
+			TimeLine,
+			TableCard,
+			CardTit
+		},
+		data() {
+			return {
+				imgbaseUrl: this.$globalv.imgBaseUrl,
+				pageTitle: "离职申请",
+				jfDate: Date.now(),
+				// 物品清单
+				goodsList: [{}],
+				fileList: [{
+					fileName: '附件1'
+				}],
+				rzForm: {
+					department: 0,
+					isDeduct: false,
+					deductPrice: 0.00,
+					cgtype: "",
+					reasons: "",
+					rzDate: Date.now(),
+					jfDate: new Date().getTime(),
+					company: '',
+					type: 0,
+					remark: ''
+				},
+				isShowSex: false,
+				isAddWupin: false,
+				deliveryShow: false,
+				isShowlyCompany: false,
+				rules: {
+					'reasons': {
+						type: 'string',
+						required: true,
+						message: '请填写姓名',
+						trigger: ['blur', 'change']
+					},
+					'cgtype': {
+						type: 'number',
+						max: 1,
+						required: true,
+						message: '请选择申请领用类型',
+						trigger: ['blur', 'change']
+					},
+					'jfDate': {
+						type: 'number',
+						max: 13,
+						required: true,
+						message: '请填写姓名',
+						trigger: ['blur', 'change']
+					},
+				},
+				sexActions: [{
+						name: '男',
+						value: 0
+					},
+					{
+						name: '女',
+						value: 1
+					}
+				],
+				timelineData: [{
+						title: '事件一',
+						date: '2023-04-01',
+						content: '这是第一个事件的内容',
+						username: '张三',
+						avatar: 'avatar1.jpg',
+						status: 'status1' // 假设这是状态1  
+					},
+					{
+						title: '事件二',
+						date: '2023-04-05',
+						content: '这是第二个事件的内容',
+						username: '李四',
+						avatar: 'avatar2.jpg',
+						status: 'status2' // 假设这是状态2  
+					},
+					{
+						title: '事件三',
+						date: '2023-04-10',
+						content: '这是第三个事件的内容',
+						username: '王五',
+						avatar: 'avatar3.jpg',
+						status: 'status3' // 假设这是状态3  
+					}
+				],
+				userInfo: {
+					nickname: "蒋晓飞",
+					department: "技术咨询",
+					avatar: ""
+				}
+			};
+		},
+		created() {
+			console.log("图片路径：", this.imgbaseUrl)
+		},
+		watch: {
+			jfDate() {
+				console.log('日期时间单选:', this.jfDate);
+			},
+		},
+		methods: {
+			onGoodsCG() {
+				uni.navigateBack()
+			},
+			open() {
+
+			},
+			changeExpense(e) {},
+			cgTypeSelect(e) {
+				this.rzForm.cgtype = e.name
+				this.$refs.uForm.validateField('rzForm.cgtype')
+			},
+			lyCompanySelect(e) {
+				this.rzForm.Company = e.name
+				this.$refs.uForm.validateField('rzForm.Company')
+			},
+			selectedPicker(e) {
+				console.log(e)
+			},
+		},
+		onLoad() {
+			// 设置首页标题
+			uni.setNavigationBarTitle({
+				title: this.pageTitle
+			});
+		},
+		onReady() {
+			//如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。
+			// this.$refs.uForm.setRules(this.rules)
+		},
+	};
+</script>
\ No newline at end of file

pages/workSpace/xingzheng/rzsq.vue

 <template>
 	<view class="detailPage bggray">
 		<view class="bgwhite pd cardview relative" style="overflow: auto;">
-		<!-- <view class="filebg"></view> -->
-		<u--form labelPosition="top" :model="rzForm" :rules="rules" labelWidth="400" ref="uForm">
-			<view class="pdb10">
-				<u-form-item label="" prop="rzForm." ref="item1">
-					<view class="w100 fl-rsbc bgwhite cu bdr">
-						<u--input placeholder="请输入姓名" type="number" clearable></u--input>
+			<!-- <view class="filebg"></view> -->
+			<u--form labelPosition="top" :model="rzForm" :rules="rules" labelWidth="400" ref="uForm">
+				<view class="fl-rsb">
+					<view class="pdtb10 fl-rsbc bgwhite bd1 mgr">
+						<u--input border="none" placeholder="姓名" type="number" clearable></u--input>
 					</view>
-				</u-form-item>
-				<u-form-item label="" prop="lytype" @click="isShowSex = true" ref="item1">
-					<view class="w100 pdtb10 fl-rsbc bgwhite bdr4 bd1 cu">
-						<view class="pdl10">
-							<u--input v-model="rzForm.cgtype" placeholder="请选择性别" border="none"></u--input>
+					<view class="pdtb10 fl-rsbc bgwhite bd1" @click="isShowSex = true">
+						<view class="">
+							<u--input v-model="rzForm.cgtype" readonly placeholder="性别" border="none"></u--input>
 						</view>
 						<view class="cu mgr5"><u-icon name="arrow-down"></u-icon></view>
 					</view>
-				</u-form-item>
-				<u-form-item label="出生年月：" prop="lytype" @click="isShowlyType = true" ref="item1">
-					<view class="w100 pdtb5 fl-rsbc bgwhite bdr cu">
-
-						<uni-datetime-picker returnType="timestamp" v-model="rzForm.rzDate"
+				</view>
+				<view class="">
+					<view class="pdtb10 fl-rsbc bgwhite bd1">
+						<u--input border="none" placeholder="身份证号" type="number" clearable></u--input>
+					</view>
+				</view>
+				<view class="fl-rsbc bgwhite bd1 pdtb5">
+					<view class="stext">
+						出生年月：
+					</view>
+					<view class="">
+						<uni-datetime-picker :border="false" returnType="timestamp" v-model="rzForm.rzDate"
 							@change="selectedPicker($event)" type="date" :end="Date.now() + 10000000000000"
 							:start="Date.now()" />
 					</view>
-				</u-form-item>
-				<view class="pdb fl-rsbc">
-					<view class="stit">教育经历</view>
-					<view @click="isAddWupin = true" class="cu"><u--image :showLoading="true" :src="imgbaseUrl + 'add_circle_small.png'" width="28px" height="28px"></u--image></view>
 				</view>
-				<view class="mgb10 cardview bgwhite pd">
-					<TableCard />
+				<view class="fl-rsb">
+					<view class="pdtb10 fl-rsbc bgwhite bd1 mgr">
+						<u--input border="none" placeholder="手机号" type="number" clearable></u--input>
+					</view>
+					<view class="pdtb10 fl-rsbc bgwhite bd1">
+						<u--input border="none" placeholder="拟报工种" type="number" clearable></u--input>
+					</view>
 				</view>
-				<view class="pdtb fl-rsbc">
-					<view class="stit">个人履历</view>
-					<view @click="isAddWupin = true" class="cu"><u--image :showLoading="true" :src="imgbaseUrl + 'add_circle_small.png'" width="28px" height="28px"></u--image></view>
+				<view class="">
+					<view class="pdtb10 fl-rsbc bgwhite bd1">
+						<u--input border="none" placeholder="现居住地" type="number" clearable></u--input>
+					</view>
 				</view>
-				<view class="mgb10 cardview bgwhite pd">
-					<view>
-						<view class="desctit mgb5">2024-01-02 至 2024-01-08 </view>
-						<view class="stext">北京XXX有限责任公司</view>
+				<view class="fl-rsb">
+					<view class="pdtb10 fl-rsbc bgwhite bd1 mgr">
+						<u--input border="none" placeholder="报名人" type="number" clearable></u--input>
+					</view>
+					<view class="pdtb10 fl-rsbc bgwhite">
+						<checkbox-group @change="radioChange" class="fl-wrap">
+							<view style="font-size: 16px; width:110px;" class="">
+								<checkbox color="#2452D1" style="transform: translateX(-3px) scale(0.6);" />计件
+							</view>
+						</checkbox-group>
 					</view>
 				</view>
-				<view class="pdtb fl-rsbc">
-					<view class="stit">家庭成员</view>
-					<view @click="isAddWupin = true" class="cu"><u--image :showLoading="true" :src="imgbaseUrl + 'add_circle_small.png'" width="28px" height="28px"></u--image></view>
+				<view class="w100 fl-rsbc mgt bgwhite cu mgt">
+					<view class="w100 fl-rsbc bgwhite cu bdr">
+						<u--textarea height="150" placeholder="个人特长:" count></u--textarea>
+					</view>
 				</view>
+				<view class="w100 fl-rsbc mgt bgwhite cu mgt">
+					<view class="w100 fl-rsbc bgwhite cu bdr">
+						<u--textarea height="220" placeholder="职业规划:" count></u--textarea>
+					</view>
+				</view>
+			</u--form>
+		</view>
+		<view class="pdtb fl-rsbc">
+			<view class="stit">教育经历</view>
+			<view @click="isAddWupin = true" class="cu"><u--image :showLoading="true"
+					:src="imgbaseUrl + 'add_circle_small.png'" width="28px" height="28px"></u--image></view>
+		</view>
+		<view class="mgb10">
+			<TableCard />
+		</view>
+		<view class="pdtb fl-rsbc">
+			<view class="stit">个人履历</view>
+			<view @click="isAddWupin = true" class="cu"><u--image :showLoading="true"
+					:src="imgbaseUrl + 'add_circle_small.png'" width="28px" height="28px"></u--image></view>
+		</view>
+		<view class="mgb10 cardview bgwhite pd">
+			<view>
+				<view class="desctit mgb5">2024-01-02 至 2024-01-08 </view>
+				<view class="stext">北京XXX有限责任公司</view>
+			</view>
+		</view>
+		<view class="pdtb10 fl-rsbc">
+			<view class="stit">家庭成员</view>
+			<view @click="isAddWupin = true" class="cu"><u--image :showLoading="true"
+					:src="imgbaseUrl + 'add_circle_small.png'" width="28px" height="28px"></u--image></view>
+		</view>
+
 				<view class="mgb10 cardview bgwhite pd">
 					<view class="fl-rsbc">
 						<view class="fl">
@@ -56,28 +101,16 @@
 						<view>{{ $u.timeFormat(rzForm.cgDate, 'yyyy年mm月dd日')}}</view>
 					</view>
 				</view>
-				<u-form-item label="事由：" prop="rzForm.reasons" ref="item1">
-					<view class="w100 fl-rsbc bgwhite cu bdr">
-						<u--textarea height="140" v-model="rzForm.reasons" placeholder="请输入内容"
-							count></u--textarea>
-					</view>
-				</u-form-item>
+		<view class="pdb">
+			<view class="stit pdb">审批流程：</view>
+			<view>
+				<TimeLine :items="timelineData" />
 			</view>
-			<u-form-item label="是否扣除业务费" prop="rzForm." ref="item1" labelPosition="left">
-				<u-switch slot="right" v-model="rzForm.isDeduct" @change="changeExpense" size="40"></u-switch>
-			</u-form-item>
-			<view class="pdb">
-				<view class="stit pdb">审批流程：</view>
-				<view>
-					<TimeLine :items="timelineData" />
-				</view>
-			</view>
-			<view class="fix-area bgwhite">
-				<view class="pdlr pdt">
-					<u-button type="primary" class="confirm-btn" @click="onGoodsCG">提交</u-button>
-				</view>
+		</view>
+		<view class="fix-area bgwhite">
+			<view class="pdlr pdt">
+				<u-button type="primary" class="confirm-btn" @click="onGoodsCG">提交</u-button>
 			</view>
-		</u--form>
 		</view>
 		<u-popup mode="bottom" bgColor="#F7F7F7" :round="10" :show="isAddWupin" @close="isAddWupin = false"
 			@open="open">
@@ -119,7 +152,7 @@
 					department: 0,
 					isDeduct: false,
 					deductPrice: 0.00,
-					cgtype: "请选择性别",
+					cgtype: "",
 					reasons: "",
 					rzDate: Date.now(),
 					jfDate: new Date().getTime(),