#

whycq

2022-12-17 4bfcad30f5af137f6d3050ddbe9109471570e9c9

 pages/business/cstmr/cstmrDetails.vue

@@ -6,19 +6,37 @@
               <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 class="cstmr-tel">{{cstmr.tel}} | {{cstmr.addr}} | {{cstmr.director$}}</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><y-title title="基本信息"></y-title></view><view></view>
            <view class="list-item1">客户名称</view><view class="list-item2">{{cstmr.name}}</view>
            <view class="list-item1">客户类别</view><view class="list-item2">{{cstmr.cstmrType$}}</view>
            <view class="list-item1">省市区</view><view class="list-item2">{{cstmr.pcd$}}</view>
            <view class="list-item1">客户联系人</view><view class="list-item2">{{cstmr.contacts}}</view>
            <view class="list-item1">备注</view><view class="list-item2">{{cstmr.remarks  ? cstmr.remarks : '--'}}</view>
            <view class="list-item1">负责人</view><view class="list-item2 color-main">{{cstmr.director$}}</view>
            <view class="list-item1">区分</view><view class="list-item2">{{cstmr.type$}}</view>
            <view class="list-item1">客户关系</view><view class="list-item2">{{cstmr.rela  ? cstmr.rela : '--'}}</view>
            <view class="list-item1">详细地址</view><view class="list-item2">{{cstmr.addr}}</view>
            <view class="list-item1">电话</view><view class="list-item2 color-main">{{cstmr.tel}}</view>
            <view class="list-item1">客户代号</view><view class="list-item2">{{cstmr.uuid}}</view>
         </view>
         <view class="container">
            <view><y-title title="其他信息"></y-title></view><view></view>
            <view class="list-item1">添加人员</view><view class="list-item2 color-main">{{cstmr.createBy$}}</view>
            <view class="list-item1">添加时间</view><view class="list-item2">{{cstmr.createTime$}}</view>
            <view class="list-item1">修改人员</view><view class="list-item2">{{cstmr.updateBy$}}</view>
            <view class="list-item1">修改时间</view><view class="list-item2 color-main">{{cstmr.updateTime$}}</view>
         </view>
         <view class="container">
            <view><y-title title="跟进人"></y-title></view><view></view><view><uni-icons type="plus" size="20" color="#55aaff"></uni-icons></view>
         </view>
			
      </scroll-view>
      <view class="foot">
         <button>删除</button>
      </view>
   </view>
</template>

@@ -26,12 +44,34 @@
   export default {
      data() {
         return {
            id: '',
            baseUrl: '',
            cstmr: {
               name: '河北君邦乳业有限公司',
               tel: '15067665399',
               addr: '河北省邯郸市君邦乳业有限公司',
               cstman: '朱明忠'
            }
         }
      },
      onLoad(option) { 
         this.id = option.id
         this.baseUrl = uni.getStorageSync('baseUrl')
         this.init()
      },
      methods: {
         init() {
            let that = this
            uni.request({
               url: that.baseUrl + '/cstmr/' + that.id +'/auth',
               header: {'token' : uni.getStorageSync('token')},
               method: 'GET',
               success(res) {
                  res = res.data
                  that.cstmr = res.data
                  console.log(res);
               }
            })
         }
      }
   }
@@ -40,7 +80,7 @@
<style>
   .header {
      width: auto;
      height: 110rpx;
      min-height: 110rpx;
      background-color: #f8f8f8;
      padding: 30px 20px 10px 20px;
   }
@@ -57,9 +97,41 @@
      height: 35rpx;
   }
   .cstmr-tel {
      height: 60rpx;
      min-height: 60rpx;
      line-height: 60rpx;
      font-size: 24rpx;
      color: #303133;
   }
   .container {
      margin-top: 10px;
      padding: 10rpx 20rpx 0 20rpx;
      background-color: #f8f8f8;
      display: grid;
      grid-template-columns: 1fr 3fr;
   }
   .container:last-child {
      grid-template-columns: 5fr 5fr 2fr;
      margin-bottom: 100rpx;
   }
   .list-item1 {
      min-height: 45rpx;
      line-height: 45rpx;
      color: #909399;
      text-indent: 30rpx;
   }
   .list-item2 {
      min-height: 45rpx;
      line-height: 45rpx;
      color: black;
   }
   .color-main {
      color: #55aaff
   }
   .foot {
      position: fixed;
      /* display: flex; */
      min-height: 100rpx;
      bottom: 0;
      margin-bottom: 0;
   }
</style>