|
|
@@ -1,33 +1,33 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<div
|
|
|
- class="white-bg top full-height flex flex-col hide-scrollbar"
|
|
|
- style="overflow-y: auto"
|
|
|
+ class="white-bg top full-height flex flex-col hide-scrollbar"
|
|
|
+ style="overflow-y: auto"
|
|
|
>
|
|
|
<div class="flex flex-col flex-center mt-15 padding">
|
|
|
<span class="font-15 bold mb-10">{{ data.name }}</span>
|
|
|
<span class="font-15 bold mt-5" style="color: #787c90"
|
|
|
- >项目总投资额</span
|
|
|
+ >项目总投资额</span
|
|
|
>
|
|
|
<span class="mt-5 font-15 bold main-color"
|
|
|
- >{{
|
|
|
+ >{{
|
|
|
data.total_amount ? data.total_amount.toLocaleString() : '0'
|
|
|
}}万元</span
|
|
|
>
|
|
|
<div class="flex flex-center mt-10">
|
|
|
<!-- <span class="bold mr-15" style="color:#787C90;">{{ currentSituation.dictValue }}</span>-->
|
|
|
<el-select
|
|
|
- v-model="keyWords"
|
|
|
- class="bold"
|
|
|
- :placeholder="currentSituation.dictValue"
|
|
|
- size="small"
|
|
|
- @change="result"
|
|
|
+ v-model="keyWords"
|
|
|
+ class="bold"
|
|
|
+ :placeholder="currentSituation.dictValue"
|
|
|
+ size="small"
|
|
|
+ @change="result"
|
|
|
>
|
|
|
<el-option
|
|
|
- v-for="item in dicList"
|
|
|
- :key="item.dictKey"
|
|
|
- :label="item.dictValue"
|
|
|
- :value="item.dictKey"
|
|
|
+ v-for="item in dicList"
|
|
|
+ :key="item.dictKey"
|
|
|
+ :label="item.dictValue"
|
|
|
+ :value="item.dictKey"
|
|
|
>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
@@ -35,36 +35,44 @@
|
|
|
<el-divider></el-divider>
|
|
|
<div class="flex flex-center full-width">
|
|
|
<span class="title pointer" @click="showRelation = !showRelation"
|
|
|
- >已关联子项目<span class="bold blue font-16">{{ data.lot }}</span
|
|
|
- >个</span
|
|
|
+ >已关联子项目<span class="bold blue font-16">{{ data.lot }}</span
|
|
|
+ >个</span
|
|
|
>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
- class="flex flex-center flex-justify-between flex-col mt-15 hide-scrollbar"
|
|
|
- style="height: 50vh; overflow-x: auto"
|
|
|
+ class="flex flex-center flex-justify-between flex-col mt-15 hide-scrollbar"
|
|
|
+ style="height: 55vh; overflow-x: auto"
|
|
|
>
|
|
|
<div v-if="dicList1 && dicList1.length > 0">
|
|
|
<div
|
|
|
- class="flex flex-center grey-9 font-15 bold pointer"
|
|
|
- :class="active === index ? 'box-s' : 'box'"
|
|
|
- v-for="(item, index) in dicList1"
|
|
|
- :key="item.id"
|
|
|
- @click="change(index)"
|
|
|
+ class="flex flex-center grey-9 font-15 bold pointer"
|
|
|
+ :class="active === index ? 'box-s' : 'box'"
|
|
|
+ v-for="(item, index) in dicList1"
|
|
|
+ :key="item.id"
|
|
|
+ @click="change(index)"
|
|
|
>
|
|
|
{{ item.dictValue }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else>
|
|
|
- <month />
|
|
|
+ <div
|
|
|
+ class="flex flex-center grey-9 font-15 bold pointer"
|
|
|
+ :class="active === index ? 'box-s' : 'box'"
|
|
|
+ v-for="(item, index) in month"
|
|
|
+ :key="item"
|
|
|
+ @click="change(index)"
|
|
|
+ >
|
|
|
+ {{ item.value }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<pro-relation
|
|
|
- :showRelation="showRelation"
|
|
|
- :projectId="data.id"
|
|
|
- @close="showRelation = false"
|
|
|
- @success="updateLot"
|
|
|
+ :showRelation="showRelation"
|
|
|
+ :projectId="data.id"
|
|
|
+ @close="showRelation = false"
|
|
|
+ @success="updateLot"
|
|
|
/>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -75,7 +83,7 @@ import month from '@/views/home/component/month.vue'
|
|
|
|
|
|
export default {
|
|
|
name: 'pro_left',
|
|
|
- components: { proRelation, month },
|
|
|
+ components: {proRelation, month},
|
|
|
props: {
|
|
|
data: Object,
|
|
|
code: {
|
|
|
@@ -111,7 +119,57 @@ export default {
|
|
|
showRelation: false,
|
|
|
projectId: '',
|
|
|
resultList: [],
|
|
|
- projectStage: ''
|
|
|
+ projectStage: '',
|
|
|
+ month: [
|
|
|
+ {
|
|
|
+ value: '1月',
|
|
|
+ index: 0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '2月',
|
|
|
+ index: 1
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '3月',
|
|
|
+ index: 2
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '4月',
|
|
|
+ index: 3
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '5月',
|
|
|
+ index: 4
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '6月',
|
|
|
+ index: 5
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '7月',
|
|
|
+ index: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '8月',
|
|
|
+ index: 7
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '9月',
|
|
|
+ index: 8
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '10月',
|
|
|
+ index: 9
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '11月',
|
|
|
+ index: 10
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '12月',
|
|
|
+ index: 11
|
|
|
+ },
|
|
|
+ ]
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -124,7 +182,7 @@ export default {
|
|
|
this.$bus.on('scorll', e => {
|
|
|
const scrollTop = e.target.scrollTop
|
|
|
const index = this.scorllTopList.findIndex(
|
|
|
- e => scrollTop >= e.start && scrollTop < e.end
|
|
|
+ e => scrollTop >= e.start && scrollTop < e.end
|
|
|
)
|
|
|
this.active = index
|
|
|
if (e.target.scrollTop === 0) {
|
|
|
@@ -133,12 +191,12 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
getDic(code) {
|
|
|
- this.$api.common.dicList({ code }).then(res => {
|
|
|
+ this.$api.common.dicList({code}).then(res => {
|
|
|
if (res.code === 200) {
|
|
|
if (code === 'project-situation') {
|
|
|
this.dicList = res.data
|
|
|
const local = this.dicList.filter(
|
|
|
- e => e.dictKey === this.projectStage
|
|
|
+ e => e.dictKey === this.projectStage
|
|
|
)
|
|
|
if (local.length > 0) {
|
|
|
this.currentSituation = local[0]
|
|
|
@@ -151,9 +209,9 @@ export default {
|
|
|
setTimeout(() => {
|
|
|
for (let i = 0; i < this.resultList.length; i++) {
|
|
|
const start =
|
|
|
- i === 0 ? 0 : document.getElementById('header' + i).offsetTop
|
|
|
+ i === 0 ? 0 : document.getElementById('header' + i).offsetTop
|
|
|
const end = document.getElementById(
|
|
|
- 'header' + (i + 1)
|
|
|
+ 'header' + (i + 1)
|
|
|
).offsetTop
|
|
|
const data = {
|
|
|
index: i,
|
|
|
@@ -174,7 +232,7 @@ export default {
|
|
|
this.$emit('typeChange1')
|
|
|
},
|
|
|
result(item) {
|
|
|
- const data = { id: this.data.id, project_stage: Number.parseInt(item) }
|
|
|
+ const data = {id: this.data.id, project_stage: Number.parseInt(item)}
|
|
|
this.$api.project.proUpdate(data).then(res => {
|
|
|
if (res.code === 200) {
|
|
|
this.$message.success(res.msg)
|
scorpioyq