修复地址展示错误的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 class="bottom"><uni-icons type="location"></uni-icons><text
class="location">区域:{{company.address}}</text></view>
<view class="bottom">
<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>
</block>
</view>
@ -70,8 +75,8 @@
<view class="info">
<view class="info_item">姓名{{company.master_name}}</view>
<view class="info_item">职位{{company.master_position}}</view>
<view class="info_item">联系电话{{company.master_phone}}</view>
<view class="info_item">邮箱{{company.master_email}}</view>
<view class="info_item" @click="copyPhone(company.master_phone)">联系电话{{company.master_phone}}</view>
<view class="info_item" @click="copyPhone(company.master_email, '邮箱')">邮箱{{company.master_email}}</view>
</view>
</view>
<view style="height: 32rpx;"></view>
@ -84,8 +89,8 @@
<view class="info">
<view class="info_item">姓名{{other.name}}</view>
<view class="info_item">职位{{other.position}}</view>
<view class="info_item">联系电话{{other.phone}}</view>
<view class="info_item">邮箱{{other.email}}</view>
<view class="info_item" @click="copyPhone(other.phone)">联系电话{{other.phone}}</view>
<view class="info_item" @click="copyPhone(other.email, '邮箱')">邮箱{{other.email}}</view>
</view>
</block>
</view>
@ -117,6 +122,7 @@
import { contractView } from "@/api/contract.js"
import { companyView } from "@/api/company.js"
import { download_file } from "@/api/junziqian.js"
import { Toast } from '@/libs/uniApi.js'
export default {
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 {
display: flex;
align-items: center;
align-items: flex-start;
color: #666666FF;
margin-top: 32rpx;
.left{
display: flex;
align-items: center;
.location {
margin-left: 8rpx;
}
}
}
.one {
.linkman {
height: 44rpx;
// height: 44rpx;
font-size: 32rpx;
font-weight: 500;
color: #333333;

View File

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

View File

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