|
@@ -6,39 +6,43 @@
|
|
<div class="organization-information-list">
|
|
<div class="organization-information-list">
|
|
<div class="item">
|
|
<div class="item">
|
|
<div class="key">企业名称</div>
|
|
<div class="key">企业名称</div>
|
|
- <div class="value">智慧科技创新有限公司</div>
|
|
|
|
|
|
+ <div class="value">{{detail.name}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="item">
|
|
<div class="key">信用代码</div>
|
|
<div class="key">信用代码</div>
|
|
- <div class="value">91440300MA5F6XYH2N</div>
|
|
|
|
|
|
+ <div class="value">{{detail.creditCode}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="item">
|
|
<div class="key">法人代表</div>
|
|
<div class="key">法人代表</div>
|
|
- <div class="value">陈志远</div>
|
|
|
|
|
|
+ <div class="value">{{detail.legalPerson}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="item">
|
|
- <div class="key">主营业务</div>
|
|
|
|
- <div class="value">人工智能技术服务</div>
|
|
|
|
|
|
+ <div class="key">联系人</div>
|
|
|
|
+ <div class="value">{{detail.contacts}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="item">
|
|
- <div class="key">联系人</div>
|
|
|
|
- <div class="value">林总-17601274604</div>
|
|
|
|
|
|
+ <div class="key">联系方式</div>
|
|
|
|
+ <div class="value">{{detail.contactInformation}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="item">
|
|
- <div class="key">入驻时间</div>
|
|
|
|
- <div class="value">2023-03-15</div>
|
|
|
|
|
|
+ <div class="key">企业编码</div>
|
|
|
|
+ <div class="value">{{detail.enterpriseCode}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="item">
|
|
- <div class="key">合同期限</div>
|
|
|
|
- <div class="value">2023-03-15 至 2026-03-14</div>
|
|
|
|
|
|
+ <div class="key">企业规模</div>
|
|
|
|
+ <div class="value">{{detail.corporateScale}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="item">
|
|
- <div class="key">企业编码</div>
|
|
|
|
- <div class="value">QY202502080001</div>
|
|
|
|
|
|
+ <div class="key">入驻时间</div>
|
|
|
|
+ <div class="value">{{detail.entryTime}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="item">
|
|
- <div class="key">房间号码</div>
|
|
|
|
- <div class="value">1#-1F-1101、1#-1F-1102</div>
|
|
|
|
|
|
+ <div class="key">入驻房源</div>
|
|
|
|
+ <div class="value hui-ellipsis">
|
|
|
|
+ <span v-for="(item,index) in detail.roomMap" :key="index">
|
|
|
|
+ {{item}}、
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</box>
|
|
</box>
|
|
@@ -52,30 +56,14 @@
|
|
<div class="top">
|
|
<div class="top">
|
|
<div class="sign-box">
|
|
<div class="sign-box">
|
|
<box label="企业标签">
|
|
<box label="企业标签">
|
|
- <div class="sign">
|
|
|
|
- <div class="sign-item">
|
|
|
|
|
|
+ <div class="sign" v-if="detail.enterpriseLabel">
|
|
|
|
+ <div class="sign-item"
|
|
|
|
+ v-for="(item,index) in $field.findTypeNameByListArray('organizationTagList',detail.enterpriseLabel)"
|
|
|
|
+ :key="item.id">
|
|
<div class="sign-icon">
|
|
<div class="sign-icon">
|
|
- <i class="iconfont huifont-V"></i>
|
|
|
|
|
|
+ <i :class="item.icon" :style="'font-size'+item.size+'px'"></i>
|
|
</div>
|
|
</div>
|
|
- <div class="sign-label">国家科技型中小企业</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="sign-item">
|
|
|
|
- <div class="sign-icon">
|
|
|
|
- <i class="iconfont huifont-guojiagaoxinqiye" style="font-size: 18px;"></i>
|
|
|
|
- </div>
|
|
|
|
- <div class="sign-label">国家高新企业</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="sign-item">
|
|
|
|
- <div class="sign-icon">
|
|
|
|
- <i class="iconfont huifont-zhuanjingtexinqiye"></i>
|
|
|
|
- </div>
|
|
|
|
- <div class="sign-label">专业特新企业</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="sign-item">
|
|
|
|
- <div class="sign-icon">
|
|
|
|
- <i class="iconfont huifont-yuanshigongzuozhan" style="font-size: 16px;"></i>
|
|
|
|
- </div>
|
|
|
|
- <div class="sign-label">院士工作站</div>
|
|
|
|
|
|
+ <div class="sign-label">{{item.name}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</box>
|
|
</box>
|
|
@@ -86,48 +74,36 @@
|
|
<div class="money-item">
|
|
<div class="money-item">
|
|
<div class="money-title">
|
|
<div class="money-title">
|
|
<div class="youshe">房租</div>
|
|
<div class="youshe">房租</div>
|
|
- <div class="money-label">合同期限内房租<span class="color-cyan">12</span>万元</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="record-list">
|
|
<div class="record-list">
|
|
- <div class="record-item">
|
|
|
|
|
|
+ <div class="record-item" v-for="item in houseBill" :key="item.id">
|
|
<div class="value">
|
|
<div class="value">
|
|
- <div class="hui-ellipsis">2025年1月第一期租金<span class="color-cyan">1</span>万元</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="state color-green">已支付</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="record-item">
|
|
|
|
- <div class="value">
|
|
|
|
- <div class="hui-ellipsis">2025年2月第二期租金<span class="color-cyan">1</span>万元</div>
|
|
|
|
|
|
+ <div class="hui-ellipsis">
|
|
|
|
+ <span>{{'第' + item.phase + '期'}}</span>
|
|
|
|
+ <span class="color-cyan">{{item.amount}}</span>元
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <div class="state color-orange">待支付</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="record-item">
|
|
|
|
- <div class="value">
|
|
|
|
- <div class="hui-ellipsis">2025年3月第三期租金<span class="color-cyan">1</span>万元</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="state color-orange">待支付</div>
|
|
|
|
|
|
+ <div class="state color-gray" v-if="!item.status">待付款</div>
|
|
|
|
+ <div class="state color-orange" v-if="item.status === 1">付款中</div>
|
|
|
|
+ <div class="state color-green" v-if="item.status === 2">已付款</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="money-item" style="margin: 10px 0;">
|
|
<div class="money-item" style="margin: 10px 0;">
|
|
<div class="money-title">
|
|
<div class="money-title">
|
|
<div class="youshe">物业费</div>
|
|
<div class="youshe">物业费</div>
|
|
- <div class="money-label">合同期限内<span class="color-cyan">1.2</span>万元</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="record-list">
|
|
<div class="record-list">
|
|
- <div class="record-item">
|
|
|
|
|
|
+ <div class="record-item" v-for="item in propertyBill" :key="item.id">
|
|
<div class="value">
|
|
<div class="value">
|
|
- <div class="hui-ellipsis">2025年1月第一期物业费<span class="color-cyan">1000</span>元
|
|
|
|
|
|
+ <div class="hui-ellipsis">
|
|
|
|
+ <span>{{item.name}}</span>
|
|
|
|
+ <span class="color-cyan">{{item.amount}}</span>元
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="state color-green">已支付</div>
|
|
|
|
- </div>
|
|
|
|
- <div class="record-item">
|
|
|
|
- <div class="value">
|
|
|
|
- <div class="hui-ellipsis">2025年2月第二期物业费<span class="color-cyan">1000</span>元
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="state color-orange">待支付</div>
|
|
|
|
|
|
+ <div class="state color-gray" v-if="!item.status">待付款</div>
|
|
|
|
+ <div class="state color-orange" v-if="item.status === 1">付款中</div>
|
|
|
|
+ <div class="state color-green" v-if="item.status === 2">已付款</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -136,11 +112,16 @@
|
|
<div class="youshe">水电费</div>
|
|
<div class="youshe">水电费</div>
|
|
</div>
|
|
</div>
|
|
<div class="record-list">
|
|
<div class="record-list">
|
|
- <div class="record-item">
|
|
|
|
|
|
+ <div class="record-item" v-for="item in hydropowerBill" :key="item.id">
|
|
<div class="value">
|
|
<div class="value">
|
|
- <div class="hui-ellipsis">2025年1月水电费<span class="color-cyan">564.7</span>元</div>
|
|
|
|
|
|
+ <div class="hui-ellipsis">
|
|
|
|
+ <span>{{item.name}}</span>
|
|
|
|
+ <span class="color-cyan">{{item.amount}}</span>元
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <div class="state color-green">已支付</div>
|
|
|
|
|
|
+ <div class="state color-gray" v-if="!item.status">待付款</div>
|
|
|
|
+ <div class="state color-orange" v-if="item.status === 1">付款中</div>
|
|
|
|
+ <div class="state color-green" v-if="item.status === 2">已付款</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -150,27 +131,14 @@
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="right">
|
|
<div class="right-chart">
|
|
<div class="right-chart">
|
|
- <box label="当年产出">
|
|
|
|
|
|
+ <box label="年产出">
|
|
<div ref="chart1" class="echarts-box"></div>
|
|
<div ref="chart1" class="echarts-box"></div>
|
|
</box>
|
|
</box>
|
|
</div>
|
|
</div>
|
|
<div class="right-bottom">
|
|
<div class="right-bottom">
|
|
<box label="企业里程碑">
|
|
<box label="企业里程碑">
|
|
<div class="process-box">
|
|
<div class="process-box">
|
|
- <div class="process-item">
|
|
|
|
- <div class="line"></div>
|
|
|
|
- <div class="icon">
|
|
|
|
- <div class="icon1">
|
|
|
|
- <div class="icon2"></div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="article">
|
|
|
|
- <div class="date youshe">2023.06.24</div>
|
|
|
|
- <div class="article-title youshe">时间轴大标题</div>
|
|
|
|
- <div class="article-content">我是内容我是内容我是内容</div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="process-item">
|
|
|
|
|
|
+ <div class="process-item" v-for="(item,index) in customList" :key="index">
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="icon">
|
|
<div class="icon">
|
|
<div class="icon1">
|
|
<div class="icon1">
|
|
@@ -178,22 +146,9 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="article">
|
|
<div class="article">
|
|
- <div class="date youshe">2023.06.24</div>
|
|
|
|
- <div class="article-title youshe">时间轴大标题</div>
|
|
|
|
- <div class="article-content">我是内容我是内容我是内容</div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="process-item">
|
|
|
|
- <div class="line"></div>
|
|
|
|
- <div class="icon">
|
|
|
|
- <div class="icon1">
|
|
|
|
- <div class="icon2"></div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="article">
|
|
|
|
- <div class="date youshe">2023.06.24</div>
|
|
|
|
- <div class="article-title youshe">时间轴大标题</div>
|
|
|
|
- <div class="article-content">我是内容我是内容我是内容</div>
|
|
|
|
|
|
+ <div class="date youshe">{{item.keyName}}</div>
|
|
|
|
+ <div class="article-title youshe">{{item.value}}</div>
|
|
|
|
+ <div class="article-content">{{item.value1}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -205,31 +160,82 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import box from '@/components/common/noticeBoard/box'
|
|
import box from '@/components/common/noticeBoard/box'
|
|
- import model from '@/components/work/common/model'
|
|
|
|
|
|
+ import {
|
|
|
|
+ getOrganizationDetailById
|
|
|
|
+ } from '@/httpApi/business'
|
|
|
|
+ import {
|
|
|
|
+ getPaymentListByPage
|
|
|
|
+ } from '@/httpApi/contract'
|
|
|
|
+ import {
|
|
|
|
+ getPaymentsListByPage
|
|
|
|
+ } from '@/httpApi/bill'
|
|
export default {
|
|
export default {
|
|
|
|
+ props: ['detailId'],
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- optionData: [{
|
|
|
|
- name: '专利产权',
|
|
|
|
- value: 3
|
|
|
|
- }, {
|
|
|
|
- name: '商标产权',
|
|
|
|
- value: 6
|
|
|
|
- }, {
|
|
|
|
- name: '著作权产权',
|
|
|
|
- value: 5
|
|
|
|
- }]
|
|
|
|
|
|
+ detail: {},
|
|
|
|
+ customList: [],
|
|
|
|
+ houseBill: [],
|
|
|
|
+ optionData: [],
|
|
|
|
+ propertyBill: [],
|
|
|
|
+ hydropowerBill: []
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
- this.$nextTick(() => {
|
|
|
|
- this.initChart();
|
|
|
|
- this.chart(this.$refs.chart1, [1200, 1340, 1580, 1600, 1640, 1640, 1700], [1000, 1140, 1380, 1400,
|
|
|
|
- 1440, 1440, 1500
|
|
|
|
- ])
|
|
|
|
- })
|
|
|
|
|
|
+ this.init();
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ init() {
|
|
|
|
+ this.initDetail();
|
|
|
|
+ this.initBill();
|
|
|
|
+ },
|
|
|
|
+ initDetail() {
|
|
|
|
+ getOrganizationDetailById(this.detailId || 3).then(res => {
|
|
|
|
+ if (res.state) {
|
|
|
|
+ this.detail = res.data;
|
|
|
|
+ if (this.detail.intellectualPropertyRight) { //知识产权
|
|
|
|
+ this.optionData = JSON.parse(this.detail.intellectualPropertyRight).map(node => {
|
|
|
|
+ return {
|
|
|
|
+ name: node.keyName,
|
|
|
|
+ value: parseInt(node.value) || 0
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ this.initChart();
|
|
|
|
+ }
|
|
|
|
+ //企业标签
|
|
|
|
+ if (this.detail.enterpriseMilestones) this.customList = JSON.parse(this.detail
|
|
|
|
+ .enterpriseMilestones);
|
|
|
|
+ if (this.detail.produce) {
|
|
|
|
+ let produceList = JSON.parse(this.detail.produce).sort((a, b) => a.keyName - b
|
|
|
|
+ .keyName);
|
|
|
|
+ this.chart(this.$refs.chart1, produceList.map(node => node.keyName), produceList.map(
|
|
|
|
+ node => parseInt(node.value1) || 0), produceList.map(node => parseInt(node
|
|
|
|
+ .value) || 0))
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ initBill() {
|
|
|
|
+ let postData = {
|
|
|
|
+ currPage: 1,
|
|
|
|
+ pageSize: 100,
|
|
|
|
+ projectId: this.$store.getters.project.id,
|
|
|
|
+ organizationId: this.$store.getters.organization.id,
|
|
|
|
+ payMerchantId: this.detailId || 3
|
|
|
|
+ }
|
|
|
|
+ getPaymentListByPage(postData).then(res => {
|
|
|
|
+ if (res.state) {
|
|
|
|
+ this.houseBill = res.data.dataList;
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ getPaymentsListByPage(postData).then(res => {
|
|
|
|
+ if (res.state) {
|
|
|
|
+ this.propertyBill = res.data.dataList.filter(node => node.type === 1);
|
|
|
|
+ this.hydropowerBill = res.data.dataList.filter(node => node.type === 2);
|
|
|
|
+ console.log(this.propertyBill);
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
initChart() {
|
|
initChart() {
|
|
var chartDom = this.$refs.chart;
|
|
var chartDom = this.$refs.chart;
|
|
var myChart = echarts.init(chartDom);
|
|
var myChart = echarts.init(chartDom);
|
|
@@ -260,7 +266,7 @@
|
|
option && myChart.setOption(option);
|
|
option && myChart.setOption(option);
|
|
|
|
|
|
},
|
|
},
|
|
- chart(elem, data, data1) {
|
|
|
|
|
|
+ chart(elem, x, data, data1) {
|
|
let chart = echarts.init(elem);
|
|
let chart = echarts.init(elem);
|
|
let option = {
|
|
let option = {
|
|
legend: {
|
|
legend: {
|
|
@@ -290,7 +296,7 @@
|
|
},
|
|
},
|
|
xAxis: {
|
|
xAxis: {
|
|
type: 'category',
|
|
type: 'category',
|
|
- data: ['01', '02', '03', '04', '05', '06', '07'],
|
|
|
|
|
|
+ data: x,
|
|
axisLabel: {
|
|
axisLabel: {
|
|
margin: 10,
|
|
margin: 10,
|
|
color: '#D0DEEE',
|
|
color: '#D0DEEE',
|
|
@@ -357,8 +363,7 @@
|
|
},
|
|
},
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
- box,
|
|
|
|
- model
|
|
|
|
|
|
+ box
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -544,6 +549,10 @@
|
|
width: 100%;
|
|
width: 100%;
|
|
border-left: 2px solid #6EA3FF;
|
|
border-left: 2px solid #6EA3FF;
|
|
margin-bottom: 4px;
|
|
margin-bottom: 4px;
|
|
|
|
+
|
|
|
|
+ .color-cyan {
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.record-item .value {
|
|
.record-item .value {
|