388 lines
12 KiB
Vue
388 lines
12 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<view class="barBox" :style="{'height': barBoxHeight + 'px'}">
|
|||
|
|
<view class="fixedheader">
|
|||
|
|
<headers :themeType="'white'" :showBack="true">
|
|||
|
|
<view class="headerName">
|
|||
|
|
基本信息
|
|||
|
|
</view>
|
|||
|
|
</headers>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view class="tabBox">
|
|||
|
|
<view :class="{'enterprise-tab':true,'active-tab': checked == 1}" @click="handleTab(1)">企业信息</view>
|
|||
|
|
<view :class="{'project-tab':true,'active-tab': checked == 2}" @click="handleTab(2)">项目信息</view>
|
|||
|
|
</view>
|
|||
|
|
<scroll-view :scroll-y="true" class="scrollBox" :style="{height: scrollHeight + 'px'}" v-if="checked == 1">
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">企业名称</view>
|
|||
|
|
<view class="item-bottom">{{enterpriseInfo.enterpriseName || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">企业类型</view>
|
|||
|
|
<view class="item-bottom">{{enterpriseInfo.companyTypeName || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">统一社会信用代码</view>
|
|||
|
|
<view class="item-bottom">{{enterpriseInfo.socialCode || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">法定代表人</view>
|
|||
|
|
<view class="item-bottom">{{enterpriseInfo.enterpriseLegalPerson || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">法人电话</view>
|
|||
|
|
<view class="item-bottom">{{enterpriseInfo.legalPersonTel || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">注册人申请电话</view>
|
|||
|
|
<view class="item-bottom">{{enterpriseInfo.registerPersonPhoneTel || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">开户行</view>
|
|||
|
|
<view class="item-bottom">{{enterpriseInfo.bankname || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">银行账号</view>
|
|||
|
|
<view class="item-bottom">{{enterpriseInfo.bankcardnumber || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">营业执照截止日期</view>
|
|||
|
|
<text class="item-bottom">{{enterpriseInfo.businessLicenseEndDate || '--'}}</text>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">资质照片</view>
|
|||
|
|
<view class="item-bottom" v-if="enterpriseInfo.enterpriseQualificationUrl">
|
|||
|
|
<image :src="enterpriseInfo.enterpriseQualificationUrl"
|
|||
|
|
@click="previewImage(enterpriseInfo.enterpriseQualificationUrl)" class="icon-image"></image>
|
|||
|
|
<!-- <image :src="enterpriseInfo.enterpriseQualificationUrl[0].url"
|
|||
|
|
@click="previewImage(enterpriseInfo.enterpriseQualificationUrl[0].url)"
|
|||
|
|
class="icon-image"></image> -->
|
|||
|
|
</view>
|
|||
|
|
<view class="item-bottom" v-else>
|
|||
|
|
<text>--</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</scroll-view>
|
|||
|
|
<scroll-view :scroll-y="true" class="scrollBox" :style="{height: scrollHeight + 'px'}" v-if="checked == 2">
|
|||
|
|
<div class="conProjectItem" v-for="item in conProjectList" :key="item.id">
|
|||
|
|
<view class="property-item">
|
|||
|
|
<!-- 承包商名称 -->
|
|||
|
|
<view class="item-top">承包项目名称</view>
|
|||
|
|
<view class="item-bottom">{{item.cbsName || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">项目施工区域</view>
|
|||
|
|
<view class="item-bottom">{{item.projectBuildArea || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">项目经理</view>
|
|||
|
|
<view class="item-bottom">{{item.projectManage || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">项目类型</view>
|
|||
|
|
<view class="item-bottom">{{item.cbsProjectTypeName || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">施工阶段</view>
|
|||
|
|
<view class="item-bottom">{{item.constructionStageName || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">经度位置</view>
|
|||
|
|
<view class="item-bottom">{{item.longitude || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">纬度位置</view>
|
|||
|
|
<view class="item-bottom">{{item.latitude || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">项目编号</view>
|
|||
|
|
<view class="item-bottom">{{item.projectNumber || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">结构类型</view>
|
|||
|
|
<view class="item-bottom">{{item.structureTypeName || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">项目面积(㎡)</view>
|
|||
|
|
<view class="item-bottom">{{item.projectAcreage ? item.projectAcreage + '㎡' : '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">工程状态</view>
|
|||
|
|
<view class="item-bottom">{{
|
|||
|
|
item.bulidStatus == 0 ? '未开工' :
|
|||
|
|
item.bulidStatus == 1 ? '在建' :
|
|||
|
|
item.bulidStatus == 2 ? '停工' :
|
|||
|
|
item.bulidStatus == 3 ? '竣备' : '--'
|
|||
|
|
}}</view>
|
|||
|
|
</view>
|
|||
|
|
</div>
|
|||
|
|
<!-- <view class="property-item">
|
|||
|
|
<view class="item-top">承包商名称</view>
|
|||
|
|
<view class="item-bottom">{{conProjectInfo.cbsName || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">项目施工区域</view>
|
|||
|
|
<view class="item-bottom">{{conProjectInfo.projectBuildArea || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">项目经理</view>
|
|||
|
|
<view class="item-bottom">{{conProjectInfo.projectManage || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">项目类型</view>
|
|||
|
|
<view class="item-bottom">{{conProjectInfo.cbsProjectTypeName || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">施工阶段</view>
|
|||
|
|
<view class="item-bottom">{{conProjectInfo.constructionStageName || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">经度位置</view>
|
|||
|
|
<view class="item-bottom">{{conProjectInfo.longitude || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">纬度位置</view>
|
|||
|
|
<view class="item-bottom">{{conProjectInfo.latitude || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">项目编号</view>
|
|||
|
|
<view class="item-bottom">{{conProjectInfo.projectNumber || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">结构类型</view>
|
|||
|
|
<view class="item-bottom">{{conProjectInfo.structureTypeName || '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">项目面积(㎡)</view>
|
|||
|
|
<view class="item-bottom">{{conProjectInfo.projectAcreage ? conProjectInfo.projectAcreage + '㎡' : '--'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="property-item">
|
|||
|
|
<view class="item-top">工程状态</view>
|
|||
|
|
<view class="item-bottom">{{
|
|||
|
|
conProjectInfo.bulidStatus == 0 ? '未开工' :
|
|||
|
|
conProjectInfo.bulidStatus == 1 ? '在建' :
|
|||
|
|
conProjectInfo.bulidStatus == 2 ? '停工' :
|
|||
|
|
conProjectInfo.bulidStatus == 3 ? '竣备' : '--'
|
|||
|
|
}}</view>
|
|||
|
|
</view> -->
|
|||
|
|
</scroll-view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
id: '',
|
|||
|
|
projectId: '',
|
|||
|
|
checked: 1,
|
|||
|
|
barBoxHeight: '',
|
|||
|
|
scrollHeight: '',
|
|||
|
|
enterpriseInfo: '',
|
|||
|
|
conProjectInfo: '',
|
|||
|
|
conProjectList: [],
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
onReady() {
|
|||
|
|
this.getHeight()
|
|||
|
|
},
|
|||
|
|
onLoad(option) {
|
|||
|
|
this.id = option.id
|
|||
|
|
this.projectId = option.projectId
|
|||
|
|
this.getDetailInfo()
|
|||
|
|
this.supplierInfoList();
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
async getHeight() {
|
|||
|
|
const query = uni.createSelectorQuery().in(this);
|
|||
|
|
|
|||
|
|
let fixedheaderHeight = 0
|
|||
|
|
const fixedHeaderPromise = new Promise((resolve) => {
|
|||
|
|
query.select('.fixedheader').boundingClientRect(data => {
|
|||
|
|
fixedheaderHeight = data.height
|
|||
|
|
console.log('fixedheaderHeight：', data.height);
|
|||
|
|
resolve();
|
|||
|
|
}).exec();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
let mobileTopHeight = 0
|
|||
|
|
const systemInfoPromise = new Promise((resolve) => {
|
|||
|
|
uni.getSystemInfo({
|
|||
|
|
success(res) {
|
|||
|
|
mobileTopHeight = res.statusBarHeight ? res.statusBarHeight : 0;
|
|||
|
|
resolve();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
await fixedHeaderPromise;
|
|||
|
|
await systemInfoPromise;
|
|||
|
|
|
|||
|
|
this.barBoxHeight = fixedheaderHeight + mobileTopHeight;
|
|||
|
|
console.log('this.barBoxHeight', this.barBoxHeight);
|
|||
|
|
|
|||
|
|
let screenHeight = uni.getSystemInfoSync().screenHeight;
|
|||
|
|
console.log('screenHeight', screenHeight);
|
|||
|
|
|
|||
|
|
this.scrollHeight = screenHeight - this.barBoxHeight - 44 - 20;
|
|||
|
|
console.log('this.scrollHeight', this.scrollHeight);
|
|||
|
|
},
|
|||
|
|
handleTab(val) {
|
|||
|
|
this.checked = val
|
|||
|
|
},
|
|||
|
|
supplierInfoList() {
|
|||
|
|
let data = {
|
|||
|
|
type: 2,
|
|||
|
|
enterpriseId: this.id,
|
|||
|
|
projectSn: JSON.parse(uni.getStorageSync('projectDetail')).projectSn,
|
|||
|
|
}
|
|||
|
|
let that = this
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: 'xmgl/projectEnterpriseSupplierInfo/list',
|
|||
|
|
method: 'get',
|
|||
|
|
data: data,
|
|||
|
|
success: res => {
|
|||
|
|
console.log("enterpriseInfo", res);
|
|||
|
|
that.conProjectList = res.result;
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getDetailInfo() {
|
|||
|
|
let data = {
|
|||
|
|
enterpriseId: this.id,
|
|||
|
|
projectSn: JSON.parse(uni.getStorageSync('projectDetail')).projectSn,
|
|||
|
|
}
|
|||
|
|
let that = this
|
|||
|
|
this.sendRequest({
|
|||
|
|
url: 'xmgl/enterpriseInfo/getEnterpriseInfoById',
|
|||
|
|
method: 'post',
|
|||
|
|
data: data,
|
|||
|
|
success: res => {
|
|||
|
|
console.log("enterpriseInfo", res);
|
|||
|
|
this.enterpriseInfo = res.result
|
|||
|
|
|
|||
|
|
if (this.enterpriseInfo.enterpriseQualificationUrl) {
|
|||
|
|
// pc处理方式
|
|||
|
|
this.enterpriseInfo.enterpriseQualificationUrl =
|
|||
|
|
res.result.enterpriseQualificationUrl && res.result.enterpriseQualificationUrl
|
|||
|
|
.split(',').length > 1 ?
|
|||
|
|
res.result.enterpriseQualificationUrl.split(',').map(item => {
|
|||
|
|
return {
|
|||
|
|
name: item.split('*')[0],
|
|||
|
|
url: that.url_config + 'image/' + item.split('*')[1],
|
|||
|
|
}
|
|||
|
|
}) : res.result.enterpriseQualificationUrl.indexOf('http://') >= 0 ? res.result
|
|||
|
|
.enterpriseQualificationUrl :
|
|||
|
|
url_config + 'image/' + res.result.enterpriseQualificationUrl;
|
|||
|
|
console.log(this.enterpriseInfo.enterpriseQualificationUrl)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//如果app有图片但没加载出来，就切换成上面pc处理方式
|
|||
|
|
// if(this.enterpriseInfo.enterpriseQualificationUrl){
|
|||
|
|
// this.enterpriseInfo.enterpriseQualificationUrl = this.enterpriseInfo.enterpriseQualificationUrl.split('*')[1]
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
this.conProjectInfo = res.result.projectEnterprise
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
//预览图片
|
|||
|
|
previewImage(url) {
|
|||
|
|
console.log('url', url);
|
|||
|
|
uni.previewImage({
|
|||
|
|
urls: [url]
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.conProjectItem {
|
|||
|
|
border: 2rpx solid #EBECF0;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
padding: 20rpx;
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.barBox {
|
|||
|
|
// background-color: #5181F6;
|
|||
|
|
background-color: #f6f6f6;
|
|||
|
|
min-height: 100%;
|
|||
|
|
height: 44px;
|
|||
|
|
|
|||
|
|
.fixedheader {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 999;
|
|||
|
|
|
|||
|
|
.headerName {
|
|||
|
|
z-index: 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tabBox {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 44px;
|
|||
|
|
display: flex;
|
|||
|
|
|
|||
|
|
.enterprise-tab {
|
|||
|
|
width: 50%;
|
|||
|
|
height: 100%;
|
|||
|
|
border: 1rpx solid #e5e5e5;
|
|||
|
|
// border-top: none;
|
|||
|
|
// border-left: none;
|
|||
|
|
line-height: 44px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.project-tab {
|
|||
|
|
width: 50%;
|
|||
|
|
height: 100%;
|
|||
|
|
border: 1rpx solid #e5e5e5;
|
|||
|
|
// border-top: none;
|
|||
|
|
// border-right: none;
|
|||
|
|
line-height: 44px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.active-tab {
|
|||
|
|
background-color: #2b8df3;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.scrollBox {
|
|||
|
|
height: 100%;
|
|||
|
|
width: calc(100% - 20rpx);
|
|||
|
|
// background-color: darkred;
|
|||
|
|
margin: 0 20rpx;
|
|||
|
|
word-break: break-all;
|
|||
|
|
padding-bottom: 20rpx;
|
|||
|
|
|
|||
|
|
.property-item {
|
|||
|
|
// line-height: 50rpx;
|
|||
|
|
margin-bottom: 30rpx;
|
|||
|
|
|
|||
|
|
.item-top {
|
|||
|
|
color: #878787;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item-bottom {
|
|||
|
|
margin-top: 10rpx;
|
|||
|
|
width: auto;
|
|||
|
|
height: auto;
|
|||
|
|
|
|||
|
|
.icon-image {
|
|||
|
|
width: 100rpx;
|
|||
|
|
height: 100rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|