li-guang
2020-12-18 82c48f3b548145d0cb3c652c47ed4def1e3e4c77
hive-app/pages/workbench/customerInfo.vue
@@ -1,42 +1,42 @@
<template>
   <!-- 客户信息 -->
   <view class="container">
      <view class="flex flex-v align-center">
         <image class="header-img" src="../../static/images/head-img.jpg"></image>
         <text class="font-16 mt-10">李某</text>
      <view class="header">
         <image class="avatar" src="../../static/images/head-img.jpg"></image>
         <text>李某</text>
      </view>
      <view class="mt-20">
         <view class="list-row flex justify-between">
      <view>
         <view class="list-row">
            <text class="font-14">手机号码</text>
            <text class="font-14 gray">15569218888</text>
         </view>
         <view class="list-row flex justify-between">
         <view class="list-row">
            <text class="font-14">会员级别</text>
            <text class="font-14 gray">普通会员</text>
         </view>
         <view class="list-row flex justify-between">
         <view class="list-row">
            <text class="font-14">卡号</text>
            <text class="font-14 gray">Q232</text>
         </view>
         <view class="list-row flex justify-between">
         <view class="list-row">
            <text class="font-14">总余额</text>
            <text class="font-14 gray">¥2,323</text>
         </view>
         <view class="list-row flex justify-between">
         <view class="list-row">
            <text class="font-14">赠送余额</text>
            <text class="font-14 gray">¥1,323</text>
         </view>
         <view class="list-row flex justify-between">
         <view class="list-row">
            <text class="font-14">剩余积分</text>
            <text class="font-14 gray">123</text>
         </view>
         <view class="list-row flex justify-between">
         <view class="list-row">
            <text class="font-14">所属门店</text>
            <text class="font-14 gray">东莞店</text>
         </view>
      </view>
      <navigator url="./selectProduct/index">
         <button class="blue-btn btn">下一步</button>
      <navigator :url="url">
         <button class="blue-btn sticky-footer">下一步</button>
      </navigator>
   </view>
</template>
@@ -44,9 +44,19 @@
<script>
   export default{
      data(){
         return{}
         return{
            url: './selectProduct/index',
         }
      },
      onLoad(options) {
         if(options.type==1){
            this.url = './selectProduct/index';
         } else {
            this.url = './selectService';
         }
      },
      methods:{
      }
   }
</script>
@@ -55,20 +65,24 @@
   .container{
      padding: 0 10px;
   }
   .header-img{
   .header{
      text-align: center;
      padding: 20px 0;
      font-size: 16px;
      color: #333333;
   }
   .avatar{
      width: 60px;
      height: 60px;
      display: block;
      margin: 0 auto 10px;
      border-radius: 50%;
   }
   .list-row{
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #EDEAF4;
      padding: 5px 0;
      margin-top: 10px;
   }
   .btn{
      position: absolute;
      bottom: 10px;
      left: 10px;
      right: 10px;
      padding: 14px 0;
   }
</style>