vip-数据详情

assets/css/public.css

@@ -235,6 +235,10 @@
   padding-left: 10px;
 }
 
+.app__pl_15 {
+  padding-left: 15px;
+}
+
 .app__pr_10 {
   padding-right: 10px;
 }
@@ -316,6 +320,14 @@
   color: #666666;
 }
 
+.app__fc_222 {
+  color: #222222;
+}
+
+.app__fc_333 {
+  color: #333333;
+}
+
 .app_fc_w {
   color: white;
 }
@@ -324,6 +336,10 @@
   color: #308eff;
 }
 
+.app__fc_vip {
+  color: #B07F29
+}
+
 /*******************************************尺寸*******************************************/
 .app__img_xxs {
   width: 10px;
@@ -533,10 +549,18 @@
   height: 100%;
 }
 
+.app__h_100vh {
+  height: 100vh;
+}
+
 .app__h_130 {
   height: 130px;
 }
 
+.app__h_160 {
+  height: 160px;
+}
+
 .app__h_172 {
   height: 172px;
 }
@@ -577,6 +601,10 @@
   line-height: 1.1em;
 }
 
+.app__lh_1_5 {
+  line-height: 1.5;
+}
+
 .app__lh_2 {
   line-height: 2;
 }

pages/type/vip/orderRateDetail.vue

@@ -1,13 +1,52 @@
 <template>
-  <div class="app__lh_2 app__pd_10">
-    <h4>尊敬的会员用户,您的综合接单率是：100%</h4>
-    <div class="app__fs_14 app__fc_666">综合接单率说明：综合接单率,主要是指在程序员客栈接到来自企业方的直接雇佣项目概率，和来自系统自动派单的整包、云端项目概率的平均值</div>
-    <div class="app__mt_10" id="">
-      <h5 class="app_bd_b">您的会员权益专属数据</h5>
-      <p class="">累计营利提现：8888元</p>
-      <p class="">累计减免平台服务费：10000</p>
-      <p class="">累计优化派单:88单</p>
-      <p>今日剩余pingu单次数:</p>
+  <div class="app__w_100vw app__h_100vh app__mg_0" style="background:#f4f5f9">
+    <div class="app__mt_10 app__ml_10 app__mr_10 app__h_160 app__bg_w app__f_c">
+      <div class="app__h_40 app__f_r app__al_c app__bd_b_eee">
+        <div style="height: 16px;width:3px;background:#B07F29;"></div>
+        <span class="app__fs_18 app__fc_222 app__ml_15">优先派单</span>
+      </div>
+      <div class="app__f_r app__al_c app_f_g_1">
+        <div class="app__f_c app__f_1 app__al_c app__jf_c app__lh_1_5">
+          <span class="app__fs_19 app__fc_222 app__fw_500">{{vipInfo.jobCount}}单</span>
+          <span class="app__fs_14 app__fc_999">整包项目</span>
+        </div>
+        <div class="app__f_c app__f_1 app__al_c app__jf_c app__lh_1_5">
+          <span class="app__fs_19 app__fc_222 app__fw_500">{{vipInfo.projectCount}}单</span>
+          <span class="app__fs_14 app__fc_999">云端项目</span>
+        </div>
+      </div>
+    </div>
+    <div class="app__mt_10 app__ml_10 app__mr_10 app__h_160 app__bg_w app__f_c">
+      <div class="app__h_40 app__f_r app__al_c app__bd_b_eee">
+        <div style="height: 16px;width:3px;background:#B07F29;"></div>
+        <span class="app__fs_18 app__fc_222 app__ml_15">收益提升</span>
+      </div>
+      <div class="app__f_r app__al_c app_f_g_1">
+        <div class="app__f_c app__f_1 app__al_c app__jf_c app__lh_1_5">
+          <span class="app__fs_19 app__fc_222 app__fw_500">{{vipInfo.totalWithdrawal}}元</span>
+          <span class="app__fs_14 app__fc_999">提现</span>
+        </div>
+        <div class="app__f_c app__f_1 app__al_c app__jf_c app__lh_1_5">
+          <span class="app__fs_19 app__fc_222 app__fw_500">{{vipInfo.vipFee}}元</span>
+          <span class="app__fs_14 app__fc_999">减免</span>
+        </div>
+      </div>
+    </div>
+    <div class="app__mt_10 app__ml_10 app__mr_10 app__h_160 app__bg_w app__f_c">
+      <div class="app__h_40 app__f_r app__al_c app__bd_b_eee">
+        <div style="height: 16px;width:3px;background:#B07F29;"></div>
+        <span class="app__fs_18 app__fc_222 app__ml_15">主页曝光</span>
+      </div>
+      <div class="app__f_r app__al_c app_f_g_1">
+        <div class="app__f_c app__f_1 app__al_c app__jf_c app__lh_1_5">
+          <span class="app__fs_19 app__fc_222 app__fw_500">{{vipInfo.pv}}</span>
+          <span class="app__fs_14 app__fc_999">曝光量</span>
+        </div>
+        <div class="app__f_c app__f_1 app__al_c app__jf_c app__lh_1_5">
+          <span class="app__fs_19 app__fc_222 app__fw_500">{{vipInfo.pingNum}}次</span>
+          <span class="app__fs_14 app__fc_999">剩余ping(当天)</span>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -16,8 +55,30 @@
   export default {
     name: "orderRateDetail",
 
+    data() {
+      return {
+        vipInfo: {}
+      }
+    },
+
     head() {
       title:"接单率详情"
+    },
+
+    async mounted() {
+      await this.getList();
+    },
+
+    methods: {
+
+      async getList() {
+        let _this = this;
+        let res = await this.$axios.$post(`/api/user/getUserVipInfo`);
+        if (Number(res.status) === 1) {
+          console.log("6666", res);
+          this.vipInfo = res.data;
+        }
+      },
     }
   }
 </script>