省级互助保障修改

src/main/resources/views/platform/zhghh5/staffbenefit/maternityLeave/apply/index.html

@@ -73,18 +73,51 @@ layout("/layouts/platform_h5.html"){
             </van-cell-group>
 
             <van-cell-group title="假期类型" class="form-section">
-                <van-field label="陪产假" v-model="formData.withLeave" placeholder="请输入天数" type="number"
+                <van-field label="陪产假" v-model="formData.withLeave" readonly  type="number"
                            v-if="isMale" required></van-field>
-                <van-field label="育儿假" v-model="formData.parentalLeave" placeholder="请输入天数" type="number"
+                <van-field label="育儿假" v-model="formData.parentalLeave" readonly type="number"
                            v-if="isMale" required></van-field>
                 <van-field label="产假" v-model="formData.maternityLeave" placeholder="请输入天数" type="number"
                            v-if="isFemale" required></van-field>
                 <van-field label="延长假" v-model="formData.extendLeave" placeholder="请输入天数" type="number"
                            v-if="isFemale" required></van-field>
-                <van-field label="多胞胎" v-model="formData.birthsLeave" placeholder="请输入天数" type="number"
-                           v-if="isFemale" required></van-field>
-                <van-field label="难产假" v-model="formData.difficultLeave" placeholder="请输入天数" type="number"
-                           v-if="isFemale" required></van-field>
+                <!-- 替换原有的多胞胎和难产假输入框 -->
+                <van-field
+                        v-if="isFemale"
+                        label="多胞胎"
+                        v-model="formData.birthsLeave"
+                        readonly
+                        placeholder="请选择天数"
+                        @click="showBirthsLeavePicker = true"
+                        clickable
+                ></van-field>
+                <van-popup position="bottom" round v-model:show="showBirthsLeavePicker">
+                    <van-picker
+                            :columns="[{value: 15, text: '15天'}]"
+                            @cancel="showBirthsLeavePicker = false"
+                            @confirm="onBirthsLeaveConfirm"
+                            show-toolbar
+                    ></van-picker>
+                </van-popup>
+
+                <van-field
+                        v-if="isFemale"
+                        label="难产假"
+                        v-model="formData.difficultLeave"
+                        readonly
+                        placeholder="请选择天数"
+                        @click="showDifficultLeavePicker = true"
+                        clickable
+                ></van-field>
+                <van-popup position="bottom" round v-model:show="showDifficultLeavePicker">
+                    <van-picker
+                            :columns="[{value: 15, text: '15天'}]"
+                            @cancel="showDifficultLeavePicker = false"
+                            @confirm="onDifficultLeaveConfirm"
+                            show-toolbar
+                    ></van-picker>
+                </van-popup>
+
                 <van-field label="寒假" v-model="formData.winterLeave" placeholder="请输入天数"
                            type="number" ></van-field>
                 <van-field label="暑假" v-model="formData.summerLeave" placeholder="请输入天数"
@@ -180,6 +213,8 @@ layout("/layouts/platform_h5.html"){
                 showStartTimePicker: false,
                 showEndTimePicker: false,
                 showChildrenBirthdayPicker: false,
+                showBirthsLeavePicker: false,
+                showDifficultLeavePicker: false,
                 minDate: new Date(1950, 0, 1), // 设置最小日期为1950年1月1日
                 maxDate: new Date(2040, 12, 31), // 设置最大日期为2040年12月31日
                 // 表单验证规则
@@ -193,8 +228,6 @@ layout("/layouts/platform_h5.html"){
                     parentalLeave: [{ required: true, message: '请输入育儿假天数' }],
                     maternityLeave: [{ required: true, message: '请输入产假天数' }],
                     extendLeave: [{ required: true, message: '请输入延长假天数' }],
-                    birthsLeave: [{ required: true, message: '请输入多胞胎天数' }],
-                    difficultLeave: [{ required: true, message: '请输入难产假天数' }],
                     startTime: [{ required: true, message: '请选择休假开始时间' }],
                     endTime: [{ required: true, message: '请选择休假结束时间' }],
                     childrenBirthday: [{ required: true, message: '请选择子女出生日期' }]
@@ -370,12 +403,6 @@ layout("/layouts/platform_h5.html"){
                     if (!this.formData.extendLeave && this.formData.extendLeave !== 0) {
                         errors.push('请输入延长假天数');
                     }
-                    if (!this.formData.birthsLeave && this.formData.birthsLeave !== 0) {
-                        errors.push('请输入多胞胎天数');
-                    }
-                    if (!this.formData.difficultLeave && this.formData.difficultLeave !== 0) {
-                        errors.push('请输入难产假天数');
-                    }
                 }
 
                 if (!this.formData.startTime) {
@@ -467,6 +494,16 @@ layout("/layouts/platform_h5.html"){
                 this.showChildrenBirthdayPicker = false;
             },
 
+            onBirthsLeaveConfirm(value) {
+                this.$set(this.formData, "birthsLeave", value.value);
+                this.showBirthsLeavePicker = false;
+            },
+
+            onDifficultLeaveConfirm(value) {
+                this.$set(this.formData, "difficultLeave", value.value);
+                this.showDifficultLeavePicker = false;
+            },
+
             onLoverNationConfirm(o) {
                 this.$set(this.formData, "loverNationName", o.text);     // 显示名称
                 this.$set(this.formData, "loverNation", o.value);        // 字典值