134 lines
2.6 KiB
Vue
134 lines
2.6 KiB
Vue
<template>
|
|
<view class="cards">
|
|
<view class="cards_head">
|
|
<view class="cards_head_top">
|
|
<text><u--image src="../../static/img/company/company.png" width="33.29rpx" height="33.29rpx"
|
|
style="margin-right:20rpx"></u--image></text>
|
|
<text>{item.company_name}</text>
|
|
</view>
|
|
<text @click="navTo('/subpkg/companySign/companySign?id=')">详情 <uni-icons type="forward"
|
|
style="margin-left: 10rpx;" color="white"></uni-icons></text>
|
|
</view>
|
|
<view class="cards_content">
|
|
<view class="right">
|
|
<view class="is_contract">
|
|
<view>
|
|
<text>法人姓名 :</text>
|
|
<text>{item.master_name}</text>
|
|
</view>
|
|
<view>
|
|
<text style="color: green;" v-if="true">已签约</text>
|
|
<text style="color: red;" v-else>未签约</text>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="is_contract">
|
|
<view>
|
|
<text>担任职务 :</text>
|
|
<text>{item.master_position}</text>
|
|
</view>
|
|
<view>
|
|
<u-checkbox-group>
|
|
<u-checkbox active-color="#0122C7" v-model="checked" shape="square" label=""></u-checkbox>
|
|
</u-checkbox-group>
|
|
</view>
|
|
|
|
</view>
|
|
<view class="" @click="copyPhone()">
|
|
<text>联系电话 :</text>
|
|
<text>{item.master_phone}</text>
|
|
</view>
|
|
<view class="">
|
|
<text>负责区域 :</text>
|
|
<text> {item.city_name+item.area_name}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</template>
|
|
|
|
<script>
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.cards {
|
|
|
|
margin: 28rpx;
|
|
width: 694rpx;
|
|
background: #ffffff;
|
|
border-radius: 30rpx;
|
|
overflow: hidden;
|
|
|
|
|
|
.cards_head {
|
|
padding: 28rpx;
|
|
background-color: $theme-oa-color;
|
|
color: white;
|
|
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
.cards_head_top {
|
|
display: flex;
|
|
width: 70vw;
|
|
}
|
|
}
|
|
|
|
.cards_content {
|
|
padding: 28rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
.left {
|
|
text-align: center;
|
|
// padding: 15rpx 25rpx;
|
|
padding-top: 20rpx;
|
|
|
|
width: 160rpx;
|
|
background-color: $theme-oa-color;
|
|
color: white;
|
|
border-radius: 40rpx;
|
|
|
|
.cir {
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
background-color: #ffffff;
|
|
margin-left: 25rpx;
|
|
border-radius: 120rpx;
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
.right {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
|
|
.is_contract {
|
|
width: 85vw;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
height: 40rpx;
|
|
}
|
|
|
|
view {
|
|
margin-bottom: 10rpx;
|
|
|
|
text:nth-child(2) {
|
|
margin-left: 20rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.u_avatar {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
}
|
|
</style> |