|
@@ -1,9 +1,13 @@
|
|
|
<template>
|
|
|
<div class="main-data data-logistics">
|
|
|
- <div class="main-area" v-if="active === 0">
|
|
|
+ <div class="main-area">
|
|
|
<div class="left">
|
|
|
<div class="left-cont" v-if="leftShow">
|
|
|
- <div class="left-top bg">
|
|
|
+ <div class="left-top bg"
|
|
|
+ @click="showAssets"
|
|
|
+ @mouseover="showAssets"
|
|
|
+
|
|
|
+ >
|
|
|
<div class="cont-title-area">
|
|
|
<img
|
|
|
class="cont-title-bg"
|
|
@@ -13,22 +17,11 @@
|
|
|
<div class="cont-title">后勤资产</div>
|
|
|
</div>
|
|
|
<div class="components-item bg3">
|
|
|
- <logistics-assets :key="appOrg" @onClick="showAssets"></logistics-assets>
|
|
|
+ <logistics-assets :appOrg="appOrg" :key="appOrg"></logistics-assets>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div class="left-bottom bg">
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">房产土地</div>
|
|
|
- </div>
|
|
|
- <div class="components-item">
|
|
|
- <official-car :key="appOrg"></official-car>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="middle">
|
|
@@ -36,7 +29,7 @@
|
|
|
<asset
|
|
|
v-if="showMap"
|
|
|
ref="asset"
|
|
|
- height="900px"
|
|
|
+ height="920px"
|
|
|
@mapClick="onMapClick"
|
|
|
></asset>
|
|
|
<img src="@/assets/zhang/logistics/logistics.png" width="50" style="position: absolute;top: 125px;left: 20px;cursor: pointer">
|
|
@@ -147,529 +140,70 @@
|
|
|
<div class="cont-title">房产土地</div>
|
|
|
</div>
|
|
|
<div class="components-item bg3">
|
|
|
- <house-area :key="appOrg"></house-area>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 后勤资产 -->
|
|
|
- <div class="main-area" v-else-if="active === 1">
|
|
|
- <div class="left">
|
|
|
- <div class="left-cont" v-if="leftShow">
|
|
|
- <div
|
|
|
- class="left-top bg2"
|
|
|
- @click="showDialog(1)"
|
|
|
- @mouseover="showDialog(1)"
|
|
|
- >
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">后勤资产存量情况</div>
|
|
|
- </div>
|
|
|
- <div class="components-item bg3">
|
|
|
- <assets-stock :key="appOrg"></assets-stock>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="left-bottom bg2"
|
|
|
- @click="showDialog(2)"
|
|
|
- @mouseover="showDialog(2)"
|
|
|
- >
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- style="width: 404px"
|
|
|
- src="@/assets/images/main/cont_title_max_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">后勤资产累计变化情况</div>
|
|
|
- </div>
|
|
|
- <div class="components-item bg3">
|
|
|
- <assets-change :key="appOrg"></assets-change>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="middle">
|
|
|
- <province
|
|
|
- v-if="showMap"
|
|
|
- ref="province"
|
|
|
- height="850px"
|
|
|
- @mapClick="onMapClick"
|
|
|
- ></province>
|
|
|
- <img
|
|
|
- v-if="showLocal"
|
|
|
- class="build"
|
|
|
- src="@/assets/images/build.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <!-- 返回按钮 -->
|
|
|
- <div class="bottom-left flex-row align-items-center">
|
|
|
- <div class="left-item">
|
|
|
- <el-cascader
|
|
|
- v-model="curCompany"
|
|
|
- :options="company"
|
|
|
- @change="handleCompanyChange"
|
|
|
- placeholder="单位"
|
|
|
- :show-all-levels="false"
|
|
|
- >
|
|
|
- <template slot-scope="{ node, data }">
|
|
|
- <div style="display: flex; align-items: center">
|
|
|
- <img
|
|
|
- v-if="data.label == '山西省公司(本部)'"
|
|
|
- src="../../../assets/images/main/tiaozhuanlouyu.png"
|
|
|
- style="width: 15px; margin-right: 10px"
|
|
|
- />
|
|
|
- <span
|
|
|
- v-else-if="data.value == '1A001' || data.value == '1A002' || data.value == '1A004' || data.value == '1A005'"
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- border-radius: 50%;
|
|
|
- margin-right: 10px;
|
|
|
- background: rgb(255, 180, 74);
|
|
|
- "
|
|
|
- ></span>
|
|
|
- <span
|
|
|
- v-else-if="data.value.length == 5 && data.value != '10001'"
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- border-radius: 50%;
|
|
|
- margin-right: 10px;
|
|
|
- background: rgb(74, 194, 29);
|
|
|
- "
|
|
|
- ></span>
|
|
|
- <span
|
|
|
- v-else-if="data.value.length == 7"
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- border-radius: 50%;
|
|
|
- margin-right: 10px;
|
|
|
- background: rgb(99, 235, 255);
|
|
|
- "
|
|
|
- ></span>
|
|
|
- <span>{{ data.label }}</span>
|
|
|
- </div>
|
|
|
- <!-- <div
|
|
|
- v-if="data.level == 2"
|
|
|
- style="width: 1.5vh;height: 1.5vh;background-color: red;border-radius: 60%;margin-top:10px;margin-left:10px;float:right"
|
|
|
- ></div> -->
|
|
|
- </template>
|
|
|
- </el-cascader>
|
|
|
- </div>
|
|
|
- <div class="office" disabled>办公区</div>
|
|
|
- </div>
|
|
|
- <main-data></main-data>
|
|
|
- </div>
|
|
|
- <div class="right">
|
|
|
- <div class="right-cont" v-if="rightShow">
|
|
|
- <div
|
|
|
- class="right-top bg2"
|
|
|
- @click="showDialog(3)"
|
|
|
- @mouseover="showDialog(3)"
|
|
|
- >
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">资产分类统计</div>
|
|
|
- </div>
|
|
|
- <div class="components-item bg3">
|
|
|
- <assets-cate :key="appOrg"></assets-cate>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="right-bottom bg2"
|
|
|
- @click="showDialog(4)"
|
|
|
- @mouseover="showDialog(4)"
|
|
|
- >
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">赋码贴签情况</div>
|
|
|
- </div>
|
|
|
- <div class="components-item bg3">
|
|
|
- <code-bill></code-bill>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 工程项目 -->
|
|
|
- <div class="main-area" v-else-if="active === 3">
|
|
|
- <div class="left">
|
|
|
- <div class="left-cont" v-if="leftShow">
|
|
|
- <div class="left-top bg">
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">年度投资情况</div>
|
|
|
- </div>
|
|
|
- <div class="components-item">
|
|
|
- <engineering-invest :key="appOrg"></engineering-invest>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="left-bottom bg2"
|
|
|
- @click="showDialog(2)"
|
|
|
- @mouseover="showDialog(2)"
|
|
|
- >
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">项目建设进度</div>
|
|
|
- </div>
|
|
|
- <div class="components-item bg3">
|
|
|
- <project-schedule :key="appOrg"></project-schedule>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="middle">
|
|
|
- <province
|
|
|
- v-if="showMap"
|
|
|
- ref="province"
|
|
|
- height="850px"
|
|
|
- @mapClick="onMapClick"
|
|
|
- ></province>
|
|
|
- <img
|
|
|
- v-if="showLocal"
|
|
|
- class="build"
|
|
|
- src="@/assets/images/build.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <!-- 返回按钮 -->
|
|
|
- <div class="bottom-left flex-row align-items-center">
|
|
|
- <div class="left-item">
|
|
|
- <el-cascader
|
|
|
- v-model="curCompany"
|
|
|
- :options="company"
|
|
|
- @change="handleCompanyChange"
|
|
|
- placeholder="单位"
|
|
|
- :show-all-levels="false"
|
|
|
- >
|
|
|
- <template slot-scope="{ node, data }">
|
|
|
- <div style="display: flex; align-items: center">
|
|
|
- <img
|
|
|
- v-if="data.label == '山西省公司(本部)'"
|
|
|
- src="../../../assets/images/main/tiaozhuanlouyu.png"
|
|
|
- style="width: 15px; margin-right: 10px"
|
|
|
- />
|
|
|
- <span
|
|
|
- v-else-if="data.value == '1A001' || data.value == '1A002' || data.value == '1A004' || data.value == '1A005'"
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- border-radius: 50%;
|
|
|
- margin-right: 10px;
|
|
|
- background: rgb(255, 180, 74);
|
|
|
- "
|
|
|
- ></span>
|
|
|
- <span
|
|
|
- v-else-if="data.value.length == 5 && data.value != '10001'"
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- border-radius: 50%;
|
|
|
- margin-right: 10px;
|
|
|
- background: rgb(74, 194, 29);
|
|
|
- "
|
|
|
- ></span>
|
|
|
- <span
|
|
|
- v-else-if="data.value.length == 7"
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- border-radius: 50%;
|
|
|
- margin-right: 10px;
|
|
|
- background: rgb(99, 235, 255);
|
|
|
- "
|
|
|
- ></span>
|
|
|
- <span>{{ data.label }}</span>
|
|
|
- </div>
|
|
|
- <!-- <div
|
|
|
- v-if="data.level == 2"
|
|
|
- style="width: 1.5vh;height: 1.5vh;background-color: red;border-radius: 60%;margin-top:10px;margin-left:10px;float:right"
|
|
|
- ></div> -->
|
|
|
- </template>
|
|
|
- </el-cascader>
|
|
|
- </div>
|
|
|
- <div class="office" disabled>办公区</div>
|
|
|
- </div>
|
|
|
- <main-data></main-data>
|
|
|
- </div>
|
|
|
- <div class="right">
|
|
|
- <div class="right-cont">
|
|
|
- <div class="right-top bg">
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">项目分类统计</div>
|
|
|
- </div>
|
|
|
- <div class="components-item">
|
|
|
- <project-category :key="appOrg"></project-category>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="right-bottom bg">
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">项目建设情况</div>
|
|
|
- </div>
|
|
|
- <div class="components-item">
|
|
|
- <project-construct :key="appOrg"></project-construct>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="main-area" v-else-if="active === 2">
|
|
|
- <div class="left">
|
|
|
- <div class="left-cont">
|
|
|
- <div class="left-top bg">
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">房产资源存量变化</div>
|
|
|
- </div>
|
|
|
- <div class="components-item">
|
|
|
- <house-resource :key="appOrg"></house-resource>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="left-bottom bg">
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">房产分类统计</div>
|
|
|
- </div>
|
|
|
- <div class="components-item">
|
|
|
- <house-cate :key="appOrg"></house-cate>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="middle">
|
|
|
- <province
|
|
|
- v-if="showMap"
|
|
|
- ref="province"
|
|
|
- height="850px"
|
|
|
- @mapClick="onMapClick"
|
|
|
- ></province>
|
|
|
- <img
|
|
|
- v-if="showLocal"
|
|
|
- class="build"
|
|
|
- src="@/assets/images/build.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <!-- 返回按钮 -->
|
|
|
- <div class="bottom-left flex-row align-items-center">
|
|
|
- <div class="left-item">
|
|
|
- <el-cascader
|
|
|
- v-model="curCompany"
|
|
|
- :options="company"
|
|
|
- @change="handleCompanyChange"
|
|
|
- placeholder="单位"
|
|
|
- :show-all-levels="false"
|
|
|
- >
|
|
|
- <template slot-scope="{ node, data }">
|
|
|
- <div style="display: flex; align-items: center">
|
|
|
- <img
|
|
|
- v-if="data.label == '山西省公司(本部)'"
|
|
|
- src="../../../assets/images/main/tiaozhuanlouyu.png"
|
|
|
- style="width: 15px; margin-right: 10px"
|
|
|
- />
|
|
|
- <span
|
|
|
- v-else-if="data.value == '1A001' || data.value == '1A002' || data.value == '1A004' || data.value == '1A005'"
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- border-radius: 50%;
|
|
|
- margin-right: 10px;
|
|
|
- background: rgb(255, 180, 74);
|
|
|
- "
|
|
|
- ></span>
|
|
|
- <span
|
|
|
- v-else-if="data.value.length == 5 && data.value != '10001'"
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- border-radius: 50%;
|
|
|
- margin-right: 10px;
|
|
|
- background: rgb(74, 194, 29);
|
|
|
- "
|
|
|
- ></span>
|
|
|
- <span
|
|
|
- v-else-if="data.value.length == 7"
|
|
|
- style="
|
|
|
- display: inline-block;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- border-radius: 50%;
|
|
|
- margin-right: 10px;
|
|
|
- background: rgb(99, 235, 255);
|
|
|
- "
|
|
|
- ></span>
|
|
|
- <span>{{ data.label }}</span>
|
|
|
- </div>
|
|
|
- <!-- <div
|
|
|
- v-if="data.level == 2"
|
|
|
- style="width: 1.5vh;height: 1.5vh;background-color: red;border-radius: 60%;margin-top:10px;margin-left:10px;float:right"
|
|
|
- ></div> -->
|
|
|
- </template>
|
|
|
- </el-cascader>
|
|
|
- </div>
|
|
|
- <div class="office" disabled>办公区</div>
|
|
|
- </div>
|
|
|
- <main-data></main-data>
|
|
|
- </div>
|
|
|
- <div class="right">
|
|
|
- <div class="right-cont">
|
|
|
- <div class="right-top bg">
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">房产土地使用情况</div>
|
|
|
- </div>
|
|
|
- <div class="components-item">
|
|
|
- <area-resource-cate :key="appOrg"></area-resource-cate>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="right-bottom bg">
|
|
|
- <div class="cont-title-area">
|
|
|
- <img
|
|
|
- class="cont-title-bg"
|
|
|
- src="@/assets/images/main/cont_title_bg.png"
|
|
|
- alt=""
|
|
|
- />
|
|
|
- <div class="cont-title">建筑面积情况</div>
|
|
|
- </div>
|
|
|
- <div class="components-item">
|
|
|
- <building-area :key="appOrg"></building-area>
|
|
|
+ <house-area :appOrg="appOrg"></house-area>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- 公务用车 -->
|
|
|
- <div class="main-area" v-else-if="active === 4">
|
|
|
- <div class="left">
|
|
|
- <div class="left-cont" v-if="leftShow">
|
|
|
- <div class="left-top bg">
|
|
|
- <car-resource></car-resource>
|
|
|
- </div>
|
|
|
- <div class="left-bottom bg">
|
|
|
- <car-stock></car-stock>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="middle">
|
|
|
- <province ref="province" @mapClick="onMapClick"></province>
|
|
|
- <main-data></main-data>
|
|
|
- </div>
|
|
|
- <div class="right">
|
|
|
- <div class="right-cont" v-if="rightShow">
|
|
|
- <div class="right-top bg">
|
|
|
- <car-category></car-category>
|
|
|
- </div>
|
|
|
- <div class="right-bottom bg">
|
|
|
- <car-terminal></car-terminal>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
|
|
|
- <menu-bar
|
|
|
+ <!-- <menu-bar
|
|
|
:active="active"
|
|
|
@showModal="changeActive"
|
|
|
@onBack="onBack"
|
|
|
@showTabs="showTabs"
|
|
|
:curDeep="curDeep"
|
|
|
- ></menu-bar>
|
|
|
+ ></menu-bar> -->
|
|
|
|
|
|
<!--弹出层-->
|
|
|
<div
|
|
|
:class="dialogType < 3 ? 'dialog' : 'dialog-r'"
|
|
|
v-if="dialogShow"
|
|
|
@click="closeDialog"
|
|
|
+ :appOrg="appOrg"
|
|
|
>
|
|
|
- <assets-stock-dialog
|
|
|
+ <!-- <assets-stock-dialog
|
|
|
v-if="dialogType === 1 && active === 1"
|
|
|
@closeDialog="closeDialog"
|
|
|
+ :appOrg="appOrg"
|
|
|
></assets-stock-dialog>
|
|
|
|
|
|
<assets-change-dialog
|
|
|
v-if="dialogType === 2 && active === 1"
|
|
|
@closeDialog="closeDialog"
|
|
|
+ :appOrg="appOrg"
|
|
|
></assets-change-dialog>
|
|
|
|
|
|
<assets-cate-dialog
|
|
|
v-if="dialogType === 3 && active === 1"
|
|
|
@closeDialog="closeDialog"
|
|
|
+ :appOrg="appOrg"
|
|
|
></assets-cate-dialog>
|
|
|
|
|
|
<code-bill-dialog
|
|
|
v-if="dialogType === 4 && active === 1"
|
|
|
@closeDialog="closeDialog"
|
|
|
+ :appOrg="appOrg"
|
|
|
></code-bill-dialog>
|
|
|
|
|
|
<project-schedule-dialog
|
|
|
v-if="dialogType === 2 && active === 3"
|
|
|
@closeDialog="closeDialog"
|
|
|
- ></project-schedule-dialog>
|
|
|
+ :appOrg="appOrg"
|
|
|
+ ></project-schedule-dialog> -->
|
|
|
|
|
|
<code-bill-dialog
|
|
|
v-if="dialogType === 1 && active === 0"
|
|
|
@closeDialog="closeDialog"
|
|
|
+ :appOrg="appOrg"
|
|
|
></code-bill-dialog>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import LogisticsAssets from "./logisticsAssets.vue";
|
|
|
+import LogisticsAssets from "@/views/screen/logistics/logisticsAssets.vue";
|
|
|
import HouseArea from "./houseArea.vue";
|
|
|
import ProjectItem from "./projectItem.vue";
|
|
|
import OfficialCar from "./officialCar.vue";
|