增加状态管理持久化插件，提取日期选择，时间选择，周期选择为公共组件

pageMarket/discountActivity/add.vue

@@ -41,10 +41,10 @@
         <view class="u-flex u-row-between u-m-b-32">
           <text class="font-bold color-333">活动日期</text>
         </view>
-        <timeArea
+        <my-time-area
           v-model:startDate="form.validStartTime"
           v-model:endDate="form.validEndTime"
-        ></timeArea>
+        ></my-time-area>
       </view>
 	  <view class="u-m-t-32">
 		  <up-line ></up-line>
@@ -53,7 +53,7 @@
         <view class="u-flex u-row-between">
           <text class="font-bold color-333 u-m-b-32">可用周期</text>
         </view>
-        <weekSel  v-model="form.useDays"></weekSel>
+        <my-week-sel  v-model="form.useDays"></my-week-sel>
       </view>
     </view>
 
@@ -61,11 +61,11 @@
       <view class="u-flex u-row-between">
         <text class="font-bold color-333 u-m-b-32">指定时间段</text>
       </view>
-      <hourSel
+      <my-hour-area
         v-model:useTimeType="form.useTimeType"
         v-model:startValue="form.useStartTime"
         v-model:endValue="form.useEndTime"
-      ></hourSel>
+      ></my-hour-area>
     </view>
     <view class="u-m-t-32 container">
       <view class="u-flex u-row-between">
@@ -144,15 +144,11 @@
         ></up-switch>
       </view>
     </view>
-    <bottomBtnGroup @save="save" @cancel="cancel"></bottomBtnGroup>
+    <my-bottom-btn-group @save="save" @cancel="cancel"></my-bottom-btn-group>
   </view>
 </template>
 
 <script setup>
-import timeArea from "./components/time-area.vue";
-import weekSel from "./components/week-sel.vue";
-import hourSel from "./components/hour-area.vue";
-import bottomBtnGroup from "./components/bottom-btn-group.vue";
 import { reactive } from "vue";
 import * as discountActivityApi from "@/http/api/market/discountActivity.js";
 import {