客户页面

pages/admin/Hetong/components/bingFuWuFei.vue

@@ -1,14 +1,42 @@
 <template>
 	<uni-collapse class="sfht-collapse-box"  @change="handleChange">
 		<uni-collapse-item title="丙方服务费" :open="true">
-			丙方服务费
-			
+			<view class="form-label-input">
+				<view class="fwnr-form-label"><text class="form-label-require"></text>服务费=乙方基本月报酬x倍数</view>
+				<uni-easyinput v-model="data.hetong.fuwufeiRate" placeholder="请输入倍数" />
+			</view>
+			<view class="form-label-input form-label-disabled">
+				<view class="fwnr-form-label"><text class="form-label-require"></text>即人民币(元)</view>
+				<view>{{money}}</view>
+			</view>
 		</uni-collapse-item>
 	</uni-collapse>
 </template>
 
 <script setup>
+	import {
+		useHetong
+	} from "../useHetong.js"
+	import {computed} from "vue";
+	const {
+		injectHetong
+	} = useHetong();
+	
+	const data = injectHetong();
+	
+	
+	
 	const emits = defineEmits(['change'])
+	
+	const money = computed(() => {
+		if (data.hetong.baochou && data.hetong.fuwufeiRate) {
+			return data.hetong.baochou * data.hetong.fuwufeiRate
+		} else {
+			return 0
+		}
+	})
+	
+	
 	function handleChange() {
 		emits('change')
 	}

pages/admin/Hetong/components/fuWuBaoChou.vue

@@ -5,6 +5,22 @@
 				<view class="phone-form-label"><text class="form-label-require"></text>乙方基本月报酬(元)</view>
 				<uni-easyinput v-model="data.hetong.baochou" placeholder="请输入金额" />
 			</view>
+			<view class="form-label-input">
+				<view class="phone-form-label"><text class="form-label-require"></text>基本日报酬(基本月报酬÷工作天数)</view>
+				<uni-easyinput v-model="data.hetong.baochou" placeholder="请输入工作天数" />
+			</view>
+			<view class="form-label-input">
+				<view class="phone-form-label"><text class="form-label-require"></text>乙方每个月休息(天)</view>
+				<uni-easyinput v-model="data.hetong.baochou" placeholder="请输入休息天数" />
+			</view>
+			<view class="form-label-input">
+				<view class="phone-form-label"><text class="form-label-require"></text>加班费(日报酬x倍数)</view>
+				<view >2倍</view>
+			</view>
+			<view class="form-label-input">
+				<view class="phone-form-label"><text class="form-label-require"></text>每月工资发放日期(日)</view>
+				<uni-easyinput v-model="data.hetong.fafangri" placeholder="请输入每月发放日" />
+			</view>
 		</uni-collapse-item>
 	</uni-collapse>
 </template>

pages/admin/Hetong/components/fuWuShiJian.vue

@@ -1,17 +1,70 @@
 <template>
-	<uni-collapse class="sfht-collapse-box"  @change="handleChange">
+	<uni-collapse class="sfht-collapse-box" @change="handleChange">
 		<uni-collapse-item title="服务时间" :open="true">
-			服务时间
-			
+			<view class="form-label-select form-radius-box">
+				<view class="phone-form-label"><text class="form-label-require"></text>甲丙双方服务期限(开始)</view>
+				<picker mode='date' :value="data.hetong.jiabingStartDate" @change="onDateStartSelect"
+					class="select-picker-box">
+					<view class="uni-input">{{data.hetong.jiabingStartDate}}</view>
+				</picker>
+			</view>
+			<view class="form-label-select form-radius-box">
+				<view class="phone-form-label"><text class="form-label-require"></text>甲丙双方服务期限(结束)</view>
+				<picker mode='date' :value="data.hetong.jiabingEndDate" @change="onDateEndSelect"
+					class="select-picker-box">
+					<view class="uni-input">{{data.hetong.jiabingEndDate}}</view>
+				</picker>
+			</view>
+			<view class="form-label-select form-radius-box">
+				<view class="phone-form-label"><text class="form-label-require"></text>甲乙双方服务期限(开始)</view>
+				<picker mode='date' :value="data.hetong.jiayiStartDate" @change="onDateStartSelect2"
+					class="select-picker-box">
+					<view class="uni-input">{{data.hetong.jiayiStartDate}}</view>
+				</picker>
+			</view>
+			<view class="form-label-select form-radius-box">
+				<view class="phone-form-label"><text class="form-label-require"></text>甲乙双方服务期限(结束)</view>
+				<picker mode='date' :value="data.hetong.jiayiEndDate" @change="onDateEndSelect2"
+					class="select-picker-box">
+					<view class="uni-input">{{data.hetong.jiayiEndDate}}</view>
+				</picker>
+			</view>
 		</uni-collapse-item>
 	</uni-collapse>
 </template>
 
 <script setup>
+	import {
+		useHetong
+	} from "../useHetong.js"
+
+	const {
+		injectHetong
+	} = useHetong();
+	const data = injectHetong();
+
 	const emits = defineEmits(['change'])
+
 	function handleChange() {
 		emits('change')
 	}
+
+	function onDateStartSelect(e) {
+		console.log('cccc', e)
+		data.hetong.jiabingStartDate = e.detail.value
+	}
+
+	function onDateEndSelect(e) {
+		data.hetong.jiabingEndDate = e.detail.value
+	}
+
+	function onDateStartSelect2(e) {
+		data.hetong.jiayiStartDate = e.detail.value
+	}
+
+	function onDateEndSelect2(e) {
+		data.hetong.jiayiEndDate = e.detail.value
+	}
 </script>
 <style>
 </style>

pages/admin/Hetong/components/qianMing.vue

@@ -1,6 +1,6 @@
 <template>
 	<!-- 合同模板 -->
-	<view class="sfht-form-box">
+	<view class="sfht-mt24">
 		<view class="form-label-select form-radius-box">
 			<view class="phone-form-label"><text class="form-label-require"></text>签名</view>
 			<view class="form-radio-select" @click="handleQianming">