认证添加日期选择器

pages/user/mycertinfo/orgverify.vue

@@ -128,10 +128,9 @@
 					<textarea class="form-item--input" placeholder="详细地址" v-model="address"/>
 				</view>
 				<view class="form-item">
-					<picker class="date" mode="multiSelector" :range="region" range-key="name" :value="regionIndex" @change="pickerChange"
-					 @columnchange="pickerColumnchange">
-					 <text>机构成立日期</text>
-					 </picker>
+          <picker mode="date" :value="establishDate" :start="startDate" :end="endDate" @change="bindDateChange">
+            <view class="uni-input">{{establishDate}}</view>
+          </picker>
 				</view>
 				<view class="form-item">
 					<textarea class="form-item--input " placeholder="机构简介" v-model="desc"></textarea>
@@ -157,8 +156,9 @@
 				</view>
 				
 				<view class="form-item">
-					<input class="form-item--input" v-model="licenseDate"  placeholder="营业执照有效期"/>
-					
+          <picker mode="date" :value="licenseDate" :start="startDate" :end="endDate" @change="bindDateChange2">
+            <view class="uni-input">{{licenseDate}}</view>
+          </picker>
 				</view>
 				
 				<view class="form-item">
@@ -329,7 +329,7 @@
 				// 机构简介
 				desc: "",
 				// 成立日期
-        establishDate: '',
+        establishDate: '机构成立日期',
 				// 法人名称
         legalsName: "",
 				// 法人证件类型
@@ -349,7 +349,7 @@
 				// 开户银行预留手机号
         bankCellPhone: "",
 				// 营业执照有效期
-        licenseDate: "",
+        licenseDate: "营业执照有效期",
 				// 法人手机号
         legalsCellPhone: "",
 				// 开户人
@@ -455,6 +455,14 @@
 			//
 			//this.citydata = cityjson
 		},
+    computed: {
+      startDate() {
+        return this.getDate('start');
+      },
+      endDate() {
+        return this.getDate('end');
+      }
+    },
 		created() {
 			let provinceArr = [];
 			let cityArr = [];
@@ -850,6 +858,31 @@
         this.murl = str
         this.showPopup = ! this.showPopup
       },
+      // 机构日期选择
+      bindDateChange: function(e) {
+        this.establishDate = e.detail.value
+      },
+      // 营业执照有效期选择
+      bindDateChange2: function(e) {
+        this.licenseDate = e.detail.value
+      },
+
+      //获取当前的日子
+      getDate(type) {
+        const date = new Date();
+        let year = date.getFullYear();
+        let month = date.getMonth() + 1;
+        let day = date.getDate();
+
+        if (type === 'start') {
+          year = year - 60;
+        } else if (type === 'end') {
+          year = year + 2;
+        }
+        month = month > 9 ? month : '0' + month;
+        day = day > 9 ? day : '0' + day;
+        return `${year}-${month}-${day}`;
+      },
       handleSubmit() {
 
         const app = this
@@ -857,6 +890,8 @@
           alert('请勾选《交易主体进场协议》和《文化数据交易委托协议》和《临时业务机构委托协议》')
         }
 
+        app.chkinput();
+
         console.log(app.$data)
 
         // 注册地址
@@ -918,13 +953,13 @@
           regioncity: regionArr[1], //注册地区-市
           regiondistrict: regionArr[2], //注册地区-区/县
           address: app.address, //详细地址
-          establishdate: '2024-03-05', //机构成立日期  ！！！
+          establishdate: app.establishDate, //机构成立日期
           desc: app.desc, //机构简介
           legalsname: app.legalsName, //法人姓名
           legalstype: app.legalsType, //法人证件类型
           legalsidnum: app.legalsIdnum, //法人身份证号
           uscc: app.Organizationcode, //统一社会信用代码
-          licensedate: '2030-03-05', //营业执照有效期     ！！！
+          licensedate: app.licenseDate, //营业执照有效期
           legalscellphone: app.legalsCellPhone, //法人手机号
           publicaccount: app.publicAccount, //银行账号
           bankaccountname: app.bankAccountName, //开户人
@@ -952,7 +987,7 @@
         };
 
         // 10 = 法人 20 = 经办人
-        if (app.sfval == 20) {
+        if (app.sfval === 20) {
           // 经办人授权委托书、经办人身份证正面、经办人身份证反面
           let jfr_entfile = document.getElementById('jfr_entfile').value;
           let jfr_idafile = document.getElementById('jfr_idafile').value;
@@ -965,6 +1000,7 @@
         }
 
         console.log(institutionsdata)
+
         let institutionsdata_json = JSON.stringify(institutionsdata)
         //认证（缴费）接口
         var ajaxentUserDemo = new AJAX_OBJ("Paymentlist/entuiprise/mannAgeDate", onentiseSuccess, onUrlError);