no message

src/assets/scss/entry/html.scss

@@ -0,0 +1,17 @@
+.html-content{
+  // 声明换行方式
+  word-break: break-all;
+  width: 100%;
+  overflow: hidden;
+  font-size: 16px;
+  line-height: 24px;
+}
+.html-content *{
+  max-width: 100%;
+}
+//.html-content img{
+//  margin-top: 10px;
+//  margin-bottom: 10px;
+//  width: auto;
+//  height: auto;
+//}

src/assets/scss/entry/index.scss

@@ -9,4 +9,6 @@
 // 颜色
 @import "color";
 // 动画
-@import "animate";
+@import "animate";
+// html
+@import "html";

src/popup/popup-export/global.ts

@@ -25,7 +25,7 @@ export default {
                 }
             }
 
-            // popup.$popup.open(PopupExportComponent.recharge);
+            popup.$popup.open(PopupExportComponent.personal);
 
         });
 

src/popup/popup-message/const/type.ts

@@ -3,7 +3,8 @@ enum ExportType {
     // 隐私政策
     privacy,
 
-
+    // 充值服务协议
+    recharge
 
 }
 

src/popup/popup-message/data/type.ts

@@ -4,6 +4,10 @@ export default {
 
     [ExportType.privacy]:{
         label:'隐私政策'
+    },
+
+    [ExportType.recharge]:{
+        label:'充值服务协议'
     }
 
 } as {[key in ExportType]:LibData}

src/popup/popup-message/src/main.vue

@@ -1,9 +1,31 @@
 <template>
-  <popup v-model:value="value" header-title="账户充值" content-animate="scale" @close="$emit('destroy-popup')">
+  <popup v-model:value="value" :header-title="item.label" content-animate="scale" @close="$emit('destroy-popup')">
     <section class="recharge-container relative">
       <div @click="close" class="recharge-close-wrap cursor-pointer absolute animate-rotate-hover">
         <icon type="close" class="recharge-close"></icon>
       </div>
+      <scroll-view>
+        <section class="html-content">1、用户在注册账号或使用本服务的过程中，可能需要填写一些或提交一些必要的信息，如法律法规，规章规范性文件（以
+          下简称“法律法规”）规定的需要填写的身份信息。如用户提交的信息不完整或不符合法律法规的规定，则用户可能无法使用
+          本服务或在使用本服务的过程中收到的限制。1、用户在注册账号或使用本服务的过程中，可能需要填写一些或提交一些必要的信息，如法律法规，规章规范性文件（以
+          下简称“法律法规”）规定的需要填写的身份信息。如用户提交的信息不完整或不符合法律法规的规定，则用户可能无法使用
+          本服务或在使用本服务的过程中收到的限制。1、用户在注册账号或使用本服务的过程中，可能需要填写一些或提交一些必要的信息，如法律法规，规章规范性文件（以
+          下简称“法律法规”）规定的需要填写的身份信息。如用户提交的信息不完整或不符合法律法规的规定，则用户可能无法使用
+          本服务或在使用本服务的过程中收到的限制。1、用户在注册账号或使用本服务的过程中，可能需要填写一些或提交一些必要的信息，如法律法规，规章规范性文件（以
+          下简称“法律法规”）规定的需要填写的身份信息。如用户提交的信息不完整或不符合法律法规的规定，则用户可能无法使用
+          本服务或在使用本服务的过程中收到的限制。1、用户在注册账号或使用本服务的过程中，可能需要填写一些或提交一些必要的信息，如法律法规，规章规范性文件（以
+          下简称“法律法规”）规定的需要填写的身份信息。如用户提交的信息不完整或不符合法律法规的规定，则用户可能无法使用
+          本服务或在使用本服务的过程中收到的限制。1、用户在注册账号或使用本服务的过程中，可能需要填写一些或提交一些必要的信息，如法律法规，规章规范性文件（以
+          下简称“法律法规”）规定的需要填写的身份信息。如用户提交的信息不完整或不符合法律法规的规定，则用户可能无法使用
+          本服务或在使用本服务的过程中收到的限制。1、用户在注册账号或使用本服务的过程中，可能需要填写一些或提交一些必要的信息，如法律法规，规章规范性文件（以
+          下简称“法律法规”）规定的需要填写的身份信息。如用户提交的信息不完整或不符合法律法规的规定，则用户可能无法使用
+          本服务或在使用本服务的过程中收到的限制。1、用户在注册账号或使用本服务的过程中，可能需要填写一些或提交一些必要的信息，如法律法规，规章规范性文件（以
+          下简称“法律法规”）规定的需要填写的身份信息。如用户提交的信息不完整或不符合法律法规的规定，则用户可能无法使用
+          本服务或在使用本服务的过程中收到的限制。1、用户在注册账号或使用本服务的过程中，可能需要填写一些或提交一些必要的信息，如法律法规，规章规范性文件（以
+          下简称“法律法规”）规定的需要填写的身份信息。如用户提交的信息不完整或不符合法律法规的规定，则用户可能无法使用
+          本服务或在使用本服务的过程中收到的限制。</section>
+      </scroll-view>
+
     </section>
   </popup>
 </template>
@@ -12,15 +34,19 @@
 import {
   Popup,
   icon,
+    scrollView
 } from '$components';
 import mixins from '../mixins';
+import props from '../props';
 export default {
   name: "popup-message",
   components:{
     Popup,
-    icon
+    icon,
+    scrollView
   },
-  mixins
+  mixins,
+  props
 }
 </script>
 

src/popup/popup-message/style.scss

@@ -1,11 +1,11 @@
 /* 充值 */
 .recharge-container{
   width: 856px;
-  padding-bottom: 30px;
-  padding-top: 50px;
+  height: 550px;
   border: 4px solid #F191AC;
   background-color: #342971;
   border-radius: 10px;
+  padding: 60px 40px 30px;
 }
 /* 充值 */
 

src/popup/popup-personal/components/index.ts

@@ -3,6 +3,9 @@ import { defineAsyncComponent } from 'vue';
 export default {
 
     // 个人资料
-    personalData: defineAsyncComponent(()=> import('./personal-data'))
+    personalData: defineAsyncComponent(()=> import('./personal-data')),
+
+    // 我的订单
+    myOrder: defineAsyncComponent(()=> import('./my-order'))
 
 }

src/popup/popup-personal/components/my-order/components/order-item/data/tab.ts

@@ -0,0 +1,18 @@
+export default [
+    {
+        label:'全部订单',
+        slot:'1'
+    },
+    {
+        label:'待接单',
+        slot:'2'
+    },
+    {
+        label:'进行中',
+        slot:'3'
+    },
+    {
+        label:'已完成',
+        slot:'4'
+    }
+]

src/popup/popup-personal/components/my-order/components/order-item/index.ts

@@ -0,0 +1,3 @@
+import main from './src/main.vue';
+
+export default main;

src/popup/popup-personal/components/my-order/components/order-item/src/main.vue

@@ -0,0 +1,27 @@
+<template>
+  <tab
+    :data="tabData"
+  >
+    
+  </tab>
+</template>
+
+<script>
+import {
+  tab
+} from '$components';
+import tabData from "../data/tab";
+export default {
+  name: "order-item",
+  data(){
+    return {
+      tabData
+    }
+  },
+  components:{
+    tab
+  }
+}
+</script>
+
+<style scoped lang="scss" src="../style.scss"></style>

src/popup/popup-personal/components/my-order/data/tab.ts

@@ -0,0 +1,10 @@
+export default [
+    {
+        label:'我的下单',
+        slot:'1'
+    },
+    {
+        label:'我的接单',
+        slot:'2'
+    }
+] as LibDataArray

src/popup/popup-personal/components/my-order/index.ts

@@ -0,0 +1,3 @@
+import main from './src/main.vue';
+
+export default main;

src/popup/popup-personal/components/my-order/src/main.vue

@@ -0,0 +1,55 @@
+<template>
+  <section class="screen my-order-container overflow">
+    <tab
+      :data="tabData"
+    >
+      <template v-slot:header="{data,trigger,select}" >
+        <header class="my-order-header rowACenter">
+          <aside
+            v-for="(item,index) in data"
+            :key="'my-order-'+index"
+            class="my-order-button center"
+            :class="{
+              'my-order-button-select': index === select,
+              'cursor-pointer': index !== select
+            }"
+            @click="trigger(index)"
+          >{{item.label}}</aside>
+        </header>
+      </template>
+
+      <template
+        v-for="(item,index) in tabData"
+        v-slot:[item.slot]
+      >
+        <order-item
+          :item="item"
+          :key="'order-item'+index"
+        ></order-item>
+      </template>
+
+    </tab>
+  </section>
+</template>
+
+<script>
+import tabData from '../data/tab';
+import {
+  tab
+} from '$components';
+import orderItem from '../components/order-item';
+export default {
+  name: "my-order",
+  data(){
+    return {
+      tabData
+    }
+  },
+  components:{
+    tab,
+    orderItem
+  }
+}
+</script>
+
+<style scoped lang="scss" src="../style.scss"></style>

src/popup/popup-personal/components/my-order/style.scss

@@ -0,0 +1,26 @@
+/* 我的订单外层模块 */
+.my-order-container{
+  background-color: rgba(255,255,255,0.08);
+  border-radius: 10px;
+}
+/* 我的订单外层模块 */
+
+/* 订单头部tab */
+.my-order-header{
+  padding: 16px 20px 10px;
+
+}
+.my-order-button{
+  width: 86px;
+  height: 26px;
+  //background: $main-linear;
+  background: rgba(255,255,255,0.1);
+  border-radius: 13px;
+  font-size: 14px;
+  line-height: 16px;
+  margin-right: 10px;
+}
+.my-order-button-select{
+  background: $main-linear;
+}
+/* 订单头部tab */

src/popup/popup-personal/data/menu.ts

@@ -10,7 +10,8 @@ export default [
     },
     {
         label:'我的订单',
-        icon:require('../images/order.png')
+        icon:require('../images/order.png'),
+        component:'myOrder'
     },
     {
         label:'我的礼物',

src/popup/popup-personal/props.ts

@@ -8,7 +8,7 @@ export default {
     // 默认选中的
     page:{
         type: String,
-        default:'personalData'
+        default:'myOrder'
     }
 
 }

src/popup/popup-recharge/mixins/handle.ts

@@ -1,5 +1,7 @@
 import popup from "$utils/tool/popup";
 import request, {InstructionsMessageType} from "$utils/request";
+import {PopupExportComponent} from "$popup/popup-export/const";
+import {ExportType} from "$popup/popup-message/const/type";
 export default <LibMixins>{
 
     data(){
@@ -147,6 +149,12 @@ export default <LibMixins>{
                 return this.openConfirm();
 
             }).catch(()=> this.openConfirm());
+        },
+
+        openRecharge(){
+            return popup.$popup && popup.$popup.open(PopupExportComponent.message,{
+                type: ExportType.recharge
+            });
         }
 
     },

src/popup/popup-recharge/src/main.vue

@@ -65,7 +65,7 @@
         <section class="rowACenter recording-radio">
             <radio v-model:value="authorization"></radio>
             <div class="recording-agreement-margin">同意</div>
-            <div class="recording-agreement cursor-pointer">充值服务协议</div>
+            <div @click="openRecharge" class="recording-agreement cursor-pointer">充值服务协议</div>
         </section>
         <!--   立即支付   -->
         <section class="center">

src/store/modules/pay.ts

@@ -13,7 +13,6 @@ export default <Module<any,any>>{
 
         setPayInfo(state,data){
 
-            console.log(data);
 
             state.payList = data.config;
 

src/views/view-header/mixins/login.ts

@@ -9,6 +9,9 @@ export default <LibMixins>{
         openUserInfo:function (){
             return this.$popup.open(PopupExportComponent.personal);
         },
+        openRecharge(){
+            return this.$popup.open(PopupExportComponent.recharge);
+        },
         outLogin:function () {
             return this.$confirm({
                 title:'您确定要退出登录吗',

src/views/view-header/src/main.vue

@@ -26,7 +26,7 @@
           <section class="rowACenter user-number">
             <img src="@/assets/images/currency.png" class="user-currency" />
             <div class="overflow line-1 user-login-text">{{$store.getters.integral}}</div>
-            <aside class="user-number-button button-active center">充值</aside>
+            <aside @click="openRecharge" class="user-number-button button-active center">充值</aside>
           </section>
         </div>
         <section @click="outLogin" class="row aCenter button-active user-exit-wrap">