修复地址展示错误的bug,新增点击复制号码\邮箱功能

This commit is contained in:
weipengfei 2023-07-25 16:28:58 +08:00
parent 1dd8d2bba2
commit 47671e03fc
3 changed files with 53 additions and 16 deletions

View File

@ -15,8 +15,13 @@
</view> </view>
</view> </view>
</view> </view>
<view class="bottom"><uni-icons type="location"></uni-icons><text <view class="bottom">
class="location">区域:{{company.address}}</text></view> <view class="left">
<uni-icons type="location"></uni-icons>
<view class="location">区域:</view>
</view>
<view style="flex: 1;">{{company.province_name+company.city_name+company.area_name+company.address}}</view>
</view>
</view> </view>
</block> </block>
</view> </view>
@ -70,8 +75,8 @@
<view class="info"> <view class="info">
<view class="info_item">姓名{{company.master_name}}</view> <view class="info_item">姓名{{company.master_name}}</view>
<view class="info_item">职位{{company.master_position}}</view> <view class="info_item">职位{{company.master_position}}</view>
<view class="info_item">联系电话{{company.master_phone}}</view> <view class="info_item" @click="copyPhone(company.master_phone)">联系电话{{company.master_phone}}</view>
<view class="info_item">邮箱{{company.master_email}}</view> <view class="info_item" @click="copyPhone(company.master_email, '邮箱')">邮箱{{company.master_email}}</view>
</view> </view>
</view> </view>
<view style="height: 32rpx;"></view> <view style="height: 32rpx;"></view>
@ -84,8 +89,8 @@
<view class="info"> <view class="info">
<view class="info_item">姓名{{other.name}}</view> <view class="info_item">姓名{{other.name}}</view>
<view class="info_item">职位{{other.position}}</view> <view class="info_item">职位{{other.position}}</view>
<view class="info_item">联系电话{{other.phone}}</view> <view class="info_item" @click="copyPhone(other.phone)">联系电话{{other.phone}}</view>
<view class="info_item">邮箱{{other.email}}</view> <view class="info_item" @click="copyPhone(other.email, '邮箱')">邮箱{{other.email}}</view>
</view> </view>
</block> </block>
</view> </view>
@ -117,6 +122,7 @@
import { contractView } from "@/api/contract.js" import { contractView } from "@/api/contract.js"
import { companyView } from "@/api/company.js" import { companyView } from "@/api/company.js"
import { download_file } from "@/api/junziqian.js" import { download_file } from "@/api/junziqian.js"
import { Toast } from '@/libs/uniApi.js'
export default { export default {
name: "company", name: "company",
@ -201,6 +207,17 @@
} }
} }
}) })
},
copyPhone(str="", type="号码"){
if(str) uni.setClipboardData({
data:str+"",
success: (e) => {
Toast(type+'已复制')
},
fail: (e) => {
Toast('复制失败')
}
})
} }
}, },
} }
@ -273,18 +290,23 @@
.bottom { .bottom {
display: flex; display: flex;
align-items: center; align-items: flex-start;
color: #666666FF; color: #666666FF;
margin-top: 32rpx; margin-top: 32rpx;
.location { .left{
margin-left: 8rpx; display: flex;
align-items: center;
.location {
margin-left: 8rpx;
}
} }
} }
.one { .one {
.linkman { .linkman {
height: 44rpx; // height: 44rpx;
font-size: 32rpx; font-size: 32rpx;
font-weight: 500; font-weight: 500;
color: #333333; color: #333333;

View File

@ -384,7 +384,7 @@
width: 580rpx; /* 设置元素宽度,根据需要进行调整 */ width: 580rpx; /* 设置元素宽度,根据需要进行调整 */
&::before { &::before {
content: '提醒'; content: '公告';
display: inline-block; display: inline-block;
color: #FF8C1A; color: #FF8C1A;
padding: 2px 8px; padding: 2px 8px;

View File

@ -9,20 +9,23 @@
</view> </view>
<view class="company_list" v-show="current==1"> <view class="company_list" v-show="current==1">
<view class="info_card" v-for="item in companyList" :key="item.id"> <view class="info_card" v-for="item in companyList" :key="item.id">
<view class="top"> <view class="top" @click="naviTo('/subpkg/companySign/companySign?id='+item.id)">
<view> <view>
<view class="info_name">{{item.company_name}}</view> <view class="info_name">{{item.company_name}}</view>
<view class="info_type">{{item.company_type_name}}</view> <view class="info_type">{{item.company_type_name}}</view>
</view> </view>
<view class="btn" @click="naviTo('/subpkg/companySign/companySign?id='+item.id)">详情<uni-icons type="forward" color="#666666"></uni-icons></view> <view class="btn">详情<uni-icons type="forward" color="#666666"></uni-icons></view>
</view> </view>
<u-line ></u-line> <u-line ></u-line>
<view class="bottom"> <view class="bottom">
<image src="../../static/img/contract/company.png"></image> <image src="../../static/img/contract/company.png"></image>
<view class="text"> <view class="text">
<view>主要联系人{{item.master_name}}</view> <view>主要联系人{{item.master_name}}</view>
<view>联系方式{{item.master_phone}}</view> <view @click="copyPhone(item.master_phone)">联系方式{{item.master_phone}}</view>
<view>区县乡镇{{item.city+'/'+item.street}}</view> <view style="display: flex;">
<view class="">区县乡镇</view>
<view>{{item.city_name+'/'+item.area_name+'/'+item.street_name}}</view>
</view>
<!-- <view>片区经理</view> --> <!-- <view>片区经理</view> -->
</view> </view>
</view> </view>
@ -33,7 +36,8 @@
</template> </template>
<script> <script>
import {companyIndex} from "@/api/company.js" import { companyIndex } from "@/api/company.js"
import { Toast } from '@/libs/uniApi.js'
export default { export default {
data() { data() {
return { return {
@ -89,6 +93,17 @@
naviBack(){ naviBack(){
uni.navigateBack() uni.navigateBack()
}, },
copyPhone(str="", type="号码"){
if(str) uni.setClipboardData({
data:str+"",
success: (e) => {
Toast(type+'已复制')
},
fail: (e) => {
Toast('复制失败')
}
})
}
}, },
onPullDownRefresh() { onPullDownRefresh() {
uni.stopPullDownRefresh() uni.stopPullDownRefresh()