|
@@ -2,36 +2,33 @@
|
|
<view class="mone">
|
|
<view class="mone">
|
|
<view class="m-top">
|
|
<view class="m-top">
|
|
<view class="top-user flex">
|
|
<view class="top-user flex">
|
|
- <image :src="cardInfo.avatar" mode="" class="user-logo"></image>
|
|
+ <image :src="cardInfo.avatar" class="user-logo"></image>
|
|
</view>
|
|
</view>
|
|
<view class="user-name">
|
|
<view class="user-name">
|
|
{{cardInfo.name || '暂无'}}
|
|
{{cardInfo.name || '暂无'}}
|
|
</view>
|
|
</view>
|
|
<view class="u-zy">
|
|
<view class="u-zy">
|
|
- <view class="">
|
|
+ <view class="u-zy-text">
|
|
职业:{{cardInfo.user_work_type_title || '暂无'}}
|
|
职业:{{cardInfo.user_work_type_title || '暂无'}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <!-- <button type="default" class="top-btn fx-btn" v-if="isShare" open-type="share">
|
|
|
|
- <image :src="baseURL + '/resource/model/model1/fx.png'" mode=""></image>
|
|
|
|
- </button> -->
|
|
|
|
<view class="top-btn visit mvisit padding-r-10" v-if="isLook==1||isLook==2">
|
|
<view class="top-btn visit mvisit padding-r-10" v-if="isLook==1||isLook==2">
|
|
浏览:{{shareNumber}}
|
|
浏览:{{shareNumber}}
|
|
</view>
|
|
</view>
|
|
- <image :src="baseURL + '/resource/model/model1/hua7.png'" mode="" class="top-bg"></image>
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/hua7.png'" class="top-bg"></image>
|
|
|
|
|
|
</view>
|
|
</view>
|
|
<view class="m-body gr">
|
|
<view class="m-body gr">
|
|
<!-- 个人信息 -->
|
|
<!-- 个人信息 -->
|
|
<view class="hua2">
|
|
<view class="hua2">
|
|
<view class="m-card">
|
|
<view class="m-card">
|
|
- <image :src="baseURL + '/resource/model/model1/card-bg.png'" mode="" class="card-bg"></image>
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/card-bg.png'" class="card-bg"></image>
|
|
<view class=" flex">
|
|
<view class=" flex">
|
|
<view class="card-tit flex" style="flex-shrink: 0;">
|
|
<view class="card-tit flex" style="flex-shrink: 0;">
|
|
- <image :src="baseURL + '/resource/model/model1/m1.png'" mode="" class="tit-logo"></image>个人信息
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/m1.png'" class="tit-logo"></image>个人信息
|
|
</view>
|
|
</view>
|
|
<view class="u-bh flex">
|
|
<view class="u-bh flex">
|
|
- <image :src="baseURL + '/resource/model/model1/bh.png'" mode=""></image>编号:{{cardInfo.no|| "未申请"}}
|
|
+ <image class="image" v-if="baseURL" :src="baseURL + '/resource/model/model1/bh.png'" ></image>编号:{{cardInfo.no|| "未申请"}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
@@ -68,7 +65,7 @@
|
|
<view class="info-item-q flex" style="align-items: flex-start;">
|
|
<view class="info-item-q flex" style="align-items: flex-start;">
|
|
<text style="flex-shrink: 0;">服务地区:</text>
|
|
<text style="flex-shrink: 0;">服务地区:</text>
|
|
<view class="fwdz flex" v-if="cardInfo.is_china == 1">
|
|
<view class="fwdz flex" v-if="cardInfo.is_china == 1">
|
|
- <view v-for="(fwitem,fwindex) in cardInfo.service_area_all">
|
|
+ <view v-for="(fwitem,fwindex) in cardInfo.service_area_all" :key="fwindex">
|
|
{{fwitem}}{{fwindex ==(cardInfo.service_area_all.length -1) ?'': '、' }}
|
|
{{fwitem}}{{fwindex ==(cardInfo.service_area_all.length -1) ?'': '、' }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -83,39 +80,24 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <!-- <view class="info-item-q flex" style="align-items: flex-start;">
|
|
|
|
- <text style="flex-shrink: 0;">服务价格: </text>
|
|
|
|
- <view class="gzt">
|
|
|
|
- <image :src="baseURL + '/resource/model/model1/tiao.png'" mode=""></image>
|
|
|
|
- <view class="gzt-price">
|
|
|
|
- <text>{{cardInfo.service_min_price}}</text>元/{{ cardInfo.service_time_type_title && cardInfo.service_time_type_title.replace('每','')}}
|
|
|
|
- </view>
|
|
|
|
- <view class=" gzt-price-b">
|
|
|
|
- <text>{{cardInfo.service_max_price}}</text>元/{{cardInfo.service_time_type_title && cardInfo.service_time_type_title.replace('每','')}}
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <image :src="baseURL + '/resource/model/model1/yrz.png'" mode="" class="rz"
|
|
|
|
- v-if="cardInfo.is_type_audit == 1"></image>
|
|
|
|
- </view> -->
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="" style="height: 80rpx;"></view>
|
|
<view class="" style="height: 80rpx;"></view>
|
|
-
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 自我评价 -->
|
|
<!-- 自我评价 -->
|
|
<view class="hua4">
|
|
<view class="hua4">
|
|
<view class="hua3">
|
|
<view class="hua3">
|
|
<view class="m-card">
|
|
<view class="m-card">
|
|
- <image :src="baseURL + '/resource/model/model1/card-bg.png'" mode="" class="card-bg"></image>
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/card-bg.png'" class="card-bg"></image>
|
|
<view class="card-tit flex">
|
|
<view class="card-tit flex">
|
|
- <image :src="baseURL + '/resource/model/model1/m2.png'" mode="" class="tit-logo"></image>自我展示
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/m2.png'" class="tit-logo"></image>自我展示
|
|
</view>
|
|
</view>
|
|
<view class="card-content">
|
|
<view class="card-content">
|
|
<rich-text :nodes="cardInfo.service_intro_content"></rich-text>
|
|
<rich-text :nodes="cardInfo.service_intro_content"></rich-text>
|
|
</view>
|
|
</view>
|
|
<view class="img-list flex" style="padding-top: 0;">
|
|
<view class="img-list flex" style="padding-top: 0;">
|
|
- <image @click="$emit('openImage',siiitem)" :src="siiitem" mode="" v-for="siiitem in cardInfo.service_intro_imgs"></image>
|
|
+ <image class="image" @click="$emit('openImage',siiitem)" :src="siiitem" :key='ind' v-for="(siiitem,ind) in cardInfo.service_intro_imgs"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -123,24 +105,24 @@
|
|
<!-- 我的证书 -->
|
|
<!-- 我的证书 -->
|
|
<view class="hua5" v-if="cardInfo.service_audit_imgs && cardInfo.service_audit_imgs.length > 0">
|
|
<view class="hua5" v-if="cardInfo.service_audit_imgs && cardInfo.service_audit_imgs.length > 0">
|
|
<view class="m-card">
|
|
<view class="m-card">
|
|
- <image :src="baseURL + '/resource/model/model1/card-bg.png'" mode="" class="card-bg"></image>
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/card-bg.png'" class="card-bg"></image>
|
|
<view class="card-tit flex">
|
|
<view class="card-tit flex">
|
|
- <image :src="baseURL + '/resource/model/model1/m3.png'" mode="" class="tit-logo"></image>我的证书
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/m3.png'" class="tit-logo"></image>我的证书
|
|
</view>
|
|
</view>
|
|
<view class="img-list flex">
|
|
<view class="img-list flex">
|
|
- <image @click="$emit('openImage',saiitem)" :src="saiitem" mode="" v-for="saiitem in cardInfo.service_audit_imgs"></image>
|
|
+ <image class="image" @click="$emit('openImage',saiitem)" :src="saiitem" :key='ind' v-for="(saiitem,ind) in cardInfo.service_audit_imgs"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 服务内容 -->
|
|
<!-- 服务内容 -->
|
|
<view class="hua6">
|
|
<view class="hua6">
|
|
<view class="m-card">
|
|
<view class="m-card">
|
|
- <image :src="baseURL + '/resource/model/model1/card-bg.png'" mode="" class="card-bg"></image>
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/card-bg.png'" class="card-bg"></image>
|
|
<view class="card-tit flex">
|
|
<view class="card-tit flex">
|
|
- <image :src="baseURL + '/resource/model/model1/m4.png'" mode="" class="tit-logo"></image>服务内容
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/m4.png'" class="tit-logo"></image>服务内容
|
|
</view>
|
|
</view>
|
|
<view class="card-content">
|
|
<view class="card-content">
|
|
- <view class="fw" v-for="spaitem in cardInfo.service_project_ar">
|
|
+ <view class="fw" :key='spaitem.title' v-for="spaitem in cardInfo.service_project_ar">
|
|
<view class="fw-tit">
|
|
<view class="fw-tit">
|
|
<text class="yg"></text>{{spaitem.title}}
|
|
<text class="yg"></text>{{spaitem.title}}
|
|
</view>
|
|
</view>
|
|
@@ -153,16 +135,16 @@
|
|
</view>
|
|
</view>
|
|
<!-- 服务照片 -->
|
|
<!-- 服务照片 -->
|
|
<view class="m-card" v-if="cardInfo.service_imgs && cardInfo.service_imgs.length > 0">
|
|
<view class="m-card" v-if="cardInfo.service_imgs && cardInfo.service_imgs.length > 0">
|
|
- <image :src="baseURL + '/resource/model/model1/card-bg.png'" mode="" class="card-bg"></image>
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/card-bg.png'" class="card-bg"></image>
|
|
<view class="card-tit flex">
|
|
<view class="card-tit flex">
|
|
- <image :src="baseURL + '/resource/model/model1/m5.png'" mode="" class="tit-logo"></image>服务照片
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/m5.png'" class="tit-logo"></image>服务照片
|
|
</view>
|
|
</view>
|
|
<view class="img-list flex">
|
|
<view class="img-list flex">
|
|
- <image @click="$emit('openImage',siitem)" :src="siitem" mode="" v-for="siitem in cardInfo.service_imgs"></image>
|
|
+ <image @click="$emit('openImage',siitem)" :src="siitem" :key='ind' v-for="(siitem,ind) in cardInfo.service_imgs"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 底部图片 -->
|
|
<!-- 底部图片 -->
|
|
- <image :src="baseURL + '/resource/model/model1/m-btm.png'" mode="" class="m-btm"></image>
|
|
+ <image v-if="baseURL" :src="baseURL + '/resource/model/model1/m-btm.png'" class="m-btm"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
@@ -304,7 +286,7 @@
|
|
margin: auto;
|
|
margin: auto;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
- view {
|
|
+ .u-zy-text {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
padding: 8rpx 8rpx 8rpx 16rpx;
|
|
padding: 8rpx 8rpx 8rpx 16rpx;
|
|
border: 1px solid #F46C85;
|
|
border: 1px solid #F46C85;
|
|
@@ -356,26 +338,6 @@
|
|
top: 318rpx;
|
|
top: 318rpx;
|
|
}
|
|
}
|
|
|
|
|
|
- .fx-btn {
|
|
|
|
-
|
|
|
|
- padding: 0;
|
|
|
|
-
|
|
|
|
- &::after {
|
|
|
|
- border: none;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- border-radius: 24rpx 0 0 24rpx;
|
|
|
|
-
|
|
|
|
- image {
|
|
|
|
- width: 150rpx;
|
|
|
|
- height: 48rpx;
|
|
|
|
- display: block;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
.top-btn {
|
|
.top-btn {
|
|
height: 48rpx;
|
|
height: 48rpx;
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -475,7 +437,7 @@
|
|
padding: 30rpx 30rpx 0;
|
|
padding: 30rpx 30rpx 0;
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
- image {
|
|
+ .image {
|
|
width: 270rpx;
|
|
width: 270rpx;
|
|
height: 270rpx;
|
|
height: 270rpx;
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
@@ -570,56 +532,6 @@
|
|
align-items: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
}
|
|
|
|
|
|
- .gzt {
|
|
|
|
- width: 312rpx;
|
|
|
|
- height: 24rpx;
|
|
|
|
- padding-top: 10rpx;
|
|
|
|
- position: relative;
|
|
|
|
-
|
|
|
|
- image {
|
|
|
|
- width: 312rpx;
|
|
|
|
- height: 24rpx;
|
|
|
|
- position: relative;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .gzt-price,
|
|
|
|
- .gzt-price-b {
|
|
|
|
- width: 200rpx;
|
|
|
|
- text-align: center;
|
|
|
|
- position: absolute;
|
|
|
|
- padding-top: 20rpx;
|
|
|
|
-
|
|
|
|
- &::after {
|
|
|
|
- content: '';
|
|
|
|
- width: 0px;
|
|
|
|
- height: 0rpx;
|
|
|
|
- // background: #FEB8C6;
|
|
|
|
- border: 14rpx solid;
|
|
|
|
- border-color: transparent transparent #FEB8C6;
|
|
|
|
- // border-top:transparent;
|
|
|
|
- // border-left: transparent;
|
|
|
|
- // border-right: transparent;
|
|
|
|
- position: absolute;
|
|
|
|
- top: -14rpx;
|
|
|
|
- left: 0;
|
|
|
|
- right: 0;
|
|
|
|
- margin: auto;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- text {
|
|
|
|
- color: #F46C85;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .gzt-price {
|
|
|
|
- left: -100rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .gzt-price-b {
|
|
|
|
- right: -100rpx;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
.rz {
|
|
.rz {
|
|
margin-top: 10rpx;
|
|
margin-top: 10rpx;
|
|
margin-left: 10rpx;
|
|
margin-left: 10rpx;
|
|
@@ -716,7 +628,7 @@
|
|
.u-bh {
|
|
.u-bh {
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
padding-right: 10rpx;
|
|
padding-right: 10rpx;
|
|
- image {
|
|
+ .image {
|
|
width: 26rpx;
|
|
width: 26rpx;
|
|
height: 26rpx;
|
|
height: 26rpx;
|
|
margin-right: 10rpx;
|
|
margin-right: 10rpx;
|