|
@@ -30,142 +30,32 @@
|
|
|
<span class="title">前期审批数量</span>
|
|
|
</div>
|
|
|
<div class="box-big">
|
|
|
- <div class="box-small">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">可研评审</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-small">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">初设评审</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-small">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">政府立项备案</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-small">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">土地手续</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-small">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">用地规划</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-big">
|
|
|
- <div class="box-small">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">工程规划</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-small">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">设计招标</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-small">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">施工招标</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-small">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">监理招标</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-small">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">施工许可</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
+ <div class="box-small" v-for="(item, index) in parest" :key="index">
|
|
|
+ <div class="box-above">
|
|
|
+ <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
+ <div class="name-white">{{item.name}}</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="names">{{item.num}}<span class="nums">个</span></div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="dialog-left">
|
|
|
<div class="content-title long">
|
|
|
<span class="title">施工阶段数量</span>
|
|
|
</div>
|
|
|
<div class="box-big">
|
|
|
- <div class="box-smalls">
|
|
|
+ <div class="box-smalls" v-for="(item, index) in parest" :key="index">
|
|
|
<div class="box-above">
|
|
|
<img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">基础施工</div>
|
|
|
+ <div class="name-white">{{item.name}}</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
+ <div class="names">{{item.num}}<span class="nums">个</span></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="box-smalls">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">主体工程</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-smalls">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">室内外装修</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="box-smalls">
|
|
|
- <div class="box-above">
|
|
|
- <img src="@/assets/images/main/choose_bg12.png" />
|
|
|
- <div class="name-white">室外工程</div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="names">56<span class="nums">个</span></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -175,6 +65,8 @@
|
|
|
<script>
|
|
|
import PieChart from "@/components/Echarts/PieChart";
|
|
|
import BarChart from "@/components/Echarts/BarChart.vue";
|
|
|
+import {examine} from "@/api/screen/engineering";
|
|
|
+
|
|
|
|
|
|
|
|
|
export default {
|
|
@@ -197,7 +89,16 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
//在线数
|
|
|
+
|
|
|
pieData: [],
|
|
|
+ dataList: [],
|
|
|
+ parest:[
|
|
|
+ {name:"可研评审",num:0},{name:"初设评审",num:0},
|
|
|
+ {name:"政府立项备案",num:0},{name:"土地手续",num:0},
|
|
|
+ {name:"用地规划",num:0},{name:"工程规划",num:0},
|
|
|
+ {name:"设计招标",num:0},{name:"施工招标",num:0},
|
|
|
+ {name:"监理招标",num:0},{name:"施工许可",num:0},
|
|
|
+ ],
|
|
|
catePieData: [
|
|
|
{ value: 40, name: "新能源汽车" },
|
|
|
{ value: 20, name: "燃油汽车" },
|
|
@@ -479,11 +380,24 @@ export default {
|
|
|
created() {
|
|
|
this.handlePie();
|
|
|
this.handleBar();
|
|
|
+ this.examine();
|
|
|
},
|
|
|
destroyed() {},
|
|
|
beforeDestroy() {},
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
+ //前期审批数量
|
|
|
+ examine() {
|
|
|
+ examine(this.$props.appOrg).then((res) => {
|
|
|
+ if (Number(res.code) === 200) {
|
|
|
+ const fetchedData = res.data;
|
|
|
+ for (let i = 0; i < fetchedData.length; i++) {
|
|
|
+ this.parest[fetchedData[i].subdivision-1].num= fetchedData[i].num;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
|
|
|
//初始化
|
|
|
resetData(){
|
|
@@ -1190,9 +1104,10 @@ export default {
|
|
|
}
|
|
|
.box-big{
|
|
|
width: 100%;
|
|
|
- height: 80px;
|
|
|
+ height: 160px;
|
|
|
padding-top: 10px;
|
|
|
padding-bottom: 20px;
|
|
|
+ flex-wrap: wrap;
|
|
|
display: flex;
|
|
|
padding-left: 10px;
|
|
|
.name-white{
|