|
@@ -0,0 +1,162 @@
|
|
|
+<template>
|
|
|
+ <view class="center">
|
|
|
+ <view class="center_top">
|
|
|
+ <view class="flex">
|
|
|
+ <u--image
|
|
|
+ :src="objectInfo.cargoOwnerPortrait?objectInfo.cargoOwnerPortrait:'../../static/images/mine/tx.png'"
|
|
|
+ width='180rpx' height='180rpx' shape="circle" >
|
|
|
+ </u--image>
|
|
|
+ <view class="name">{{objectInfo.cargoOwnerName}}</view>
|
|
|
+ <view class="title_css" v-show="objectInfo.cargoOwner">企</view>
|
|
|
+ <view class="feedback_css">反举</view>
|
|
|
+ </view>
|
|
|
+ <view class="flex">
|
|
|
+ <view class="switchbtn" @click="switchsubmit(1)" :class="indexBtn == 1 ? 'switchbtn1':''">货主信息</view>
|
|
|
+ <view class="switchbtn" @click="switchsubmit(2)" :class="indexBtn == 2 ? 'switchbtn1':''">评价</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 货主信息 -->
|
|
|
+ <view v-if="indexBtn == 1" class="enterprise">
|
|
|
+ <view>
|
|
|
+ <view class="enterprise_title" v-if="objectInfo.cargoOwner">所属企业</view>
|
|
|
+ <view class="enterprise_title" v-if="!objectInfo.cargoOwner">个人货主,暂未代理企业</view>
|
|
|
+ <view class="enterprise_name" v-if="objectInfo.cargoOwner">{{objectInfo.cargoOwner}}</view>
|
|
|
+ <view class="recordInfo">发运记录</view>
|
|
|
+ <view class="enterprise_name">累计发运150次 <span>,好评率99%</span></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 评价信息 -->
|
|
|
+ <view v-if="indexBtn == 2">
|
|
|
+ <view class="flex">
|
|
|
+ <u-button :type="btnData == 1 ? 'primary':''" @click="btnChange(1)">全部评价</u-button>
|
|
|
+ <u-button :type="btnData == 2 ? 'primary':''" @click="btnChange(2)">最新</u-button>
|
|
|
+ <u-button :type="btnData == 3 ? 'primary':''" @click="btnChange(3)">好评</u-button>
|
|
|
+ <u-button :type="btnData == 4 ? 'primary':''" @click="btnChange(4)">差评</u-button>
|
|
|
+ </view>
|
|
|
+ <view class="evaluate_css" v-for="(item,index) in 4">
|
|
|
+ <view class="flex">
|
|
|
+ <u--image
|
|
|
+ :src="objectInfo.cargoOwnerPortrait?objectInfo.cargoOwnerPortrait:'../../static/images/mine/tx.png'"
|
|
|
+ width='70rpx' height='70rpx' shape="circle" >
|
|
|
+ </u--image>
|
|
|
+ <view class="evaluate_name">{{objectInfo.cargoOwnerName}}</view>
|
|
|
+ <view class="branch_css ">{{index}}</view>
|
|
|
+ <view class="branch_css"><u-rate count="5" v-model="index" gutter="1"></u-rate></view>
|
|
|
+ <view class="evaluate_date">2021-05-12</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default{
|
|
|
+ data(){
|
|
|
+ return{
|
|
|
+ id:"",
|
|
|
+ objectInfo:{},
|
|
|
+ indexBtn:1,
|
|
|
+ btnData:1
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onShow(){
|
|
|
+
|
|
|
+ },
|
|
|
+ onLoad(options) {
|
|
|
+ this.objectInfo = JSON.parse(options.obj)
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ getList(){
|
|
|
+ // this.$request.baseRequest('get', '/publishTaskInfo/api/addOrder', _obj).then(res => {
|
|
|
+ // if (res.code == 200) {
|
|
|
+ // this.
|
|
|
+ // } else {
|
|
|
+ // this.$refs.uToast.show({
|
|
|
+ // type: 'error',
|
|
|
+ // message: res.message,
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // .catch(res => {
|
|
|
+ // uni.$u.toast(res.message);
|
|
|
+ // });
|
|
|
+ },
|
|
|
+ switchsubmit(num){
|
|
|
+ this.indexBtn = num
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ btnChange(num){
|
|
|
+ debugger
|
|
|
+ this.btnData = num
|
|
|
+ this.getList()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+ .center{
|
|
|
+ padding: 40rpx;
|
|
|
+ }
|
|
|
+ .center_top{
|
|
|
+ .name{
|
|
|
+ margin: 40rpx ;
|
|
|
+ font-size: 48rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ .title_css{
|
|
|
+ width: 50rpx;
|
|
|
+ height: 50rpx;
|
|
|
+ background-color: #F60;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 50rpx;
|
|
|
+ margin-top: 44rpx;
|
|
|
+ }
|
|
|
+ .feedback_css{
|
|
|
+ margin-top: 44rpx;
|
|
|
+ margin-left: 50px;
|
|
|
+ }
|
|
|
+ .switchbtn{
|
|
|
+ margin-right: 40rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ .switchbtn1{
|
|
|
+ color: #2772FB;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .enterprise{
|
|
|
+ margin-top: 30rpx;
|
|
|
+ .enterprise_title{
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+ .enterprise_name{
|
|
|
+ font-size: 18px;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ }
|
|
|
+ .recordInfo{
|
|
|
+ font-size: 40rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .evaluate_css{
|
|
|
+ margin-top: 30rpx;
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ .evaluate_name{
|
|
|
+ margin: 10rpx 10rpx 0 30rpx;
|
|
|
+ }
|
|
|
+ .branch_css{
|
|
|
+ margin: 10rpx 0 0 20rpx;
|
|
|
+ // margin: 0;
|
|
|
+ }
|
|
|
+ .evaluate_date{
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|