#

whycq

2022-12-17 89f5b56b274fffec61a16ff9074d8c7a5f28523b

 pages/business/cstmr/cstmrDetails.vue

@@ -1,8 +1,65 @@
<template>
   <view>
      <scroll-view scroll-y="true" >
         <view class="header">
            <view class="cstmr-name">
               <image src="../../../static/image/jiafangdanwei.png" mode="aspectFit"></image>
               <view>{{cstmr.name}}</view>
            </view>
            <view class="cstmr-tel">{{cstmr.tel}} | {{cstmr.addr}} | {{cstmr.cstman}}</view>
         </view>
         <view class="container">
            <view><y-title title="详细资料"></y-title></view>
            <view class="list-item1">客户代号</view><view class="list-item2">{{cstmr.name}}</view>
            <view class="list-item1">详细地址</view><view class="list-item2">{{cstmr.name}}</view>
            <view class="list-item1">电话</view><view class="list-item2">{{cstmr.name}}</view>
            <view class="list-item1">备注</view><view class="list-item2">{{cstmr.name  ? cstmr.name : '--'}}</view>
            <view class="list-item1">客户类别</view><view class="list-item2">{{cstmr.name}}</view>
            <view class="list-item1">创建人</view><view class="list-item2">{{cstmr.name}}</view>
            <view class="list-item1">创建时间</view><view class="list-item2">{{cstmr.name}}</view>
         </view>
      </scroll-view>
   </view>
</template>

<script>
   export default {
      data() {
         return {
            cstmr: {
               name: '河北君邦乳业有限公司',
               tel: '15067665399',
               addr: '河北省邯郸市君邦乳业有限公司',
               cstman: '朱明忠'
            }
         }
      }
   }
</script>

<style>
   .header {
      width: auto;
      height: 110rpx;
      background-color: #f8f8f8;
      padding: 30px 20px 10px 20px;
   }
   .cstmr-name {
      display: flex;
      height: 35rpx;
      line-height: 35rpx;
      text-indent: 10rpx;
      font-size: 36rpx;
      color: #606266;
   }
   .cstmr-name image {
      width: 35rpx;
      height: 35rpx;
   }
   .cstmr-tel {
      height: 60rpx;
      line-height: 60rpx;
      font-size: 24rpx;
      color: #303133;
   }
</style>