Fix：3122 【商城小程序】填写入驻申请资料页面没有店铺营业时间

pkg_join/views/supplier.vue

@@ -187,6 +187,7 @@
             </template>
           </u-cell>
         </u-form-item>
+        
       </u-cell-group>
     </u--form>
     <u--form
@@ -425,6 +426,25 @@
             </template>
           </u-cell>
         </u-form-item>
+        <u-form-item prop="serviceTime">
+          <u-cell title="营业时间" :border="false" isLink @click="showTimePicker">
+            <template #icon>
+              <text class="required">*</text>
+            </template>
+            <template #value>
+              <u--text :text="form.serviceTime + ' - ' + form.serviceEndTime"></u--text>
+              <tpf-time-range
+                :startTime="form.serviceTime"
+                :endTime="form.serviceEndTime"
+                :startDefaultTime="form.serviceTime"
+                :endDefaultTime="form.serviceEndTime"
+                ref="TimePickerPopupRef" 
+                @timeRange="timeRange"
+                >
+              </tpf-time-range>
+            </template>
+          </u-cell>
+        </u-form-item>
         <u-form-item prop="content">
           <u-cell title="一句话介绍" :border="false">
             <template #icon>
@@ -497,6 +517,7 @@
 
 <script>
 import CitySelect from '@/components/CitySelect'
+import TimePickerPopup from '@/components/timePickerPopup/time-picker-popup.vue';
 import {
   getShopData,
   getShopInfo,
@@ -516,7 +537,8 @@ import { pageListenMixins } from '@/mixins/pageListenMixins'
 export default {
   name: 'PkgJoinSupplier',
   components: {
-    CitySelect
+    CitySelect,
+    TimePickerPopup
   },
   mixins: [pageListenMixins],
   data() {
@@ -536,7 +558,8 @@ export default {
         subType: '',
         area: '',
         address: '',
-        position: ''
+        position: '',
+        
       },
       form: {
         name: '',
@@ -551,7 +574,9 @@ export default {
         area: '',
         address: '',
         position: '',
-        content: ''
+        content: '',
+        serviceTime: '00:00',
+        serviceEndTime: '23:59'
       },
       rulesSupplier: {
         'name': {
@@ -699,6 +724,24 @@ export default {
     this.partnerId = options.partnerId || ''
     const type = options.type
     const local = uni.getStorageSync(type)
+    const local_form = uni.getStorageSync(type + '_form')
+    this.form = local_form || {
+      name: '',
+      cover: '',
+      coverVideo: '',
+      // coverType: 1-图片,2-视频
+      coverType: 1,
+      logo: '',
+      type: 0,
+      typeText: '',
+      phone: '',
+      area: '',
+      address: '',
+      position: '',
+      content: '',
+      serviceTime: '00:00',
+      serviceEndTime: '23:59'
+    }
     this.formSupplier = local || {
       name: '',
       avatar: '',
@@ -726,12 +769,21 @@ export default {
   },
   onUnload() {
     uni.setStorageSync(this.formSupplier.subType, this.formSupplier)
+    uni.setStorageSync(this.formSupplier.subType + '_form', this.form)
   },
   onReady() {
     this.$refs.shopForm.setRules(this.rules)
     this.$refs.supplierForm.setRules(this.rulesSupplier)
   },
   methods: {
+    timeRange(e) {
+      this.form.serviceTime = e[0]
+      this.form.serviceEndTime = e[1]
+      this.$forceUpdate()
+    },
+    showTimePicker() {
+      this.$refs.TimePickerPopupRef.open()
+    },
     changeRemove(state){
       this.showRemove = state
     },