|
@@ -25,19 +25,19 @@
|
|
|
</div>
|
|
|
<div class="rightTopContent">
|
|
|
<div class="contentBox">
|
|
|
- <span class="numberBox">{{ initiatedNum }}</span>
|
|
|
+ <span class="numberBox">{{ pInfo.initiatedNum }}</span>
|
|
|
<span class="textBox">已发起的项目</span>
|
|
|
</div>
|
|
|
<div class="contentBox">
|
|
|
- <span class="numberBox">{{approvalNum}}</span>
|
|
|
+ <span class="numberBox">{{pInfo.approvalNum}}</span>
|
|
|
<span class="textBox">完成核准项目</span>
|
|
|
</div>
|
|
|
<div class="contentBox">
|
|
|
- <span class="numberBox">{{ buildNum }}</span>
|
|
|
+ <span class="numberBox">{{ pInfo.buildNum }}</span>
|
|
|
<span class="textBox">正实施建设</span>
|
|
|
</div>
|
|
|
<div class="contentBox">
|
|
|
- <span class="numberBox">{{ electricNum }}</span>
|
|
|
+ <span class="numberBox">{{ pInfo.electricNum }}</span>
|
|
|
<span class="textBox">投产发电</span>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -86,7 +86,7 @@
|
|
|
一类项目
|
|
|
</span>
|
|
|
<div class="dialogInfo">
|
|
|
- <p class="pInfo" v-for="item in projectOne" @click="projectNameClick(item)">{{ item.name }}</p>
|
|
|
+ <p class="pInfo" v-for="item in projectOne" @click="projectNameClick(item)">{{ item.projectSort }}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="projectInfoBox">
|
|
@@ -99,7 +99,7 @@
|
|
|
二类项目
|
|
|
</span>
|
|
|
<div class="dialogInfo">
|
|
|
- <p class="pInfo" v-for="item in projectTwo" @click="projectNameClick(item)">{{ item.name }}</p>
|
|
|
+ <p class="pInfo" v-for="item in projectTwo" @click="projectNameClick(item)">{{ item.projectSort }}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -113,7 +113,7 @@
|
|
|
三类备选
|
|
|
</span>
|
|
|
<div class="dialogInfo">
|
|
|
- <p class="pInfo" v-for="item in projectThree" @click="projectNameClick(item)">{{ item.name }}</p>
|
|
|
+ <p class="pInfo" v-for="item in projectThree" @click="projectNameClick(item)">{{ item.projectSort }}</p>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
@@ -123,6 +123,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import {projectInfo} from "@/api/biz/dataQuery/largeScreenPage";
|
|
|
export default {
|
|
|
name: "preProjectResources",
|
|
|
data() {
|
|
@@ -130,34 +131,38 @@ export default {
|
|
|
timer: null,
|
|
|
time: '',
|
|
|
dialogShow: false,
|
|
|
- initiatedNum:'31',//已发起项目数目
|
|
|
- approvalNum:'5',//已完成核准项目数目
|
|
|
- buildNum:'4',//正在实施项目数目
|
|
|
- electricNum:'1',//投产发电项目数目
|
|
|
+ pInfo: {
|
|
|
+ initiatedNum:'31',//已发起项目数目
|
|
|
+ approvalNum:'5',//已完成核准项目数目
|
|
|
+ buildNum:'4',//正在实施项目数目
|
|
|
+ electricNum:'1',//投产发电项目数目
|
|
|
+ },
|
|
|
+
|
|
|
//一类项目列表
|
|
|
projectOne: [
|
|
|
- {name: '黑龙江华电哈尔滨依兰鸡冠山四期200MW风电项目',label: '依兰鸡冠山四期200MW风电项目', value: '1'},
|
|
|
- {name: '黑龙江华电哈尔滨巴彦二期100MW风电项目',label: '巴彦二期100MW风电项目', value: '2'},
|
|
|
- {name: '黑龙江华电哈尔滨呼兰风电二期200MW风电项目',label: '呼兰风电二期200MW风电项目', value: '3'}
|
|
|
+ // {name: '黑龙江华电哈尔滨依兰鸡冠山四期200MW风电项目', value: '1'},
|
|
|
+ // {name: '黑龙江华电哈尔滨巴彦二期100MW风电项目', value: '2'},
|
|
|
+ // {name: '黑龙江华电哈尔滨呼兰风电二期200MW风电项目', value: '3'}
|
|
|
],
|
|
|
// 二类项目列表
|
|
|
projectTwo: [
|
|
|
- {name: '黑龙江华电哈尔滨呼兰风电三期300MW项目',label: '呼兰风电三期300MW项目', value: '4'},
|
|
|
- {name: '黑龙江华电齐齐哈尔富拉尔基200MW风电项目',label: '富拉尔基200MW风电项目', value: '5'},
|
|
|
- {name: '黑龙江华电宁安风水山200MW风电项目',label: '宁安风水山200MW风电项目', value: '6'},
|
|
|
- {name: '黑龙江华电泰来胜利100MW风电项目', label: '泰来胜利100MW风电项目', value: '7'},
|
|
|
- {name: '黑龙江华电哈尔滨方正100MW风电项目',label: '方正100MW风电项目', value: '8'}
|
|
|
+ // {name: '黑龙江华电哈尔滨呼兰风电三期300MW项目', value: '4'},
|
|
|
+ // {name: '黑龙江华电齐齐哈尔富拉尔基200MW风电项目', value: '5'},
|
|
|
+ // {name: '黑龙江华电宁安风水山200MW风电项目', value: '6'},
|
|
|
+ // {name: '黑龙江华电泰来胜利100MW风电项目', value: '7'},
|
|
|
+ // {name: '黑龙江华电哈尔滨方正100MW风电项目', value: '8'}
|
|
|
],
|
|
|
// 三类项目列表
|
|
|
projectThree: [
|
|
|
- {name: '黑龙江华电佳木斯汤原100MW风电项目',label: '汤原100MW风电项目', value: '9'},
|
|
|
- {name: '黑龙江华电哈尔滨巴彦三期300MW风电项目',label: '巴彦三期300MW风电项目', value: '10'},
|
|
|
- {name: '黑龙江华电依兰五期200MW风电项目',label: '依兰五期200MW风电项目', value: '11'},
|
|
|
- {name: '黑龙江华电甘南巨宝200MW风电项目',label: '甘南巨宝200MW风电项目', value: '12'},
|
|
|
- {name: '黑龙江华电种马场20MW风电项目',label: '种马场20MW风电项目', value: '13'},
|
|
|
- {name: '黑龙江华电富拉尔基灰场100MW光伏项目',label: '富拉尔基灰场100MW光伏项目', value: '14'},
|
|
|
- {name: '黑龙江华电佳木斯灰场50MW光伏项目',label: '佳木斯灰场50MW光伏项目', value: '15'},
|
|
|
- {name: '黑龙江华电哈三灰场100MW光伏项目',label: '哈三灰场100MW光伏项目', value: '16'}]
|
|
|
+ // {name: '黑龙江华电佳木斯汤原100MW风电项目', value: '9'},
|
|
|
+ // {name: '黑龙江华电哈尔滨巴彦三期300MW风电项目', value: '10'},
|
|
|
+ // {name: '黑龙江华电依兰五期200MW风电项目', value: '11'},
|
|
|
+ // {name: '黑龙江华电甘南巨宝200MW风电项目', value: '12'},
|
|
|
+ // {name: '黑龙江华电种马场20MW风电项目', value: '13'},
|
|
|
+ // {name: '黑龙江华电富拉尔基灰场100MW光伏项目', value: '14'},
|
|
|
+ // {name: '黑龙江华电佳木斯灰场50MW光伏项目', value: '15'},
|
|
|
+ // {name: '黑龙江华电哈三灰场100MW光伏项目', value: '16'}
|
|
|
+ ]
|
|
|
}
|
|
|
},
|
|
|
destroyed() {
|
|
@@ -166,9 +171,21 @@ export default {
|
|
|
},
|
|
|
mounted() {
|
|
|
this.formatTime()
|
|
|
+ this.getInfo()
|
|
|
this.timer = setInterval(this.formatTime, 1000 * 60)
|
|
|
},
|
|
|
methods: {
|
|
|
+ getInfo(){
|
|
|
+ projectInfo().then(res=>{
|
|
|
+ let data = res.data
|
|
|
+ this.pInfo =data.pInfo
|
|
|
+ this.projectOne = data.one
|
|
|
+ this.projectTwo = data.tow
|
|
|
+ this.projectThree = data.three
|
|
|
+ }).catch(err=>{
|
|
|
+ console.log('项目信息异常:'+err)
|
|
|
+ })
|
|
|
+ },
|
|
|
//项目列表点击名称事件
|
|
|
projectNameClick(project) {
|
|
|
sessionStorage.setItem("projectInfo",JSON.stringify(project))
|
|
@@ -423,7 +440,7 @@ export default {
|
|
|
padding: 1%;
|
|
|
width: 30%;
|
|
|
position: absolute;
|
|
|
- top: 20%;
|
|
|
+ top: 10%;
|
|
|
left: 30%;
|
|
|
}
|
|
|
|