OfficeApp/subpkg/property/chosseCompany.vue

239 lines
4.9 KiB
Vue
Raw Normal View History

2023-08-22 16:01:58 +08:00
<template>
2023-08-29 11:11:19 +08:00
<view class="">
<view class="date">
2022年12月12日提出申请
2023-08-22 16:01:58 +08:00
</view>
2023-08-29 11:11:19 +08:00
<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>
2023-08-22 16:01:58 +08:00
</view>
2023-08-29 11:11:19 +08:00
<view class="is_contract">
<view>
<text>担任职务 :</text>
<text>{item.master_position}</text>
</view>
2023-08-22 16:01:58 +08:00
</view>
2023-08-29 11:11:19 +08:00
<view class="" @click="copyPhone()">
<text>联系电话 :</text>
<text>{item.master_phone}</text>
2023-08-23 11:35:09 +08:00
</view>
2023-08-29 11:11:19 +08:00
<view class="">
<text>负责区域 :</text>
<text> {item.city_name+item.area_name}</text>
2023-08-23 11:35:09 +08:00
</view>
2023-08-22 16:01:58 +08:00
</view>
2023-08-29 11:11:19 +08:00
</view>
</view>
<view class="car_info">
<view class="car_type">
<text v-if="true">空闲车辆</text>
<text v-else>自有车辆</text>
</view>
<view class="car_li" v-for="item,index in carList">
车牌号 川Y103D2
<view class="" style="float: right;display: flex;">
<text style="margin-right: 10rpx;">租赁车辆</text>
<u-checkbox-group v-model="checked">
<u-checkbox active-color="#0122C7" :label="item" :name="item" shape="square"
label=""></u-checkbox>
</u-checkbox-group>
2023-08-22 16:01:58 +08:00
</view>
</view>
</view>
2023-08-29 11:11:19 +08:00
<view class="btns">
<u-button type="primary" @click="showPop=true" style="margin-bottom: 20rpx;width: 100%;" color="#FF7C32"
text="申请驳回"></u-button>
2023-08-29 16:45:34 +08:00
<u-button type="primary" text="生成合同" @tap="contractFn" color="#0122C7"></u-button>
2023-08-29 11:11:19 +08:00
</view>
<view class="">
<u-modal :show="showPop" @close="showPop=false" @confirm="confirm" :closeOnClickOverlay="true"
title="请输入驳回理由">
<view class="slot-content">
<!-- <u--input placeholder="请输入内容" type="number" v-model="newCarNum"></u--input> -->
<u--textarea v-model="overruleValue" placeholder="请输入内容" class="textarea_cls"></u--textarea>
</view>
</u-modal>
</view>
2023-08-22 16:01:58 +08:00
</view>
2023-08-29 11:11:19 +08:00
2023-08-22 16:01:58 +08:00
</template>
<script>
2023-08-29 11:11:19 +08:00
import {
getAgencyDetail,
contractApi,
overruleApi
} from "@/api/property.js"
2023-08-29 16:45:34 +08:00
import {
Toast
} from "../../libs/uniApi"
2023-08-29 11:11:19 +08:00
export default {
data() {
return {
2023-08-30 11:28:35 +08:00
dataList: [],
2023-08-29 11:11:19 +08:00
overruleValue: "",
showPop: false,
checked: [],
carList: [1, 2]
}
},
2023-08-30 11:28:35 +08:00
onLaunch() {
getAgencyDetail().then(res => {
this.dataList = res
})
},
2023-08-29 11:11:19 +08:00
methods: {
confirm() {
2023-08-30 11:28:35 +08:00
// console.log(this.overruleValue)
2023-08-29 16:45:34 +08:00
overruleApi().then(res => {
Toast("操作成功")
this.showPop = false
})
},
contractFn() {
contractApi().then(res => {
Toast("操作成功")
})
2023-08-29 11:11:19 +08:00
},
navTo(url) {
uni.navigateTo({
url
})
}
}
}
2023-08-22 16:01:58 +08:00
</script>
<style lang="scss" scoped>
2023-08-29 11:11:19 +08:00
.date {
padding: 10rpx 28rpx 0;
}
2023-08-22 16:01:58 +08:00
.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%);
}
}
2023-08-29 11:11:19 +08:00
.car_info {
padding: 10rpx 28rpx 0;
.car_type {
margin-bottom: 20rpx;
}
.car_li {
background-color: white;
margin-bottom: 17.54rpx;
padding: 20rpx;
border-radius: 10rpx;
}
}
.btns {
position: fixed;
bottom: 5rpx;
width: 100%;
padding: 10rpx 28rpx 0;
}
.textarea_cls {
width: 70vw;
border: 1px solid #DADBDE;
}
2023-08-22 16:01:58 +08:00
</style>