142 lines
4.1 KiB
Vue
142 lines
4.1 KiB
Vue
<template>
|
||
<div class="leftTop">
|
||
<Card title="承包商项目信息">
|
||
<div class="mainContainer">
|
||
<div>承包商名称：{{cbsProjectInfo.cbsName || '--'}}</div>
|
||
<div class="lineBox">
|
||
<div class="boxInner1">施工区域：{{cbsProjectInfo.projectBuildArea || '--'}}</div>
|
||
<div class="boxInner2">工程状态：{{cbsProjectInfo.bulidStatus == 0 ? '未开工' : cbsProjectInfo.bulidStatus == 1 ? '在建' :
|
||
cbsProjectInfo.bulidStatus == 2 ? '停工' : cbsProjectInfo.bulidStatus == 3 ? '验收' : cbsProjectInfo.bulidStatus == 4 ? '完工' : '--'}}</div>
|
||
</div>
|
||
<div class="lineBox">
|
||
<div class="boxInner1">项目编号：{{cbsProjectInfo.projectNumber || '--'}}</div>
|
||
<div class="boxInner2">建筑面积：<span v-if="cbsProjectInfo.projectAcreage">{{cbsProjectInfo.projectAcreage + '㎡'}}</span><span v-else>--</span></div>
|
||
</div>
|
||
<div class="lineBox">
|
||
<div class="boxInner1">项目经理：{{cbsProjectInfo.projectManage || '--'}}</div>
|
||
<div class="boxInner2">联系电话：{{cbsProjectInfo.projectTel || '--'}}</div>
|
||
</div>
|
||
<div class="lineBox">
|
||
<div class="boxInner1">项目类型：{{cbsProjectInfo.cbsProjectTypeName || '--'}}</div>
|
||
<div class="boxInner2">工程类别：{{cbsProjectInfo.projectTypeName || '--'}}</div>
|
||
</div>
|
||
<div class="lineBox">
|
||
<div class="boxInner1">开工日期：{{cbsProjectInfo.startWorkDate || '--'}}</div>
|
||
<div class="boxInner2">竣工日期：{{cbsProjectInfo.completionDate || '--'}}</div>
|
||
</div>
|
||
<div class="lineBox">
|
||
<div class="boxInner1">施工阶段：{{cbsProjectInfo.constructionStageName || '--'}}</div>
|
||
<div class="boxInner2">结构类型：{{cbsProjectInfo.structureTypeName || '--'}}</div>
|
||
</div>
|
||
<!-- <div class="lineBox">
|
||
<div class="boxInner1">投资总额：12457万元</div><div class="boxInner2">合同总额：230万元</div>
|
||
</div> -->
|
||
</div>
|
||
</Card>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import Card from "@/components/card.vue";
|
||
import { GlobalStore } from "@/stores";
|
||
import { ref, onMounted, watch } from "vue";
|
||
import { COMPANY } from "@/config/config";
|
||
//引入现场大屏API
|
||
import {
|
||
getEnterpriseIdApi,
|
||
getEnterpriseInfoByIdApi,
|
||
} from "@/api/modules/agjtLiveApi";
|
||
const store = GlobalStore();
|
||
const BASEURL = import.meta.env.VITE_API_URL
|
||
|
||
const cbsProjectInfo = ref({} as any)
|
||
async function getCbsProjectInfo() {
|
||
console.log("BASEURL===>",BASEURL)
|
||
//获取企业Id
|
||
await getEnterpriseIdApi().then(res => {
|
||
if(res.success){
|
||
let data = {
|
||
enterpriseId: res.result.id,
|
||
projectSn: '',
|
||
}
|
||
if(BASEURL == 'http://182.90.224.237:51234' || BASEURL == 'http://192.168.34.221:9111') data.projectSn = 'BD3137498CB84BF0969979E0342CDBCA'
|
||
if(BASEURL == 'http://42.180.188.17:9809' || BASEURL == 'http://42.180.188.17:11211') data.projectSn = '471568F45EB247A3912A0D10EA1BFCEB'
|
||
getEnterpriseInfoByIdApi(data).then(res2 => {
|
||
cbsProjectInfo.value = res2.result.projectEnterprise
|
||
})
|
||
}
|
||
});
|
||
};
|
||
|
||
//父组件调用需要无感刷新的方法
|
||
const leftTopMethod = async () => {
|
||
getCbsProjectInfo()
|
||
}
|
||
//将方法暴露给父组件
|
||
defineExpose({
|
||
leftTopMethod
|
||
})
|
||
onMounted( async () => {
|
||
getCbsProjectInfo()
|
||
})
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.leftTop {
|
||
width: 100%;
|
||
height: 100%;
|
||
.mainContainer{
|
||
width: calc(100% - 20px);
|
||
height: calc(100% - 20px);
|
||
color: #fff;
|
||
padding: 10px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-around;
|
||
.lineBox{
|
||
// background-color: #fff;
|
||
line-height: 18px;
|
||
height: 18px;
|
||
display: flex;
|
||
.boxInner1{
|
||
// width: 60%;
|
||
width: 50%;
|
||
}
|
||
.boxInner2{
|
||
// width: 40%;
|
||
width: 50%;
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
|
||
// .projectInfo {
|
||
// width: 100%;
|
||
// height: 100%;
|
||
// color: #fff;
|
||
// padding: 2% 0 0 4%;
|
||
|
||
// div {
|
||
// width: 95%;
|
||
// height: 12%;
|
||
// font-size: 15px;
|
||
// white-space: nowrap; //单行
|
||
// overflow: hidden;
|
||
// text-overflow: ellipsis;
|
||
// span {
|
||
// margin-right: 3%;
|
||
// color: #ccc;
|
||
// }
|
||
// }
|
||
// }
|
||
}
|
||
|
||
::v-deep .h-card .content {
|
||
height: 80%;
|
||
}
|
||
::v-deep .h-card {
|
||
position: relative;
|
||
}
|
||
</style>
|