Skip to content

D
dsk-cr20g
Commit a7da4dbe authored by danfuman's avatar danfuman
Browse files
Options

Merge branch 'V20230915' of http://192.168.60.201/root/dsk-operate-sys into V20230915

parents b7d15402 04fc3eda
Show whitespace changes
Inline Side-by-side
Showing with 2146 additions and 1947 deletions
dsk-operate-ui/src/api/detail/party-a/opport.js
View file @ a7da4dbe
...@@ -6,7 +6,7 @@ export function bidNoticePage(data) { ...@@ -6,7 +6,7 @@ export function bidNoticePage(data) {
url: '/enterpriseProject/bidNoticePage', url: '/enterpriseProject/bidNoticePage',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 招标公告招标阶段 // 招标公告招标阶段
...@@ -15,7 +15,7 @@ export function bidNoticeTenderStage(data) { ...@@ -15,7 +15,7 @@ export function bidNoticeTenderStage(data) {
url: '/enterpriseProject/bidNoticeTenderStage', url: '/enterpriseProject/bidNoticeTenderStage',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 招标公告项目类别 // 招标公告项目类别
export function bidNoticeProjectCategory(data) { export function bidNoticeProjectCategory(data) {
...@@ -32,7 +32,7 @@ export function bidNoticeArea(data) { ...@@ -32,7 +32,7 @@ export function bidNoticeArea(data) {
url: '/enterpriseProject/bidNoticeArea', url: '/enterpriseProject/bidNoticeArea',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 土地交易列表 // 土地交易列表
...@@ -41,7 +41,7 @@ export function landTransactionPage(data) { ...@@ -41,7 +41,7 @@ export function landTransactionPage(data) {
url: '/enterpriseProject/landTransactionPage', url: '/enterpriseProject/landTransactionPage',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 土地交易用途 // 土地交易用途
...@@ -50,7 +50,7 @@ export function landUse(data) { ...@@ -50,7 +50,7 @@ export function landUse(data) {
url: '/enterpriseProject/landUse', url: '/enterpriseProject/landUse',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 拟建项目列表 // 拟建项目列表
...@@ -59,7 +59,7 @@ export function approvalProjectPage(data) { ...@@ -59,7 +59,7 @@ export function approvalProjectPage(data) {
url: '/enterpriseProject/approvalProjectPage', url: '/enterpriseProject/approvalProjectPage',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 标讯PRO招标公告列表 // 标讯PRO招标公告列表
...@@ -68,7 +68,7 @@ export function bidNoticeProPage(data) { ...@@ -68,7 +68,7 @@ export function bidNoticeProPage(data) {
url: '/enterpriseProject/bidNoticeProPage', url: '/enterpriseProject/bidNoticeProPage',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 标讯PRO招标公告项目类别 // 标讯PRO招标公告项目类别
...@@ -77,7 +77,7 @@ export function bidNoticeProProjectType(data) { ...@@ -77,7 +77,7 @@ export function bidNoticeProProjectType(data) {
url: '/enterpriseProject/bidNoticeProProjectType', url: '/enterpriseProject/bidNoticeProProjectType',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 标讯PRO招标公告工程类别 // 标讯PRO招标公告工程类别
...@@ -86,7 +86,7 @@ export function bidNoticeProProjectPurposes(data) { ...@@ -86,7 +86,7 @@ export function bidNoticeProProjectPurposes(data) {
url: '/enterpriseProject/bidNoticeProProjectPurposes', url: '/enterpriseProject/bidNoticeProProjectPurposes',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 标讯PRO招标公告评标办法 // 标讯PRO招标公告评标办法
...@@ -95,7 +95,7 @@ export function bidNoticeProAssessmentWay(data) { ...@@ -95,7 +95,7 @@ export function bidNoticeProAssessmentWay(data) {
url: '/enterpriseProject/bidNoticeProAssessmentWay', url: '/enterpriseProject/bidNoticeProAssessmentWay',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 行政许可列表 // 行政许可列表
...@@ -104,7 +104,7 @@ export function creditXzxkPage(data) { ...@@ -104,7 +104,7 @@ export function creditXzxkPage(data) {
url: '/enterpriseProject/creditXzxkPage', url: '/enterpriseProject/creditXzxkPage',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 专项债项目列表 // 专项债项目列表
...@@ -113,7 +113,7 @@ export function specialDebtProjectPage(data) { ...@@ -113,7 +113,7 @@ export function specialDebtProjectPage(data) {
url: '/enterpriseProject/specialDebtProjectPage', url: '/enterpriseProject/specialDebtProjectPage',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 招标计划列表 // 招标计划列表
...@@ -122,7 +122,7 @@ export function bidPlanPage(data) { ...@@ -122,7 +122,7 @@ export function bidPlanPage(data) {
url: '/enterpriseProject/bidPlanPage', url: '/enterpriseProject/bidPlanPage',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 招标计划项目类型 // 招标计划项目类型
export function bidPlanProjectType(data) { export function bidPlanProjectType(data) {
...@@ -130,5 +130,12 @@ export function bidPlanProjectType(data) { ...@@ -130,5 +130,12 @@ export function bidPlanProjectType(data) {
url: '/enterpriseProject/bidPlanProjectType', url: '/enterpriseProject/bidPlanProjectType',
method: 'post', method: 'post',
data: data data: data
}) });
} }
// 企业重点项目列表
export const getMajorProjectListApi = (data) => request({
url: "/enterpriseProject/importantList",
method: "post",
data
});
\ No newline at end of file
dsk-operate-ui/src/views/detail/party-a/component/HeadFormNew.vue
View file @ a7da4dbe
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<slot name="slot"></slot> <slot name="slot"></slot>
</template> </template>
<div v-else class="flex-box"> <div v-else class="flex-box">
<span class="flex-box ability-total" v-if="isTotal">共{{ total }}条</span> <span class="flex-box ability-total" v-if="isTotal">共有{{ total }}条</span>
<span class="flex-box ability-excel" v-hasPermi="['combine:info:export:win:bid']" v-if="isExcel && title ==='集团业绩'" @click="clickEXCEL"><img <span class="flex-box ability-excel" v-hasPermi="['combine:info:export:win:bid']" v-if="isExcel && title ==='集团业绩'" @click="clickEXCEL"><img
src="@/assets/images/ability_excel.png">导出EXCEL</span> src="@/assets/images/ability_excel.png">导出EXCEL</span>
<span class="flex-box ability-excel" v-else @click="clickEXCEL"><img src="@/assets/images/ability_excel.png">导出EXCEL</span> <span class="flex-box ability-excel" v-else @click="clickEXCEL"><img src="@/assets/images/ability_excel.png">导出EXCEL</span>
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
<slot name="slot"></slot> <slot name="slot"></slot>
</template> </template>
<div v-else class="flex-box"> <div v-else class="flex-box">
<span class="flex-box ability-total" v-if="isTotal">共{{ total }}条</span> <span class="flex-box ability-total" v-if="isTotal">共有{{ total }}条</span>
<span class="flex-box ability-excel" v-hasPermi="['combine:info:export:win:bid']" v-if="isExcel && title ==='集团业绩'" @click="clickEXCEL"><img <span class="flex-box ability-excel" v-hasPermi="['combine:info:export:win:bid']" v-if="isExcel && title ==='集团业绩'" @click="clickEXCEL"><img
src="@/assets/images/ability_excel.png">导出EXCEL</span> src="@/assets/images/ability_excel.png">导出EXCEL</span>
<span class="flex-box ability-excel" v-else @click="clickEXCEL"><img src="@/assets/images/ability_excel.png">导出EXCEL</span> <span class="flex-box ability-excel" v-else @click="clickEXCEL"><img src="@/assets/images/ability_excel.png">导出EXCEL</span>
...@@ -450,7 +450,7 @@ export default { ...@@ -450,7 +450,7 @@ export default {
height: 32px; height: 32px;
position: absolute; position: absolute;
top: 0; top: 0;
padding-right: 22px; padding-right: 28px;
font-size: 12px; font-size: 12px;
padding-left: 8px; padding-left: 8px;
} }
......
dsk-operate-ui/src/views/detail/party-a/component/Sidebar.vue
View file @ a7da4dbe
<template> <template>
<div id="detailPart" class="sides-container" :style="sideHeight?'height:'+sideHeight+'px':''"> <div id="detailPart" class="sides-container" :style="sideHeight?'height:'+sideHeight+'px':''">
<el-input <el-input placeholder="搜索" class="side-input" v-model="searchText" clearable @input="handleSearch(true)" @keyup.enter.native="handleSearch()">
placeholder="搜索"
class="side-input"
v-model="searchText"
clearable
@input="handleSearch(true)"
@keyup.enter.native="handleSearch()">
<i slot="prefix" class="el-input__icon el-icon-search" @click="handleSearch()"></i> <i slot="prefix" class="el-input__icon el-icon-search" @click="handleSearch()"></i>
</el-input> </el-input>
<el-menu <el-menu ref="sideMenu" :unique-opened="true" :default-active="searchIndex?searchIndex:routeIndex" class="detail-menu" @open="handleOpen">
ref="sideMenu"
:unique-opened="true"
:default-active="searchIndex?searchIndex:routeIndex"
class="detail-menu"
@open="handleOpen">
<template v-for="(item, index) in sideRoute"> <template v-for="(item, index) in sideRoute">
<el-submenu :index="index.toString()" v-if="item.children" :disabled="!isCompanyId(item.title) || (item.title=='项目商机'&&statisticObj.business.landInfo<1&&statisticObj.business.busProposedProjectV1<1&&statisticObj.performance.specialDebt<1&&statisticObj.performance.bidPlan<1&&statisticObj.business.biddingAnnouncement<1&&statisticObj.business.proBiddingAnnouncement<1&&statisticObj.business.adminLicensing<1)"> <el-submenu :index="index.toString()" v-if="item.children"
:disabled="!isCompanyId(item.title) || (item.title=='项目商机'&&statisticObj.business.landInfo<1&&statisticObj.business.busProposedProjectV1<1&&statisticObj.performance.specialDebt<1&&statisticObj.performance.bidPlan<1&&statisticObj.business.biddingAnnouncement<1&&statisticObj.business.proBiddingAnnouncement<1&&statisticObj.business.adminLicensing<1)">
<template slot="title"> <template slot="title">
<span>{{item.title}}</span> <span>{{item.title}}</span>
</template> </template>
<el-menu-item :index="index+'-'+idx" v-for="(it, idx) in item.children" :key="idx" @click="handleItem(it)" :disabled="it.disabled">{{it.title}}</el-menu-item> <el-menu-item :index="index+'-'+idx" v-for="(it, idx) in item.children" :key="idx" @click="handleItem(it)"
:disabled="it.disabled">{{it.title}}</el-menu-item>
</el-submenu> </el-submenu>
<template v-else> <template v-else>
<el-menu-item :index="index.toString()" @click="handleItem(item)" :disabled="!isCompanyId(item.title) || item.disabled" v-if="isCustomerId(item.pathName)">{{item.title}}</el-menu-item> <el-menu-item :index="index.toString()" @click="handleItem(item)" :disabled="!isCompanyId(item.title) || item.disabled"
v-if="isCustomerId(item.pathName)">{{item.title}}</el-menu-item>
</template> </template>
</template> </template>
</el-menu> </el-menu>
...@@ -31,7 +23,7 @@ ...@@ -31,7 +23,7 @@
</template> </template>
<script> <script>
import { financial } from '@/api/detail/party-a/financial' import { financial } from '@/api/detail/party-a/financial';
export default { export default {
name: 'Sidebar', name: 'Sidebar',
props: { props: {
...@@ -51,8 +43,8 @@ export default { ...@@ -51,8 +43,8 @@ export default {
type: Boolean, type: Boolean,
default: true default: true
}, },
statisticObj:{ statisticObj: {
type:Object, type: Object,
default: {} default: {}
}, },
isCustomer: { isCustomer: {
...@@ -64,108 +56,130 @@ export default { ...@@ -64,108 +56,130 @@ export default {
return { return {
searchText: '', searchText: '',
sideRoute: [ sideRoute: [
{title: '企业概要', pathName: '', children: [ {
{title: '企业速览', pathName: 'overview'}, title: '企业概要', pathName: '', children: [
{title: '工商信息', pathName: 'businfo'}, { title: '企业速览', pathName: 'overview' },
{title: '股东信息', pathName: 'holderinfo'}, { title: '工商信息', pathName: 'businfo' },
{title: '高管信息', pathName: 'execuinfo'}, { title: '股东信息', pathName: 'holderinfo' },
{title: '对外投资', pathName: 'overseas'}, { title: '高管信息', pathName: 'execuinfo' },
{title: '分支机构', pathName: 'branch'} { title: '对外投资', pathName: 'overseas' },
]}, { title: '分支机构', pathName: 'branch' }
{title: '财务简析', pathName: 'financial'}, ]
{title: '项目商机', pathName: '', children: [ },
{title: '土地交易', pathName: 'landtransaction'}, { title: '财务简析', pathName: 'financial' },
{title: '拟建项目', pathName: 'proposed'}, {
{title: '专项债项目', pathName: 'bond'}, title: '项目商机', pathName: '', children: [
{title: '招标计划', pathName: 'biddingplan'}, { title: '重点项目', pathName: 'majorProject' },
{title: '招标公告', pathName: 'announcement'}, { title: '土地交易', pathName: 'landtransaction' },
{title: '标讯Pro', pathName: 'tencent'}, { title: '拟建项目', pathName: 'proposed' },
{title: '行政许可', pathName: 'administrative'} { title: '专项债项目', pathName: 'bond' },
]}, { title: '招标计划', pathName: 'biddingplan' },
{title: '业务往来', pathName: '', children: [ { title: '招标公告', pathName: 'announcement' },
{title: '客户', pathName: 'custom'}, { title: '标讯Pro', pathName: 'tencent' },
{title: '供应商', pathName: 'supplier'}, { title: '行政许可', pathName: 'administrative' }
{title: '招标代理', pathName: 'bidagency'}, ]
{title: '历史发包', pathName: 'hiscontract'}, },
{title: '开标记录', pathName: 'bidrecords'} {
]}, title: '业务往来', pathName: '', children: [
{title: '城投分析', pathName: '', children: [ { title: '客户', pathName: 'custom' },
{title: '区域经济', pathName: 'regionalEconomies'}, { title: '供应商', pathName: 'supplier' },
{title: '城投拿地', pathName: 'landAcquisition'}, { title: '招标代理', pathName: 'bidagency' },
{title: '同地区城投', pathName: 'sameRegion'} { title: '历史发包', pathName: 'hiscontract' },
]}, { title: '开标记录', pathName: 'bidrecords' }
{title: '风险信息', pathName: '', children: [ ]
{title: '行政处罚', pathName: 'punish'}, },
{title: '经营异常', pathName: 'businessAnomaly'}, {
{title: '被执行人', pathName: 'ifThePerson'}, title: '城投分析', pathName: '', children: [
{title: '失信被执行人', pathName: 'dishonesty'}, { title: '区域经济', pathName: 'regionalEconomies' },
{title: '裁判文书', pathName: 'judgment'}, { title: '城投拿地', pathName: 'landAcquisition' },
{title: '法院公告', pathName: 'courtNotice'}, { title: '同地区城投', pathName: 'sameRegion' }
{title: '开庭公告', pathName: 'openacourtsessionNotice'}, ]
},
{
title: '风险信息', pathName: '', children: [
{ title: '行政处罚', pathName: 'punish' },
{ title: '经营异常', pathName: 'businessAnomaly' },
{ title: '被执行人', pathName: 'ifThePerson' },
{ title: '失信被执行人', pathName: 'dishonesty' },
{ title: '裁判文书', pathName: 'judgment' },
{ title: '法院公告', pathName: 'courtNotice' },
{ title: '开庭公告', pathName: 'openacourtsessionNotice' },
// {title: '信用中国', pathName: ''} // {title: '信用中国', pathName: ''}
]}, ]
{title: '商务信息', pathName: 'business'}, },
{title: '招标偏好', pathName: 'preference'}, { title: '商务信息', pathName: 'business' },
{title: '合作情况', pathName: 'cooperate'}, { title: '招标偏好', pathName: 'preference' },
{title: '联系人', pathName: 'decisionMaking'}, { title: '合作情况', pathName: 'cooperate' },
{title: '跟进记录', pathName: 'gjjl'} { title: '联系人', pathName: 'decisionMaking' },
{ title: '跟进记录', pathName: 'gjjl' }
], ],
sideRoute1: [ sideRoute1: [
{title: '企业概要', pathName: '', children: [ {
{title: '企业速览', pathName: 'overview'}, title: '企业概要', pathName: '', children: [
{title: '工商信息', pathName: 'businfo'}, { title: '企业速览', pathName: 'overview' },
{title: '股东信息', pathName: 'holderinfo'}, { title: '工商信息', pathName: 'businfo' },
{title: '高管信息', pathName: 'execuinfo'}, { title: '股东信息', pathName: 'holderinfo' },
{title: '对外投资', pathName: 'overseas'}, { title: '高管信息', pathName: 'execuinfo' },
{title: '分支机构', pathName: 'branch'} { title: '对外投资', pathName: 'overseas' },
]}, { title: '分支机构', pathName: 'branch' }
{title: '财务简析', pathName: 'financial'}, ]
{title: '项目商机', pathName: '', children: [ },
{title: '土地交易', pathName: 'landtransaction'}, { title: '财务简析', pathName: 'financial' },
{title: '拟建项目', pathName: 'proposed'}, {
{title: '专项债项目', pathName: 'bond'}, title: '项目商机', pathName: '', children: [
{title: '招标计划', pathName: 'biddingplan'}, { title: '重点项目', pathName: 'majorProject' },
{title: '招标公告', pathName: 'announcement'}, { title: '土地交易', pathName: 'landtransaction' },
{title: '标讯Pro', pathName: 'tencent'}, { title: '拟建项目', pathName: 'proposed' },
{title: '行政许可', pathName: 'administrative'} { title: '专项债项目', pathName: 'bond' },
]}, { title: '招标计划', pathName: 'biddingplan' },
{title: '业务往来', pathName: '', children: [ { title: '招标公告', pathName: 'announcement' },
{title: '客户', pathName: 'custom'}, { title: '标讯Pro', pathName: 'tencent' },
{title: '供应商', pathName: 'supplier'}, { title: '行政许可', pathName: 'administrative' }
{title: '招标代理', pathName: 'bidagency'}, ]
{title: '历史发包', pathName: 'hiscontract'}, },
{title: '开标记录', pathName: 'bidrecords'} {
]}, title: '业务往来', pathName: '', children: [
{title: '城投分析', pathName: '', children: [ { title: '客户', pathName: 'custom' },
{title: '区域经济', pathName: 'regionalEconomies'}, { title: '供应商', pathName: 'supplier' },
{title: '城投拿地', pathName: 'landAcquisition'}, { title: '招标代理', pathName: 'bidagency' },
{title: '同地区城投', pathName: 'sameRegion'} { title: '历史发包', pathName: 'hiscontract' },
]}, { title: '开标记录', pathName: 'bidrecords' }
{title: '风险信息', pathName: '', children: [ ]
{title: '行政处罚', pathName: 'punish'}, },
{title: '经营异常', pathName: 'businessAnomaly'}, {
{title: '被执行人', pathName: 'ifThePerson'}, title: '城投分析', pathName: '', children: [
{title: '失信被执行人', pathName: 'dishonesty'}, { title: '区域经济', pathName: 'regionalEconomies' },
{title: '裁判文书', pathName: 'judgment'}, { title: '城投拿地', pathName: 'landAcquisition' },
{title: '法院公告', pathName: 'courtNotice'}, { title: '同地区城投', pathName: 'sameRegion' }
{title: '开庭公告', pathName: 'openacourtsessionNotice'}, ]
},
{
title: '风险信息', pathName: '', children: [
{ title: '行政处罚', pathName: 'punish' },
{ title: '经营异常', pathName: 'businessAnomaly' },
{ title: '被执行人', pathName: 'ifThePerson' },
{ title: '失信被执行人', pathName: 'dishonesty' },
{ title: '裁判文书', pathName: 'judgment' },
{ title: '法院公告', pathName: 'courtNotice' },
{ title: '开庭公告', pathName: 'openacourtsessionNotice' },
// {title: '信用中国', pathName: ''} // {title: '信用中国', pathName: ''}
]}, ]
{title: '商务信息', pathName: 'business'}, },
{title: '招标偏好', pathName: 'preference'}, { title: '商务信息', pathName: 'business' },
{title: '合作情况', pathName: 'cooperate'}, { title: '招标偏好', pathName: 'preference' },
{title: '联系人', pathName: 'decisionMaking'}, { title: '合作情况', pathName: 'cooperate' },
{title: '跟进记录', pathName: 'gjjl'} { title: '联系人', pathName: 'decisionMaking' },
{ title: '跟进记录', pathName: 'gjjl' }
], ],
defaultRoute: [], defaultRoute: [],
customer:[ customer: [
'business', 'business',
'preference', 'preference',
'cooperate', 'cooperate',
'decisionMaking', 'decisionMaking',
'gjjl' 'gjjl'
], ],
companys:[ companys: [
'企业概要', '企业概要',
'财务简析', '财务简析',
'项目商机', '项目商机',
...@@ -173,152 +187,152 @@ export default { ...@@ -173,152 +187,152 @@ export default {
'城投分析', '城投分析',
'风险信息', '风险信息',
], ],
uniqueOpened:false, uniqueOpened: false,
searchIndex: '' searchIndex: ''
} };
}, },
computed: { computed: {
sideHeight() { sideHeight() {
let sideHeight = document.getElementById("detailPart")?document.getElementById("detailPart").offsetHeight:null, bowerHeight = document.body.clientHeight-170 || null let sideHeight = document.getElementById("detailPart") ? document.getElementById("detailPart").offsetHeight : null, bowerHeight = document.body.clientHeight - 170 || null;
if(this.partBoxHeight<bowerHeight) { if (this.partBoxHeight < bowerHeight) {
sideHeight = bowerHeight sideHeight = bowerHeight;
}else{ } else {
sideHeight = '1222'/*this.partBoxHeight*/ sideHeight = '1222';/*this.partBoxHeight*/
} }
return sideHeight return sideHeight;
}, },
routeIndex(){ routeIndex() {
let idx = this.getRouteIdx('', this.pathName) || '0-0' let idx = this.getRouteIdx('', this.pathName) || '0-0';
return idx return idx;
} }
}, },
created() { created() {
this.defaultRoute = JSON.parse(JSON.stringify(this.sideRoute)) this.defaultRoute = JSON.parse(JSON.stringify(this.sideRoute));
}, },
watch:{ watch: {
statisticObj:{ statisticObj: {
handler(val) { handler(val) {
this.sideRoute = JSON.parse(JSON.stringify(this.defaultRoute)) this.sideRoute = JSON.parse(JSON.stringify(this.defaultRoute));
let arr = JSON.parse(JSON.stringify(val)) let arr = JSON.parse(JSON.stringify(val));
for(var i in arr){ for (var i in arr) {
for(var j in arr[i]){ for (var j in arr[i]) {
switch (j) { switch (j) {
case 'ownershipStructure': case 'ownershipStructure':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[0].children[2].disabled = true; this.sideRoute[0].children[2].disabled = true;
} }
break; break;
case 'leadingMember': case 'leadingMember':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[0].children[3].disabled = true; this.sideRoute[0].children[3].disabled = true;
} }
break; break;
case 'outboundInvestment': case 'outboundInvestment':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[0].children[4].disabled = true; this.sideRoute[0].children[4].disabled = true;
} }
break; break;
case 'branch': case 'branch':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[0].children[5].disabled = true; this.sideRoute[0].children[5].disabled = true;
} }
break; break;
case 'landInfo': case 'landInfo':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[2].children[0].disabled = true; this.sideRoute[2].children[0].disabled = true;
this.sideRoute[4].children[1].disabled = true; this.sideRoute[4].children[1].disabled = true;
} }
break; break;
case 'busProposedProjectV1': case 'busProposedProjectV1':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[2].children[1].disabled = true; this.sideRoute[2].children[1].disabled = true;
} }
break; break;
case 'specialDebt': case 'specialDebt':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[2].children[2].disabled = true; this.sideRoute[2].children[2].disabled = true;
} }
break; break;
case 'bidPlan': case 'bidPlan':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[2].children[3].disabled = true; this.sideRoute[2].children[3].disabled = true;
} }
break; break;
case 'biddingAnnouncement': case 'biddingAnnouncement':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[2].children[4].disabled = true; this.sideRoute[2].children[4].disabled = true;
} }
break; break;
case 'proBiddingAnnouncement': case 'proBiddingAnnouncement':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[2].children[5].disabled = true; this.sideRoute[2].children[5].disabled = true;
} }
break; break;
case 'adminLicensing': case 'adminLicensing':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[2].children[6].disabled = true; this.sideRoute[2].children[6].disabled = true;
} }
break; break;
case 'customer': case 'customer':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[3].children[0].disabled = true; this.sideRoute[3].children[0].disabled = true;
} }
break; break;
case 'supplier': case 'supplier':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[3].children[1].disabled = true; this.sideRoute[3].children[1].disabled = true;
} }
break; break;
case 'coopBiddingAgency': case 'coopBiddingAgency':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[3].children[2].disabled = true; this.sideRoute[3].children[2].disabled = true;
} }
break; break;
case 'historySend': case 'historySend':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[3].children[3].disabled = true; this.sideRoute[3].children[3].disabled = true;
} }
break; break;
case 'tenderRecordV1': case 'tenderRecordV1':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[3].children[4].disabled = true; this.sideRoute[3].children[4].disabled = true;
} }
break; break;
case 'adminSanction': case 'adminSanction':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[5].children[0].disabled = true; this.sideRoute[5].children[0].disabled = true;
} }
break; break;
case 'abnormalOperation': case 'abnormalOperation':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[5].children[1].disabled = true; this.sideRoute[5].children[1].disabled = true;
} }
break; break;
case 'dishonestExecutee': case 'dishonestExecutee':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[5].children[2].disabled = true; this.sideRoute[5].children[2].disabled = true;
} }
break; break;
case 'dishonestExecutor': case 'dishonestExecutor':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[5].children[3].disabled = true; this.sideRoute[5].children[3].disabled = true;
} }
break; break;
case 'adjudicativeDoc': case 'adjudicativeDoc':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[5].children[4].disabled = true; this.sideRoute[5].children[4].disabled = true;
} }
break; break;
case 'courtAnnouncement': case 'courtAnnouncement':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[5].children[5].disabled = true; this.sideRoute[5].children[5].disabled = true;
} }
break; break;
case 'openAnnouncement': case 'openAnnouncement':
if(arr[i][j]<1){ if (arr[i][j] < 1) {
this.sideRoute[5].children[6].disabled = true; this.sideRoute[5].children[6].disabled = true;
} }
break; break;
...@@ -327,154 +341,161 @@ export default { ...@@ -327,154 +341,161 @@ export default {
} }
} }
} }
this.defaultRoute = JSON.parse(JSON.stringify(this.sideRoute)) this.defaultRoute = JSON.parse(JSON.stringify(this.sideRoute));
} }
}, },
}, },
methods: { methods: {
financial(id){ financial(id) {
financial({cid:String(id)}).then(res=>{ financial({ cid: String(id) }).then(res => {
if(res.code==200&&!res.data){ if (res.code == 200 && !res.data) {
this.sideRoute[1].disabled = true this.sideRoute[1].disabled = true;
this.defaultRoute = JSON.parse(JSON.stringify(this.sideRoute)) this.defaultRoute = JSON.parse(JSON.stringify(this.sideRoute));
} }
}) });
}, },
handleOpen(key, keyPath) { handleOpen(key, keyPath) {
}, },
handleItem(item){ handleItem(item) {
let obj = item let obj = item;
for(var i in this.sideRoute1){ for (var i in this.sideRoute1) {
if(this.sideRoute1[i].children){ if (this.sideRoute1[i].children) {
for(var j in this.sideRoute1[i].children){ for (var j in this.sideRoute1[i].children) {
if(item.title == this.sideRoute1[i].children[j].title){ if (item.title == this.sideRoute1[i].children[j].title) {
console.log(this.sideRoute1[i].children[j]) console.log(this.sideRoute1[i].children[j]);
obj.pathName = this.sideRoute1[i].children[j].pathName obj.pathName = this.sideRoute1[i].children[j].pathName;
} }
} }
}else{ } else {
if(item.title == this.sideRoute1[i].title){ if (item.title == this.sideRoute1[i].title) {
obj.pathName = this.sideRoute1[i].pathName obj.pathName = this.sideRoute1[i].pathName;
} }
} }
} }
this.$emit("currentPath", obj) this.$emit("currentPath", obj);
}, },
handleSearch(flag){ handleSearch(flag) {
if((this.searchText&&!flag) || (!this.searchText&&flag)){ if ((this.searchText && !flag) || (!this.searchText && flag)) {
let idx = this.getRouteIdx(this.searchText) let idx = this.getRouteIdx(this.searchText);
if(idx){ if (idx) {
if(idx.includes('-')){ if (idx.includes('-')) {
let openIdx = idx.slice(0, 1) let openIdx = idx.slice(0, 1);
this.sideRoute = [this.defaultRoute[openIdx]] this.sideRoute = [this.defaultRoute[openIdx]];
this.$refs.sideMenu.open(openIdx) this.$refs.sideMenu.open(openIdx);
}else{ } else {
this.sideRoute = [this.defaultRoute[idx]] this.sideRoute = [this.defaultRoute[idx]];
} }
this.searchIndex = '-1' this.searchIndex = '-1';
}else{ } else {
this.sideRoute = this.defaultRoute this.sideRoute = this.defaultRoute;
this.searchIndex = '' this.searchIndex = '';
} }
} }
}, },
getRouteIdx(pathTitle, pathName){ getRouteIdx(pathTitle, pathName) {
let idx = '', sideArr = this.sideRoute==this.defaultRoute?this.sideRoute:this.defaultRoute let idx = '', sideArr = this.sideRoute == this.defaultRoute ? this.sideRoute : this.defaultRoute;
for(let i=0; i < sideArr.length; i++){ for (let i = 0; i < sideArr.length; i++) {
if(sideArr[i].title == pathTitle || sideArr[i].pathName == pathName){ if (sideArr[i].title == pathTitle || sideArr[i].pathName == pathName) {
idx = i.toString() idx = i.toString();
break break;
}else if(sideArr[i].children){ } else if (sideArr[i].children) {
for(let j=0; j< sideArr[i].children.length ; j++){ for (let j = 0; j < sideArr[i].children.length; j++) {
if(sideArr[i].children[j].title == pathTitle || sideArr[i].children[j].pathName == pathName){ if (sideArr[i].children[j].title == pathTitle || sideArr[i].children[j].pathName == pathName) {
idx = i+'-'+j idx = i + '-' + j;
break break;
} }
} }
} }
} }
return idx return idx;
}, },
isCustomerId(name){ isCustomerId(name) {
if(this.customer.indexOf(name) != -1){ if (this.customer.indexOf(name) != -1) {
if(this.customerId && this.isCustomer){ if (this.customerId && this.isCustomer) {
return true return true;
} }
return false return false;
} }
return true return true;
}, },
isCompanyId(name){ isCompanyId(name) {
if(this.companys.indexOf(name) != -1){ if (this.companys.indexOf(name) != -1) {
if(this.isCompany){ if (this.isCompany) {
return true return true;
}
return false
} }
return true return false;
} }
return true;
} }
} }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
#app{ #app {
.sides-container{ .sides-container {
width: 144px; width: 144px;
min-height: calc(100vh - 170px); min-height: calc(100vh - 170px);
padding-bottom: 20px; padding-bottom: 20px;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
.side-input{ .side-input {
width: 128px; width: 128px;
margin-top: 16px; margin-top: 16px;
margin-left: 8px; margin-left: 8px;
border: 0; border: 0;
::v-deep .el-input__inner{ ::v-deep .el-input__inner {
height: 32px; height: 32px;
background: #F3F3F4; background: #f3f3f4;
border-radius: 20px; border-radius: 20px;
border: 0; border: 0;
&::placeholder { &::placeholder {
color: #3D3D3D; color: #3d3d3d;
} }
} }
.el-icon-search{ .el-icon-search {
line-height: 34px; line-height: 34px;
color: #0081FF; color: #0081ff;
cursor: pointer; cursor: pointer;
} }
} }
.detail-menu{ .detail-menu {
margin-top: 20px; margin-top: 20px;
border-right: 0; border-right: 0;
::v-deep .el-menu-item, ::v-deep .el-submenu__title{ ::v-deep .el-menu-item,
::v-deep .el-submenu__title {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
font-size: 14px; font-size: 14px;
color: #232323; color: #232323;
padding: 0 0 0 16px !important; padding: 0 0 0 16px !important;
text-align: initial !important; text-align: initial !important;
&:hover, &:focus, &.is-active{ &:hover,
color: #0081FF !important; &:focus,
background: linear-gradient(91deg, rgba(0,129,255,0.1) 0%, rgba(0,129,255,0) 100%);; &.is-active {
} color: #0081ff !important;
.el-submenu__icon-arrow{ background: linear-gradient(
91deg,
rgba(0, 129, 255, 0.1) 0%,
rgba(0, 129, 255, 0) 100%
);
}
.el-submenu__icon-arrow {
color: #232323; color: #232323;
right: 48px; right: 48px;
margin-top: -5px; margin-top: -5px;
} }
} }
.is-disabled:hover{ .is-disabled:hover {
color: rgba(35, 35, 35, 0.8)!important; color: rgba(35, 35, 35, 0.8) !important;
&:before { &:before {
color: rgba(35, 35, 35, 0.8)!important; color: rgba(35, 35, 35, 0.8) !important;
} }
} }
::v-deep .el-submenu .el-menu-item{ ::v-deep .el-submenu .el-menu-item {
font-size: 12px; font-size: 12px;
color: rgba(35,35,35,0.8); color: rgba(35, 35, 35, 0.8);
padding: 0 0 0 27px !important; padding: 0 0 0 27px !important;
min-width: 144px !important; min-width: 144px !important;
position: relative; position: relative;
...@@ -485,11 +506,11 @@ export default { ...@@ -485,11 +506,11 @@ export default {
left: 21px; left: 21px;
width: 2px; width: 2px;
height: 2px; height: 2px;
background: #0081FF; background: #0081ff;
border-radius: 50%; border-radius: 50%;
} }
} }
} }
} }
} }
</style> </style>
dsk-operate-ui/src/views/detail/party-a/component/Tables.vue
View file @ a7da4dbe
...@@ -160,7 +160,7 @@ export default { ...@@ -160,7 +160,7 @@ export default {
this.$emit('sort-change',e) this.$emit('sort-change',e)
}, },
flexWidth(tableData) { flexWidth(tableData) {
let currentMax = this.queryParams.pageNum*this.queryParams.pageSize - this.queryParams.pageSize + tableData.length, wdth = 55 let currentMax = this.queryParams.pageNum*this.queryParams.pageSize - this.queryParams.pageSize + tableData.length, wdth = 59
// return currentMax.toString().length*25 + 'px' // return currentMax.toString().length*25 + 'px'
if(currentMax.toString().length>3){ if(currentMax.toString().length>3){
wdth = wdth + (currentMax.toString().length-3)*10 wdth = wdth + (currentMax.toString().length-3)*10
......
dsk-operate-ui/src/views/detail/party-a/index.vue
View file @ a7da4dbe
...@@ -3,7 +3,8 @@ ...@@ -3,7 +3,8 @@
<Header :company-id="companyId" :companyInfo="companyInfo" :cooDetail="cooDetail" v-if="companyId" @close-detail="closeDetail" /> <Header :company-id="companyId" :companyInfo="companyInfo" :cooDetail="cooDetail" v-if="companyId" @close-detail="closeDetail" />
<div class="flex-box part-main"> <div class="flex-box part-main">
<div class="part-left"> <div class="part-left">
<side-bar :statisticObj="statisticObj" ref="sidebar" @currentPath="showPartPage" :pathName="currentPath.pathName" :partBoxHeight="partBoxHeight" :customerId="customerId" :isCompany="isCompany" :isCustomer="isCustomer" /> <side-bar :statisticObj="statisticObj" ref="sidebar" @currentPath="showPartPage" :pathName="currentPath.pathName"
:partBoxHeight="partBoxHeight" :customerId="customerId" :isCompany="isCompany" :isCustomer="isCustomer" />
</div> </div>
<div class="part-right"> <div class="part-right">
<div id="partBox" v-if="companyId"> <div id="partBox" v-if="companyId">
...@@ -17,6 +18,7 @@ ...@@ -17,6 +18,7 @@
<Branch v-if="currentPath.pathName=='branch'" :company-id="companyId" /> <Branch v-if="currentPath.pathName=='branch'" :company-id="companyId" />
<Financial v-if="currentPath.pathName=='financial'" :company-id="companyId" /> <Financial v-if="currentPath.pathName=='financial'" :company-id="companyId" />
<!-- 项目商机 --> <!-- 项目商机 -->
<major-project v-if="currentPath.pathName=='majorProject'" :company-id="companyId"></major-project>
<Landtransaction v-if="currentPath.pathName=='landtransaction'" :company-id="companyId" /> <Landtransaction v-if="currentPath.pathName=='landtransaction'" :company-id="companyId" />
<Proposed v-if="currentPath.pathName=='proposed'" :company-id="companyId" /> <Proposed v-if="currentPath.pathName=='proposed'" :company-id="companyId" />
<Bond v-if="currentPath.pathName=='bond'" :company-id="companyId" /> <Bond v-if="currentPath.pathName=='bond'" :company-id="companyId" />
...@@ -49,9 +51,11 @@ ...@@ -49,9 +51,11 @@
<!-- 招标偏好 --> <!-- 招标偏好 -->
<Preference v-if="currentPath.pathName=='preference'" :customer-ids="customerId" :customerInfo="customerInfo" /> <Preference v-if="currentPath.pathName=='preference'" :customer-ids="customerId" :customerInfo="customerInfo" />
<!-- 合作情况 --> <!-- 合作情况 -->
<Cooperate v-if="currentPath.pathName=='cooperate'" :customer-ids="customerId" :companyInfo="companyInfo" :cooDetail="cooDetail" :customerInfo="customerInfo" @detail="cooperateDetail" /> <Cooperate v-if="currentPath.pathName=='cooperate'" :customer-ids="customerId" :companyInfo="companyInfo" :cooDetail="cooDetail"
:customerInfo="customerInfo" @detail="cooperateDetail" />
<!-- 决策链条 --> <!-- 决策链条 -->
<DecisionMaking v-if="currentPath.pathName=='decisionMaking'" :customer-ids="customerId" :companyInfo="companyInfo" :customerInfo="customerInfo" /> <DecisionMaking v-if="currentPath.pathName=='decisionMaking'" :customer-ids="customerId" :companyInfo="companyInfo"
:customerInfo="customerInfo" />
<!-- 跟进记录 --> <!-- 跟进记录 -->
<Gjjl v-if="currentPath.pathName=='gjjl'" :isDisabled='false' types="gjdt" :customer-ids="customerId" /> <Gjjl v-if="currentPath.pathName=='gjjl'" :isDisabled='false' types="gjdt" :customer-ids="customerId" />
</template> </template>
...@@ -63,50 +67,51 @@ ...@@ -63,50 +67,51 @@
</template> </template>
<script> <script>
import { idRemark } from '@/api/common' import { idRemark } from '@/api/common';
import { infoHeader,statistic } from '@/api/detail/party-a/index' import { infoHeader, statistic } from '@/api/detail/party-a/index';
import { customerInfo } from '@/api/detail/party-a/cooperate' import { customerInfo } from '@/api/detail/party-a/cooperate';
import elementResizeDetectorMaker from "element-resize-detector" import elementResizeDetectorMaker from "element-resize-detector";
import Header from "./component/Header" import Header from "./component/Header";
import SideBar from "./component/Sidebar" import SideBar from "./component/Sidebar";
import Overview from "./overview/overview" //企业概览-企业速览 import Overview from "./overview/overview"; //企业概览-企业速览
import Businfo from "./overview/businfo" //企业概览-工商信息 import Businfo from "./overview/businfo"; //企业概览-工商信息
import Holderinfo from "./overview/holderinfo" //企业概览-股东信息 import Holderinfo from "./overview/holderinfo"; //企业概览-股东信息
import Execuinfo from "./overview/execuinfo" //企业概览-高管信息 import Execuinfo from "./overview/execuinfo"; //企业概览-高管信息
import Overseas from "./overview/overseas" //企业概览-对外投资 import Overseas from "./overview/overseas"; //企业概览-对外投资
import Branch from "./overview/branch" //企业概览-分支机构 import Branch from "./overview/branch"; //企业概览-分支机构
import Financial from "./financial" //财务简析 import Financial from "./financial"; //财务简析
//import Business from "./business" //商务信息 //import Business from "./business" //商务信息
import Landtransaction from "./opport/landtransaction" //项目商机-土地交易 import MajorProject from "./opport/MajorProject.vue"; //项目商机-重点项目
import Proposed from "./opport/proposed" //项目商机-拟建项目 import Landtransaction from "./opport/landtransaction"; //项目商机-土地交易
import Bond from "./opport/bond" //项目商机-专项债项目 import Proposed from "./opport/proposed"; //项目商机-拟建项目
import Biddingplan from "./opport/biddingplan" //项目商机-招标计划 import Bond from "./opport/bond"; //项目商机-专项债项目
import Announcement from "./opport/announcement" //项目商机-招标公告 import Biddingplan from "./opport/biddingplan"; //项目商机-招标计划
import Tencent from "./opport/tencent" //项目商机-标讯Pro import Announcement from "./opport/announcement"; //项目商机-招标公告
import Administrative from "./opport/administrative" //项目商机-行政许可 import Tencent from "./opport/tencent"; //项目商机-标讯Pro
import Custom from "./dealings/custom" //业务往来-客户 import Administrative from "./opport/administrative"; //项目商机-行政许可
import Supplier from "./dealings/supplier" //业务往来-供应商 import Custom from "./dealings/custom"; //业务往来-客户
import Bidagency from "./dealings/bidagency" //业务往来-招标代理 import Supplier from "./dealings/supplier"; //业务往来-供应商
import Hiscontract from "./dealings/hiscontract" //业务往来-历史发包 import Bidagency from "./dealings/bidagency"; //业务往来-招标代理
import Bidrecords from "./dealings/bidrecords" //业务往来-开标记录 import Hiscontract from "./dealings/hiscontract"; //业务往来-历史发包
import LandAcquisition from "./urbanLnvestment/landAcquisition" //投诚分析-城投拿地 import Bidrecords from "./dealings/bidrecords"; //业务往来-开标记录
import RegionalEconomies from "./urbanLnvestment/regionalEconomies" //投诚分析-区域经济 import LandAcquisition from "./urbanLnvestment/landAcquisition"; //投诚分析-城投拿地
import SameRegion from "./urbanLnvestment/sameRegion" //投诚分析-同地区城投 import RegionalEconomies from "./urbanLnvestment/regionalEconomies"; //投诚分析-区域经济
import Punish from "./riskInformation/punish" //风险信息-行政处罚 import SameRegion from "./urbanLnvestment/sameRegion"; //投诚分析-同地区城投
import BusinessAnomaly from "./riskInformation/businessAnomaly" //风险信息-经营异常 import Punish from "./riskInformation/punish"; //风险信息-行政处罚
import IfThePerson from "./riskInformation/ifThePerson" //风险信息-被执行人 import BusinessAnomaly from "./riskInformation/businessAnomaly"; //风险信息-经营异常
import Dishonesty from "./riskInformation/dishonesty" //风险信息-失信被执行 import IfThePerson from "./riskInformation/ifThePerson"; //风险信息-被执行人
import Judgment from "./riskInformation/judgment" //风险信息-判决文书 import Dishonesty from "./riskInformation/dishonesty"; //风险信息-失信被执行
import CourtNotice from "./riskInformation/courtNotice" //风险信息-法院公告 import Judgment from "./riskInformation/judgment"; //风险信息-判决文书
import OpenacourtsessionNotice from "./riskInformation/openacourtsessionNotice" //风险信息-开庭公告 import CourtNotice from "./riskInformation/courtNotice"; //风险信息-法院公告
import Business from "./business" //商务信息 import OpenacourtsessionNotice from "./riskInformation/openacourtsessionNotice"; //风险信息-开庭公告
import Preference from "./preference" //招标偏好 import Business from "./business"; //商务信息
import Cooperate from "./cooperate" //合作情况 import Preference from "./preference"; //招标偏好
import DecisionMaking from "./decisionMaking" //决策链条 import Cooperate from "./cooperate"; //合作情况
import Gjjl from "../../project/projectList/component/gjjl" //跟进记录 import DecisionMaking from "./decisionMaking"; //决策链条
import Gjjl from "../../project/projectList/component/gjjl"; //跟进记录
import { import {
urbanInvestmentPage, urbanInvestmentPage,
} from '@/api/detail/party-a/urbanLnvestment' } from '@/api/detail/party-a/urbanLnvestment';
export default { export default {
name: 'PartyA', name: 'PartyA',
components: { components: {
...@@ -120,6 +125,7 @@ export default { ...@@ -120,6 +125,7 @@ export default {
Branch, Branch,
Financial, Financial,
// Business, // Business,
MajorProject,
Landtransaction, Landtransaction,
Proposed, Proposed,
Bond, Bond,
...@@ -150,7 +156,7 @@ export default { ...@@ -150,7 +156,7 @@ export default {
}, },
data() { data() {
return { return {
isSkeleton:true, isSkeleton: true,
companyInfo: {}, companyInfo: {},
customerInfo: {}, customerInfo: {},
companyId: '', //企业Id（测试默认3068） companyId: '', //企业Id（测试默认3068）
...@@ -160,57 +166,57 @@ export default { ...@@ -160,57 +166,57 @@ export default {
currentPath: { currentPath: {
pathName: 'overview' //默认展示页 pathName: 'overview' //默认展示页
}, },
statisticObj:{}, statisticObj: {},
partBoxHeight: null, partBoxHeight: null,
cooDetail: false cooDetail: false
} };
}, },
computed: { computed: {
routes() { routes() {
return this.$store.state.permission.routes return this.$store.state.permission.routes;
} }
}, },
watch: { watch: {
'$route'(to, from) { '$route'(to, from) {
if(to.name == 'PartyA' && to.query.customerId){ if (to.name == 'PartyA' && to.query.customerId) {
if (to.query.customerId && to.query.path == 'business' || to.query.path == 'gjjl') { if (to.query.customerId && to.query.path == 'business' || to.query.path == 'gjjl') {
if (this.companyId == 0) { if (this.companyId == 0) {
customerInfo(to.query.customerId).then(res => { customerInfo(to.query.customerId).then(res => {
if (res.code == 200) { if (res.code == 200) {
if (res.data.userId == this.$store.state.user.userId) { if (res.data.userId == this.$store.state.user.userId) {
this.$nextTick(() => { this.$nextTick(() => {
this.customerInfo = res.data this.customerInfo = res.data;
this.customerId = res.data.customerId this.customerId = res.data.customerId;
this.isCustomer = true this.isCustomer = true;
this.isCompany = false this.isCompany = false;
this.currentPath.pathName = this.$route.query.path || 'business' this.currentPath.pathName = this.$route.query.path || 'business';
this.companyInfo = { this.companyInfo = {
companyName: this.customerInfo.companyName companyName: this.customerInfo.companyName
} };
document.getElementById('tagTitle').innerText = this.customerInfo.companyName document.getElementById('tagTitle').innerText = this.customerInfo.companyName;
// let lists = this.$store.state.tagsView.visitedViews // let lists = this.$store.state.tagsView.visitedViews
// lists.forEach(item=>{ // lists.forEach(item=>{
// if(item.fullPath == this.$route.fullPath){ // if(item.fullPath == this.$route.fullPath){
let titlename = document.getElementById('tagTitles') let titlename = document.getElementById('tagTitles');
if(titlename){ if (titlename) {
titlename.innerText = this.customerInfo.companyName titlename.innerText = this.customerInfo.companyName;
} }
// } // }
// }) // })
}) });
} }
} }
}) });
} }
if (to.query.customerId == this.customerId && to.query.path) { if (to.query.customerId == this.customerId && to.query.path) {
this.currentPath.pathName = to.query.path this.currentPath.pathName = to.query.path;
} }
} }
}else{ } else {
if(from.name == 'PartyA' && !from.query.customerId){ if (from.name == 'PartyA' && !from.query.customerId) {
this.$nextTick(() => { this.$nextTick(() => {
this.isCompany = true this.isCompany = true;
}) });
} }
} }
} }
...@@ -218,60 +224,60 @@ export default { ...@@ -218,60 +224,60 @@ export default {
beforeRouteLeave(to, from, next) { beforeRouteLeave(to, from, next) {
next(vm => { next(vm => {
}) });
}, },
beforeRouteEnter(to, from, next){ beforeRouteEnter(to, from, next) {
next(vm => { next(vm => {
}) });
}, },
created() { created() {
if (this.$route.params.id) { // 获取companyId if (this.$route.params.id) { // 获取companyId
let companyId = this.$route.params.id let companyId = this.$route.params.id;
this.getCompanyId(companyId) this.getCompanyId(companyId);
} }
if (this.$route.query.path) { // 获取跳转对应板块 if (this.$route.query.path) { // 获取跳转对应板块
this.currentPath.pathName = this.$route.query.path this.currentPath.pathName = this.$route.query.path;
} }
}, },
mounted(){ mounted() {
}, },
methods: { methods: {
showPartPage(e){ showPartPage(e) {
this.currentPath = e this.currentPath = e;
}, },
// 解密 // 解密
async getCompanyId(companyId){ async getCompanyId(companyId) {
let { data } = await idRemark({mark:companyId}) let { data } = await idRemark({ mark: companyId });
if( data ){ if (data) {
this.companyId = data this.companyId = data;
this.$nextTick(() => { this.$nextTick(() => {
this.listenSider() this.listenSider();
}) });
this.getStatistic(); this.getStatistic();
this.handleQuery(); this.handleQuery();
this.association(this.$route.query.customerId) this.association(this.$route.query.customerId);
this.$refs.sidebar.financial(data); this.$refs.sidebar.financial(data);
} }
}, },
async getStatistic(){ async getStatistic() {
let res = await statistic({companyId:this.companyId}); let res = await statistic({ companyId: this.companyId });
if(res.code==200){ if (res.code == 200) {
this.statisticObj = res.data this.statisticObj = res.data;
} }
}, },
async handleQuery() { async handleQuery() {
this.isSkeleton = true; this.isSkeleton = true;
let res = await infoHeader({companyId:this.companyId}) let res = await infoHeader({ companyId: this.companyId });
if(res.code==200){ if (res.code == 200) {
this.isSkeleton = false; this.isSkeleton = false;
this.companyInfo = res.data || {} this.companyInfo = res.data || {};
let data = { let data = {
pageNum: 1, pageNum: 1,
pageSize: 5, pageSize: 5,
provinceIds: [this.companyInfo.provinceId], provinceIds: [this.companyInfo.provinceId],
cityIds: [this.companyInfo.cityId], cityIds: [this.companyInfo.cityId],
} };
urbanInvestmentPage(data).then(res => { urbanInvestmentPage(data).then(res => {
if(res.code==200){ if(res.code==200){
if(res.data.totalCount<1){ if(res.data.totalCount<1){
...@@ -280,89 +286,89 @@ export default { ...@@ -280,89 +286,89 @@ export default {
this.$refs.sidebar.sideRoute = arr this.$refs.sidebar.sideRoute = arr
} }
} }
}) });
if(this.companyInfo && this.companyInfo.companyName){ if (this.companyInfo && this.companyInfo.companyName) {
this.$nextTick(()=>{ this.$nextTick(() => {
document.getElementById('tagTitle').innerText = this.companyInfo.companyName document.getElementById('tagTitle').innerText = this.companyInfo.companyName;
// let lists = this.$store.state.tagsView.visitedViews // let lists = this.$store.state.tagsView.visitedViews
// lists.forEach(item=>{ // lists.forEach(item=>{
// if(item.fullPath == this.$route.fullPath){ // if(item.fullPath == this.$route.fullPath){
let titlename = document.getElementById('tagTitles') let titlename = document.getElementById('tagTitles');
if(titlename){ if (titlename) {
titlename.innerText = this.companyInfo.companyName titlename.innerText = this.companyInfo.companyName;
} }
// } // }
// }) // })
}) });
} }
} }
}, },
listenSider(){ listenSider() {
const _this = this, erd = elementResizeDetectorMaker(), partBox = document.getElementById("partBox") const _this = this, erd = elementResizeDetectorMaker(), partBox = document.getElementById("partBox");
erd.listenTo(partBox, element => { erd.listenTo(partBox, element => {
_this.partBoxHeight = partBox.offsetHeight _this.partBoxHeight = partBox.offsetHeight;
}) });
}, },
cooperateDetail(){ cooperateDetail() {
this.cooDetail = true this.cooDetail = true;
}, },
closeDetail(){ closeDetail() {
this.cooDetail = false this.cooDetail = false;
}, },
// 判断客户是否关联显示修改 // 判断客户是否关联显示修改
association(id){ association(id) {
if(id) { if (id) {
customerInfo(id).then(res => { customerInfo(id).then(res => {
if (res.code == 200) { if (res.code == 200) {
if (res.data.userId == this.$store.state.user.userId) { if (res.data.userId == this.$store.state.user.userId) {
this.$nextTick(() => { this.$nextTick(() => {
this.customerInfo = res.data this.customerInfo = res.data;
this.customerId = res.data.customerId this.customerId = res.data.customerId;
}) });
if(res.data.companyId == this.companyId){ if (res.data.companyId == this.companyId) {
this.$nextTick(() => { this.$nextTick(() => {
this.isCustomer = true this.isCustomer = true;
this.isCompany = true this.isCompany = true;
}) });
}else{ } else {
this.$nextTick(() => { this.$nextTick(() => {
this.isCustomer = true this.isCustomer = true;
this.isCompany = false this.isCompany = false;
this.currentPath.pathName = this.$route.query.path || 'business' this.currentPath.pathName = this.$route.query.path || 'business';
this.companyInfo = { this.companyInfo = {
companyName: this.customerInfo.companyName companyName: this.customerInfo.companyName
} };
document.getElementById('tagTitle').innerText = this.customerInfo.companyName document.getElementById('tagTitle').innerText = this.customerInfo.companyName;
// let lists = this.$store.state.tagsView.visitedViews // let lists = this.$store.state.tagsView.visitedViews
// lists.forEach(item=>{ // lists.forEach(item=>{
// if(item.fullPath == this.$route.fullPath){ // if(item.fullPath == this.$route.fullPath){
let titlename = document.getElementById('tagTitles') let titlename = document.getElementById('tagTitles');
if(titlename){ if (titlename) {
titlename.innerText = this.customerInfo.companyName titlename.innerText = this.customerInfo.companyName;
} }
// } // }
// }) // })
}) });
} }
} else { } else {
this.$nextTick(() => { this.$nextTick(() => {
this.isCustomer = true this.isCustomer = true;
this.isCompany = true this.isCompany = true;
this.currentPath.pathName = 'overview' this.currentPath.pathName = 'overview';
}) });
} }
} }
}).catch(err => { }).catch(err => {
this.$nextTick(() => { this.$nextTick(() => {
this.currentPath.pathName = 'overview' this.currentPath.pathName = 'overview';
this.isCompany = true this.isCompany = true;
}) });
}) });
}else{ } else {
this.$nextTick(() => { this.$nextTick(() => {
this.isCompany = true this.isCompany = true;
this.currentPath.pathName = 'overview' this.currentPath.pathName = 'overview';
}) });
} }
}, },
...@@ -371,20 +377,20 @@ export default { ...@@ -371,20 +377,20 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.part-container{ .part-container {
padding: 0; padding: 0;
} }
.part-main{ .part-main {
margin-top: 12px; margin-top: 12px;
align-items: initial; align-items: initial;
} }
.part-left{ .part-left {
margin-right: 16px; margin-right: 16px;
} }
.part-right{ .part-right {
min-width: 1088px; min-width: 1088px;
width: 100%; width: 100%;
background: #FFFFFF; background: #ffffff;
border-radius: 4px; border-radius: 4px;
} }
</style> </style>
dsk-operate-ui/src/views/detail/party-a/opport/MajorProject.vue 0 → 100644
View file @ a7da4dbe
<template>
<div class="detail-container major-project">
<head-form-new title="重点项目" :form-data="formData" :query-params="queryParams" :total="tableDataTotal" :isExcel="false"
@handle-search="handleSearch" />
<skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton>
<tables v-else :tableLoading="tableLoading" :tableData="tableData" :forData="forData" :tableDataTotal="tableDataTotal" :queryParams="queryParams"
@handle-current-change="handleCurrentChange" @sort-change="sortChange">
<template slot="projectName" slot-scope="scope">
<router-link :to="`/radar/Land/details/${scope.row.id}`" tag="a" class="a-link" v-if="scope.row.id&&scope.row.projectName "
v-html="scope.row.projectName"></router-link>
<div v-else v-html="scope.row.projectName || '--'"></div>
</template>
<!-- 项目投资金额 -->
<template slot="totalInvestment" slot-scope="scope">
<div style="text-align:right;">
{{scope.row.totalInvestment ? `${scope.row.totalInvestment}万元` : "--"}}
</div>
</template>
</tables>
</div>
</template>
<script>
import mixin from '../mixins/mixin';
import { getMajorProjectListApi } from '@/api/detail/party-a/opport';
import skeleton from '@/views/project/projectList/component/skeleton';
export default {
name: 'majorProject',
props: ['companyId'],
mixins: [mixin],
components: {
skeleton
},
data() {
return {
isSkeleton: true,
queryParams: {
cid: this.companyId,
pageNum: 1,
pageSize: 20
},
forData: [
{ label: '项目名称', prop: 'projectName', minWidth: '450', slot: true },
{ label: '项目地区', prop: 'projectAddress', width: '127' },
{ label: '项目等级', prop: 'projectLevel', width: '90' },
{ label: '项目投资金额', prop: 'totalInvestment', width: '120', slot: true },
{ label: '项目类型', prop: 'projectType', width: '120' },
{ label: '项目年度', prop: 'year', width: '90' },
],
formData: [
{ type: 1, fieldName: 'projectLevel', value: '', placeholder: '项目级别', options: [], uid: this.getUid() },
{ type: 4, fieldName: 'projectType', value: '', placeholder: '项目类型', options: [], uid: this.getUid() },
{ type: 3, fieldName: 'keys', value: '', placeholder: '输入项目名称关键词查询', options: [], width: 220, uid: this.getUid() }
],
//列表
tableLoading: false,
tableData: [],
tableDataTotal: 0
};
},
computed: {
},
created() {
this.setProjectLevelOptions();
this.setProjectTypeOptions();
this.handleQuery();
},
methods: {
async setProjectLevelOptions() {
try {
const result = await this.getDicts("project_level");
if (result.code == 200) {
const levels = result.data.map(item => {
return {
name: item.dictLabel,
value: item.dictValue,
id: item.dictCode
};
});
this.setFormData("projectLevel", levels);
}
} catch (error) {
}
},
async setProjectTypeOptions() {
try {
const result = await this.getDicts("project_type_new");
if (result.code == 200) {
const types = result.data.map(item => {
return {
name: item.dictLabel,
value: item.dictValue,
id: item.dictCode
};
});
this.setFormData("projectType", types);
}
} catch (error) {
}
},
async handleQuery(params) {
this.tableLoading = true;
let param = params ? params : this.queryParams;
let res = await getMajorProjectListApi(param);
this.tableLoading = false;
if (res.code == 200) {
this.isSkeleton = false;
this.tableData = res.rows;
if (this.tableData.length > 0) {
this.tableData.map(item => {
item.transactionPrice == 0 && (item.transactionPrice = '--');
});
}
}
this.tableDataTotal = res.total;
}
}
}
</script>
<style lang="scss" scoped>
.detail-container {
background: #ffffff;
border-radius: 4px;
padding: 16px;
}
.major-project {
@import "@/assets/styles/search-common.scss";
}
</style>
\ No newline at end of file
dsk-operate-ui/src/views/project/projectList/detail.vue
View file @ a7da4dbe
...@@ -14,7 +14,8 @@ ...@@ -14,7 +14,8 @@
<div class="titles"> <div class="titles">
<img src="@/assets/images/project/headimg.png" class="headimg"> <img src="@/assets/images/project/headimg.png" class="headimg">
<strong class="text">{{ProjectData.projectName}}</strong> <strong class="text">{{ProjectData.projectName}}</strong>
<div class="protypes" :class="{'i1':ProjectData.status == 0,'i2':ProjectData.status == 1,'i3':ProjectData.status == 2}" v-if="isDisabled == false"> <div class="protypes" :class="{'i1':ProjectData.status == 0,'i2':ProjectData.status == 1,'i3':ProjectData.status == 2}"
v-if="isDisabled == false">
<span v-for="(item,index) in projectStatus"><i v-if="ProjectData.status == item.dictValue">{{item.dictLabel}}</i></span> <span v-for="(item,index) in projectStatus"><i v-if="ProjectData.status == item.dictValue">{{item.dictLabel}}</i></span>
<el-select class="sels" v-model="ProjectData.status" @change="editXMSL({status:ProjectData.status})"> <el-select class="sels" v-model="ProjectData.status" @change="editXMSL({status:ProjectData.status})">
<el-option v-for="(item,index) in projectStatus" :key="index" :label="item.dictLabel" :value="item.dictValue"></el-option> <el-option v-for="(item,index) in projectStatus" :key="index" :label="item.dictLabel" :value="item.dictValue"></el-option>
...@@ -37,38 +38,41 @@ ...@@ -37,38 +38,41 @@
</div> </div>
<div class="contets row" readonly> <div class="contets row" readonly>
<div class="det-con"> <div class="det-con">
<span>项目类型：</span> <span>项目阶段：</span>
<div class="select-popper" > <div class="select-popper">
<span :class="{'txt':xmlx == '请选择'}"> <span :class="{'txt':xmjd == '请选择'}">
{{xmlx}} {{xmjd}}
<i class="el-icon-caret-bottom"></i> <i class="el-icon-caret-bottom"></i>
</span> </span>
<el-select v-if="isDisabled == false" v-model="xmlx" class="select-multiple" placeholder="请选择" @change="editXMSL({projectType:xmlx})"> <el-select v-if="isDisabled == false" v-model="xmjd" class="select-multiple" placeholder="请选择"
<el-option v-for="(item,index) in projectType" :key="index" :label="item.dictLabel" :value="item.dictValue"></el-option> @change="editXMSL({projectStage:xmjd})">
<el-option v-for="(item,index) in projectStage" :key="item.dictCode" :label="item.dictLabel" :value="item.dictValue"></el-option>
</el-select> </el-select>
</div> </div>
</div> </div>
<div class="det-con"> <div class="det-con">
<span>项目类别：</span> <span>项目类别：</span>
<span> <span>
<div class="select-popper" > <div class="select-popper">
<span :class="{'txt':xmlb == '请选择'}"> <span :class="{'txt':xmlb == '请选择'}">
{{xmlb}} {{xmlb}}
<i class="el-icon-caret-bottom"></i> <i class="el-icon-caret-bottom"></i>
</span> </span>
<el-select v-if="isDisabled==false" v-model="xmlb" class="select-multiple" placeholder="请选择" @change="editXMSL({projectCategory:xmlb})"> <el-select v-if="isDisabled==false" v-model="xmlb" class="select-multiple" placeholder="请选择"
@change="editXMSL({projectCategory:xmlb})">
<el-option v-for="(item,index) in projectCategory" :key="index" :label="item.dictLabel" :value="item.dictValue"></el-option> <el-option v-for="(item,index) in projectCategory" :key="index" :label="item.dictLabel" :value="item.dictValue"></el-option>
</el-select> </el-select>
</div> </div>
</span> </span>
</div> </div>
<div class="det-con con" > <div class="det-con con">
<span>投资估算（万元）：</span> <span>投资估算（万元）：</span>
<div class="inputxt i" :class="{'nomar':nowedit != 3}" :key="keys2" id="inputxt"> <div class="inputxt i" :class="{'nomar':nowedit != 3}" :key="keys2" id="inputxt">
<div class="flex" v-if="nowedit == 3 && isDisabled == false"> <div class="flex" v-if="nowedit == 3 && isDisabled == false">
<el-input v-model="ProjectData.investmentAmount" placeholder="待添加" @input="number"></el-input> <el-input v-model="ProjectData.investmentAmount" placeholder="待添加" @input="number"></el-input>
<div class="flex"> <div class="flex">
<div class="btnsmall btn_primary h28" style="width: 56px" @click="editXMSL({investmentAmount:ProjectData.investmentAmount})">确定</div> <div class="btnsmall btn_primary h28" style="width: 56px" @click="editXMSL({investmentAmount:ProjectData.investmentAmount})">确定
</div>
<div class="cancels h28" @click="nowedit = -1" style="">取消</div> <div class="cancels h28" @click="nowedit = -1" style="">取消</div>
</div> </div>
</div> </div>
...@@ -79,14 +83,12 @@ ...@@ -79,14 +83,12 @@
<span>建设地点：</span> <span>建设地点：</span>
<div class="select-popper"> <div class="select-popper">
<span > <span>
{{addresstxt}} {{addresstxt}}
<i class="el-icon-caret-bottom"></i> <i class="el-icon-caret-bottom"></i>
</span> </span>
<el-cascader separator="-" :disabled="isDisabled" class="cascader-region select-location" v-model="ProjectData.address" <el-cascader separator="-" :disabled="isDisabled" class="cascader-region select-location" v-model="ProjectData.address"
ref="myCascader" :props="props" ref="myCascader" :props="props" :options="addressList" @change="handleChange"></el-cascader>
:options="addressList"
@change="handleChange"></el-cascader>
</div> </div>
</div> </div>
<div class="det-con"> <div class="det-con">
...@@ -94,14 +96,14 @@ ...@@ -94,14 +96,14 @@
<span>{{ProjectData.team}}</span> <span>{{ProjectData.team}}</span>
</div> </div>
</div> </div>
<div class="schedule"> <!-- <div class="schedule">
<div class="child" v-for="(item,index) in projectStage" @click="choose(item.dictValue)" :class="{'on':item.dictValue == thisindex}"> <div class="child" v-for="(item,index) in projectStage" @click="choose(item.dictValue)" :class="{'on':item.dictValue == thisindex}">
<div class="left"></div> <div class="left"></div>
<span>{{item.dictLabel}}</span> <span>{{item.dictLabel}}</span>
<div class="right"></div> <div class="right"></div>
</div> </div>
</div> </div> -->
</div> </div>
</el-card> </el-card>
...@@ -131,175 +133,177 @@ ...@@ -131,175 +133,177 @@
</template> </template>
<script> <script>
import "@/assets/styles/project.scss" import "@/assets/styles/project.scss";
import "@/assets/styles/public.scss" import "@/assets/styles/public.scss";
import {getDictType,} from '@/api/main' import { getDictType, } from '@/api/main';
import xmsl from './component/xmsl.vue' import xmsl from './component/xmsl.vue';
import jsnr from './component/jsnr.vue' import jsnr from './component/jsnr.vue';
import lxr from './component/lxr.vue' import lxr from './component/lxr.vue';
import gjjl from './component/gjjl.vue' import gjjl from './component/gjjl.vue';
import gzdb from './component/gzdb.vue' import gzdb from './component/gzdb.vue';
import zlwd from './component/zlwd.vue' import zlwd from './component/zlwd.vue';
import xgqy from './component/xgqy.vue' import xgqy from './component/xgqy.vue';
import prvinceTree from '@/assets/json/provinceTree' import prvinceTree from '@/assets/json/provinceTree';
import {getXMSL,editXMNR} from '@/api/project/project' import { getXMSL, editXMNR } from '@/api/project/project';
export default { export default {
name: 'detail', name: 'detail',
components: {xmsl,jsnr,lxr,gjjl,gzdb,zlwd,xgqy}, components: { xmsl, jsnr, lxr, gjjl, gzdb, zlwd, xgqy },
props: { props: {
detailId: { //从企业详情跳转过来ID detailId: { //从企业详情跳转过来ID
type: Number, type: Number,
default: 0 default: 0
} }
}, },
data(){ data() {
return { return {
lastindex: 0,//上一个点击步骤 lastindex: 0,//上一个点击步骤
thisindex: 1,//当前点击步骤 thisindex: 1,//当前点击步骤
tabslist:[//项目信息展示板块 tabslist: [//项目信息展示板块
{tag:'xmsl',name:'项目速览'}, { tag: 'xmsl', name: '项目速览' },
{tag:'jsnr',name:'建设内容'}, { tag: 'jsnr', name: '建设内容' },
{tag:'lxr',name:'联系人'}, { tag: 'lxr', name: '联系人' },
{tag:'gjjl',name:'跟进记录'}, { tag: 'gjjl', name: '跟进记录' },
{tag:'gzdb',name:'工作待办'}, { tag: 'gzdb', name: '工作待办' },
{tag:'zlwd',name:'资料文档'}, { tag: 'zlwd', name: '资料文档' },
{tag:'xgqy',name:'相关企业'}, { tag: 'xgqy', name: '相关企业' },
], ],
thistag:'xmsl', thistag: 'xmsl',
xmlx:'请选择',//项目类型 xmlx: '请选择',//项目类型
xmlb:'请选择',//项目类别 xmlb: '请选择',//项目类别
islock:false, xmjd: "请选择",//项目阶段
projectStage:[],//项目阶段 islock: false,
projectType:[],//项目类型 projectStage: [],//项目阶段
projectCategory:[],//项目类别 projectType: [],//项目类型
projectStatus:[],//项目状态 projectCategory: [],//项目类别
nowedit:-1, projectStatus: [],//项目状态
address:[], nowedit: -1,
addresstxt:'待添加', address: [],
addresstxt: '待添加',
//项目地区 //项目地区
addressList:[], addressList: [],
domicile:[], domicile: [],
props:{ checkStrictly: true, expandTrigger: 'hover' }, props: { checkStrictly: true, expandTrigger: 'hover' },
id:'', id: '',
ProjectData:{}, ProjectData: {},
isDisabled:false, isDisabled: false,
keys:1, keys: 1,
keys1:2, keys1: 2,
keys2:20, keys2: 20,
} };
}, },
created(){ created() {
this.thistag = this.$route.query.tag ? this.$route.query.tag : this.thistag this.thistag = this.$route.query.tag ? this.$route.query.tag : this.thistag;
this.prvinceTree() this.prvinceTree();
this.id = this.detailId ? this.detailId : this.$route.query.id this.id = this.detailId ? this.detailId : this.$route.query.id;
//项目阶段 //项目阶段
getDictType('project_stage_type').then(result=>{ getDictType('project_stage_type').then(result => {
this.projectStage = result.code == 200 ? result.data:[] this.projectStage = result.code == 200 ? result.data : [];
}) });
//项目类型 //项目类型
getDictType('project_type').then(result=>{ getDictType('project_type').then(result => {
this.projectType = result.code == 200 ? result.data:[] this.projectType = result.code == 200 ? result.data : [];
}) });
//项目类别 //项目类别
getDictType('project_category').then(result=>{ getDictType('project_category').then(result => {
this.projectCategory = result.code == 200 ? result.data:[] this.projectCategory = result.code == 200 ? result.data : [];
}) });
//项目状态 //项目状态
getDictType('project_status_type').then(result=>{ getDictType('project_status_type').then(result => {
this.projectStatus = result.code == 200 ? result.data:[] this.projectStatus = result.code == 200 ? result.data : [];
}) });
//获取基本信息 //获取基本信息
this.getXMSL() this.getXMSL();
}, },
mounted(){ mounted() {
document.getElementById('jsnr').addEventListener('mouseup',(e) => { document.getElementById('jsnr').addEventListener('mouseup', (e) => {
if (this.isDisabled == true) if (this.isDisabled == true)
return false return false;
var one = document.getElementById("inputxt"); var one = document.getElementById("inputxt");
if (one) { if (one) {
if (!one.contains(event.target)) { if (!one.contains(event.target)) {
if (this.nowedit != -1) { if (this.nowedit != -1) {
this.editXMSL({ investmentAmount: this.ProjectData.investmentAmount }) this.editXMSL({ investmentAmount: this.ProjectData.investmentAmount });
} }
this.nowedit = -1 this.nowedit = -1;
} else { } else {
this.nowedit = 3 this.nowedit = 3;
} }
} }
}) });
}, },
methods: { methods: {
getsl(data){ getsl(data) {
this.choose(data.projectStage) this.choose(data.projectStage);
}, },
handleALL(event){ handleALL(event) {
if(this.isDisabled == true) if (this.isDisabled == true)
return false return false;
}, },
getXMSL(){ getXMSL() {
getXMSL(this.id).then(result=>{ getXMSL(this.id).then(result => {
this.ProjectData = result.code==200?result.data:{} this.ProjectData = result.code == 200 ? result.data : {};
this.$route.query.projectname = result.data.projectName this.$route.query.projectname = result.data.projectName;
this.isDisabled = result.data.isFounder == 1 ? false:true this.isDisabled = result.data.isFounder == 1 ? false : true;
this.xmlx = result.data.projectType==""||result.data.projectType==null?"请选择":result.data.projectType this.xmlx = result.data.projectType == "" || result.data.projectType == null ? "请选择" : result.data.projectType;
this.xmlb = result.data.projectCategory==""||result.data.projectCategory==null?"请选择":result.data.projectCategory this.xmlb = result.data.projectCategory == "" || result.data.projectCategory == null ? "请选择" : result.data.projectCategory;
this.thisindex = result.data.projectStage this.xmjd = result.data.projectStage == "" || result.data.projectStage == null ? "请选择" : result.data.projectStage;
this.ProjectData.status = result.data.status.toString() this.thisindex = result.data.projectStage;
let list = [] this.ProjectData.status = result.data.status.toString();
let txt = '' let list = [];
if(result.data.provinceId != ""){ let txt = '';
list.push(result.data.provinceId) if (result.data.provinceId != "") {
} list.push(result.data.provinceId);
if(result.data.cityId){ }
list.push(result.data.cityId) if (result.data.cityId) {
} list.push(result.data.cityId);
if(result.data.districtId){ }
list.push(result.data.districtId) if (result.data.districtId) {
} list.push(result.data.districtId);
if(result.data.provinceName){ }
txt += result.data.provinceName if (result.data.provinceName) {
} txt += result.data.provinceName;
if(result.data.cityName){ }
txt += '-'+result.data.cityName if (result.data.cityName) {
} txt += '-' + result.data.cityName;
if(result.data.districtName){ }
txt += '-'+result.data.districtName if (result.data.districtName) {
} txt += '-' + result.data.districtName;
this.address = list.length>0?list:"待添加" }
this.addresstxt = txt == "" ? "待添加":txt this.address = list.length > 0 ? list : "待添加";
this.keys2 ++; this.addresstxt = txt == "" ? "待添加" : txt;
}) this.keys2++;
});
}, },
locks(isPrivate){ locks(isPrivate) {
isPrivate = isPrivate==0?1:0 isPrivate = isPrivate == 0 ? 1 : 0;
this.editXMSL({isPrivate:isPrivate}) this.editXMSL({ isPrivate: isPrivate });
this.islock = false this.islock = false;
this.ProjectData.isPrivate = isPrivate this.ProjectData.isPrivate = isPrivate;
}, },
editXMSL(param){ editXMSL(param) {
if(this.isDisabled == true) if (this.isDisabled == true)
return false return false;
let params = param let params = param;
params.id = this.id params.id = this.id;
if(param.status){ if (param.status) {
param.status = parseInt(param.status) param.status = parseInt(param.status);
} }
editXMNR(JSON.stringify(params)).then(res=>{ editXMNR(JSON.stringify(params)).then(res => {
if (res.code == 200){ if (res.code == 200) {
// this.$message.success('修改成功！') // this.$message.success('修改成功！')
if(this.nowedit == 1){ if (this.nowedit == 1) {
let _this = this let _this = this;
setTimeout(function() { setTimeout(function () {
_this.keys1++; _this.keys1++;
},1000) }, 1000);
} }
}else{ } else {
this.$message.error(res.msg) this.$message.error(res.msg);
this.getXMSL() this.getXMSL();
} }
}) });
this.nowedit = -1 this.nowedit = -1;
}, },
//地区 //地区
async prvinceTree() { async prvinceTree() {
...@@ -314,105 +318,105 @@ ...@@ -314,105 +318,105 @@
// }) // })
// console.log(prvinceTree) // console.log(prvinceTree)
this.addressList = prvinceTree; this.addressList = prvinceTree;
this.getadd(this.addressList) this.getadd(this.addressList);
}, },
//处理项目地区 //处理项目地区
getadd(row) { getadd(row) {
this.addrcallback(row,this.getadd) this.addrcallback(row, this.getadd);
}, },
addrcallback(row,callback){ addrcallback(row, callback) {
if(row){ if (row) {
row.forEach(item => { row.forEach(item => {
item.value = item.id item.value = item.id;
callback && callback(item.children) callback && callback(item.children);
}) });
} }
}, },
//进度条悬浮、点击事件 //进度条悬浮、点击事件
hover(value){ hover(value) {
this.lastindex = value this.lastindex = value;
}, },
choose(value){ choose(value) {
if(this.isDisabled == true) if (this.isDisabled == true)
return false return false;
this.thisindex = value this.thisindex = value;
this.editXMSL({projectStage:value}) this.editXMSL({ projectStage: value });
let _this = this let _this = this;
setTimeout(function() { setTimeout(function () {
_this.keys++; _this.keys++;
},1000) }, 1000);
}, },
//内容组件切换 //内容组件切换
getCom(tag){ getCom(tag) {
this.thistag = tag this.thistag = tag;
}, },
//输入数字 //输入数字
number(value){ number(value) {
this.ProjectData.investmentAmount = value == ""?"": value.replace(/^\D*(\d*(?:\.\d{0,6})?).*$/g, '$1')//输入6位小数 this.ProjectData.investmentAmount = value == "" ? "" : value.replace(/^\D*(\d*(?:\.\d{0,6})?).*$/g, '$1');//输入6位小数
}, },
handleChange(value) { handleChange(value) {
var labelString = this.$refs.myCascader.getCheckedNodes()[0].pathLabels; var labelString = this.$refs.myCascader.getCheckedNodes()[0].pathLabels;
let param = { let param = {
provinceId:null, provinceId: null,
provinceName:null, provinceName: null,
cityId:null, cityId: null,
cityName:null, cityName: null,
districtId:null, districtId: null,
districtName:null, districtName: null,
} };
let txt = '' let txt = '';
labelString.forEach((item,index)=>{ labelString.forEach((item, index) => {
let str = '' let str = '';
if(index >0){ if (index > 0) {
str = '-' str = '-';
} }
txt += str + item txt += str + item;
if(index == 0){ if (index == 0) {
param.provinceName = item param.provinceName = item;
} }
if(index == 1){ if (index == 1) {
param.cityName = item param.cityName = item;
} }
if(index == 2){ if (index == 2) {
param.districtName = item param.districtName = item;
} }
}) });
this.addresstxt = txt this.addresstxt = txt;
value.forEach((item,index)=>{ value.forEach((item, index) => {
if(index == 0){ if (index == 0) {
param.provinceId = parseInt(item) param.provinceId = parseInt(item);
} }
if(index == 1){ if (index == 1) {
param.cityId = parseInt(item) param.cityId = parseInt(item);
} }
if(index == 2){ if (index == 2) {
param.districtId = parseInt(item) param.districtId = parseInt(item);
} }
}) });
this.editXMSL(param) this.editXMSL(param);
}, },
// 跳转到企业详情合作情况 // 跳转到企业详情合作情况
cooperateList(){ cooperateList() {
this.$emit('close-detail') this.$emit('close-detail');
}, },
tolist(){ tolist() {
this.$router.push({path:'/project/projectList'}) this.$router.push({ path: '/project/projectList' });
}, },
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.select-popper{ .select-popper {
top: 0; top: 0;
} }
.head{ .head {
.titles{ .titles {
line-height: 31px; line-height: 31px;
.protypes{ .protypes {
min-width: 96px; min-width: 96px;
padding: 0 18px; padding: 0 18px;
height: 24px; height: 24px;
...@@ -425,59 +429,60 @@ ...@@ -425,59 +429,60 @@
text-align: center; text-align: center;
position: relative; position: relative;
&.i1{ &.i1 {
background: #FCF3DF; background: #fcf3df;
color: #B5760B; color: #b5760b;
&:hover{ &:hover {
background: #F3E2BB; background: #f3e2bb;
} }
} }
&.i2{ &.i2 {
background: #E5F6E4; background: #e5f6e4;
color: #09A442; color: #09a442;
&:hover{ &:hover {
background: #B8EBB7; background: #b8ebb7;
} }
} }
&.i3{ &.i3 {
background: #E5F2FF; background: #e5f2ff;
color: #0081FF; color: #0081ff;
&:hover{ &:hover {
background: #CBE5FF; background: #cbe5ff;
} }
} }
>span{ > span {
width: 100%; width: 100%;
} }
.sels{ .sels {
opacity: 0; opacity: 0;
} }
.el-select{ .el-select {
position: absolute; position: absolute;
top: 0; top: 0;
width: 100%; width: 100%;
left: 0; left: 0;
height: 24px; height: 24px;
::v-deep.el-input,::v-deep.el-input__inner{ ::v-deep.el-input,
::v-deep.el-input__inner {
height: 24px; height: 24px;
} }
} }
} }
.headimg{ .headimg {
float: left; float: left;
margin-right: 16px; margin-right: 16px;
} }
.text{ .text {
font-size: 16px; font-size: 16px;
line-height: 31px; line-height: 31px;
font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-family: Microsoft YaHei-Bold, Microsoft YaHei;
} }
.locks{ .locks {
display: inline-block; display: inline-block;
margin-left: 16px; margin-left: 16px;
height: 24px; height: 24px;
background: #F3F4F5; background: #f3f4f5;
border-radius: 12px; border-radius: 12px;
padding: 0 8px; padding: 0 8px;
font-size: 12px; font-size: 12px;
...@@ -486,10 +491,10 @@ ...@@ -486,10 +491,10 @@
cursor: pointer; cursor: pointer;
font-weight: 400; font-weight: 400;
position: relative; position: relative;
&:hover{ &:hover {
background-color: #DFE0E2; background-color: #dfe0e2;
} }
img{ img {
float: left; float: left;
width: 16px; width: 16px;
margin-top: 3px; margin-top: 3px;
...@@ -497,113 +502,119 @@ ...@@ -497,113 +502,119 @@
} }
} }
} }
.contets{ .contets {
padding: 15px 0 20px; padding: 15px 0 20px;
.det-con{ .det-con {
font-size: 14px; font-size: 14px;
display: inline-block; display: inline-block;
padding-right: 43px; padding-right: 43px;
&:last-child{ &:last-child {
padding-right: 0; padding-right: 0;
} }
>span:nth-child(2n-1){ > span:nth-child(2n-1) {
color: #a7a7a7; color: #a7a7a7;
} }
} }
} }
.schedule{ .schedule {
width: 100%; width: 100%;
.child{ .child {
cursor: pointer; cursor: pointer;
margin-right: 4px; margin-right: 4px;
color: rgba(35, 35, 35, 0.80); color: rgba(35, 35, 35, 0.8);
position: relative; position: relative;
min-width: 137px; min-width: 137px;
padding: 0 20px; padding: 0 20px;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
background: #F3F4F5; background: #f3f4f5;
margin-bottom: 8px; margin-bottom: 8px;
display: inline-block; display: inline-block;
.left{ .left {
width: 10px; width: 10px;
height: 32px; height: 32px;
background: url("../../../assets/images/project/icol1.png") no-repeat top center #fff; background: url("../../../assets/images/project/icol1.png") no-repeat
top center #fff;
background-size: 100%; background-size: 100%;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
} }
.right{ .right {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
width: 10px; width: 10px;
height: 32px; height: 32px;
background: url("../../../assets/images/project/icor1.png") no-repeat top center #fff; background: url("../../../assets/images/project/icor1.png") no-repeat
top center #fff;
background-size: 100%; background-size: 100%;
} }
&:hover{ &:hover {
background: #E3E6EA; background: #e3e6ea;
.left{ .left {
background: url("../../../assets/images/project/icol2.png") no-repeat top center #fff; background: url("../../../assets/images/project/icol2.png") no-repeat
top center #fff;
background-size: 100%; background-size: 100%;
} }
.right{ .right {
background: url("../../../assets/images/project/icor2.png") no-repeat top center #fff; background: url("../../../assets/images/project/icor2.png") no-repeat
top center #fff;
background-size: 100%; background-size: 100%;
} }
} }
&.on{ &.on {
background: #0081FF; background: #0081ff;
color: #fff; color: #fff;
.left{ .left {
background: url("../../../assets/images/project/icol3.png") no-repeat top center #fff; background: url("../../../assets/images/project/icol3.png") no-repeat
top center #fff;
background-size: 100%; background-size: 100%;
} }
.right{ .right {
background: url("../../../assets/images/project/icor3.png") no-repeat top center #fff; background: url("../../../assets/images/project/icor3.png") no-repeat
top center #fff;
background-size: 100%; background-size: 100%;
} }
} }
} }
} }
.delform{ .delform {
right: -79px; right: -79px;
top: 33px; top: 33px;
width: 252px; width: 252px;
} }
} }
.tabslist{ .tabslist {
padding: 0 24px; padding: 0 24px;
display: flex; display: flex;
height: 48px; height: 48px;
.tab{ .tab {
font-size: 16px; font-size: 16px;
line-height: 46px; line-height: 46px;
margin-right: 32px; margin-right: 32px;
cursor: pointer; cursor: pointer;
&:hover{ &:hover {
color: #0081FF; color: #0081ff;
} }
&.on{ &.on {
color: #0081FF; color: #0081ff;
font-weight: 700; font-weight: 700;
border-bottom: 2px solid #0081FF; border-bottom: 2px solid #0081ff;
}
} }
} }
.det-con.con{ }
.det-con.con {
width: auto; width: auto;
margin-top: -4px; margin-top: -4px;
.inputxt{ .inputxt {
width: 100px; width: 100px;
margin-right: 70px; margin-right: 70px;
&.nomar{ &.nomar {
margin: 0; margin: 0;
} }
} }
} }
</style> </style>
dsk-operate-ui/src/views/radar/components/MajorProject/index.vue
View file @ a7da4dbe
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
<div class="content_item content_item_padding0"> <div class="content_item content_item_padding0">
<div class="label">关键字</div> <div class="label">关键字</div>
<div class="content_right"> <div class="content_right">
<el-input class="ename_input" placeholder="请输入关键字查询" v-model="importantProjectDto.keyword" ></el-input> <el-input class="ename_input" placeholder="请输入关键字查询" v-model="importantProjectDto.keyword"></el-input>
<el-checkbox-group v-model="importantProjectDto.keywordStr" class="keyword_checkbox" > <el-checkbox-group v-model="importantProjectDto.keywordStr" class="keyword_checkbox">
<el-checkbox v-for="item in keywordTypeList" :label="item.value" :key="item.label">{{item.label}}</el-checkbox> <el-checkbox v-for="item in keywordTypeList" :label="item.value" :key="item.label">{{item.label}}</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</div> </div>
...@@ -13,21 +13,13 @@ ...@@ -13,21 +13,13 @@
<div class="content_item"> <div class="content_item">
<div class="label">基本信息</div> <div class="label">基本信息</div>
<div class="content_right"> <div class="content_right">
<div class="select-popper" > <div class="select-popper">
<span :class="{color_text:importantProjectDto.province.length ||importantProjectDto.city.length ||importantProjectDto.area.length,}"> <span :class="{color_text:importantProjectDto.province.length ||importantProjectDto.city.length ||importantProjectDto.area.length,}">
行政区划{{importantProjectDto.province.length ||importantProjectDto.city.length ||importantProjectDto.area.length? importantProjectDto.province.length + importantProjectDto.city.length +importantProjectDto.area.length +"项": ""}} 行政区划{{importantProjectDto.province.length ||importantProjectDto.city.length ||importantProjectDto.area.length? importantProjectDto.province.length + importantProjectDto.city.length +importantProjectDto.area.length +"项": ""}}
<i class="el-icon-caret-bottom"></i> <i class="el-icon-caret-bottom"></i>
</span> </span>
<el-cascader <el-cascader ref="address" class="cascader-region" v-model="addressType" :options="addressList" :props="props" @change="domicileChange"
ref="address" collapse-tags clearable></el-cascader>
class="cascader-region"
v-model="addressType"
:options="addressList"
:props="props"
@change="domicileChange"
collapse-tags
clearable
></el-cascader>
</div> </div>
<div class="select-popper"> <div class="select-popper">
<span :class="{ color_text: importantProjectDto.year.length }"> <span :class="{ color_text: importantProjectDto.year.length }">
...@@ -49,7 +41,8 @@ ...@@ -49,7 +41,8 @@
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<el-dropdown @command="transactionPricehandleCommand" class="el-dropdown-land" placement="bottom-start" trigger="click" ref="transactionPriceShowPopper" :hide-on-click="false"> <el-dropdown @command="transactionPricehandleCommand" class="el-dropdown-land" placement="bottom-start" trigger="click"
ref="transactionPriceShowPopper" :hide-on-click="false">
<span class="el-dropdown-link" :class="importantProjectDto.startMoney ||importantProjectDto.endMoney ? 'color_text': ''"> <span class="el-dropdown-link" :class="importantProjectDto.startMoney ||importantProjectDto.endMoney ? 'color_text': ''">
项目投资额{{importantProjectDto.startMoney ||importantProjectDto.endMoney? " 1项": ""}}<i class="el-icon-caret-bottom"></i> 项目投资额{{importantProjectDto.startMoney ||importantProjectDto.endMoney? " 1项": ""}}<i class="el-icon-caret-bottom"></i>
</span> </span>
...@@ -87,7 +80,7 @@ ...@@ -87,7 +80,7 @@
<div class="content_item"> <div class="content_item">
<div class="label">项目级别</div> <div class="label">项目级别</div>
<div class="content_right"> <div class="content_right">
<el-checkbox-group v-model="importantProjectDto.projectLevel" class="keyword_checkbox" > <el-checkbox-group v-model="importantProjectDto.projectLevel" class="keyword_checkbox">
<el-checkbox v-for="item in projectLevelOption" :label="item.value" :key="item.label">{{item.label}}</el-checkbox> <el-checkbox v-for="item in projectLevelOption" :label="item.value" :key="item.label">{{item.label}}</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</div> </div>
...@@ -117,27 +110,26 @@ ...@@ -117,27 +110,26 @@
</div> </div>
</div> </div>
</div> </div>
<div class="bottomlist"> <div class="bottomlist">
<div class="bottomlist-title"> <div class="bottomlist-title">
<div class="bottomlist-title-left" > <div class="bottomlist-title-left">
<p class="title-left"> <p class="title-left">
<span style="margin-right:4;color:rgba(35, 35, 35, 0.40);font-size: 18px;position: relative;top:2px;">·</span>共有{{total}}条 <span style="margin-right:4;color:rgba(35, 35, 35, 0.40);font-size: 18px;position: relative;top:2px;">·</span>共有{{total}}条
</p> </p>
<el-popover v-model="fieldshow" placement="bottom-start" trigger="click" popper-class="viewlist-el-popover"> <el-popover v-model="fieldshow" placement="bottom-start" trigger="click" popper-class="viewlist-el-popover">
<ul class="pup_list pup_zhclist"> <ul class="pup_list pup_zhclist">
<li v-for="(itme,i) in fieldOptions" :class="itme.status?'active':''" <li v-for="(itme,i) in fieldOptions" :class="itme.status?'active':''" @click="handsequencingList(i)" :key="i">
@click="handsequencingList(i)" :key="i">
{{itme.value}} {{itme.value}}
</li> </li>
</ul> </ul>
<span slot="reference" class="toolbar-right-download" >{{fieldText}}<i class="el-icon-arrow-down" :style="{transform:fieldshow?'rotate(180deg)':''}"></i> <span slot="reference" class="toolbar-right-download">{{fieldText}}<i class="el-icon-arrow-down"
:style="{transform:fieldshow?'rotate(180deg)':''}"></i>
</span> </span>
</el-popover> </el-popover>
</div> </div>
<div class="title-right"> <div class="title-right">
<p v-hasPermi="['radar:export:important']" > <p v-hasPermi="['radar:export:important']">
<img src="@/assets/images/EXCEL.png" alt=""> <img src="@/assets/images/EXCEL.png" alt="">
<span class="excel" @click="clickDialog">导出EXCEL</span> <span class="excel" @click="clickDialog">导出EXCEL</span>
</p> </p>
...@@ -153,15 +145,20 @@ ...@@ -153,15 +145,20 @@
<ul class="bottomlist-content" v-if="tableData.length>0&& !isSkeleton"> <ul class="bottomlist-content" v-if="tableData.length>0&& !isSkeleton">
<li class="bottomlist-list" v-for="item in tableData"> <li class="bottomlist-list" v-for="item in tableData">
<p class="list-titel"> <p class="list-titel">
<router-link :to="'/radar/MajorProject/details/'+ item.md5" tag="a" class="list-titel-a" v-html="item.projectName"></router-link> <router-link :to="'/radar/MajorProject/details/'+ item.md5" tag="a" class="list-titel-a">
<div class="project-name-of-level">
<span v-if="item.projectLevel" class="project-of-level" :class="[getBackGround(item.projectLevel)]">{{item.projectLevel}}</span>
<span class="project-of-name">{{item.projectName}}</span>
</div>
</router-link>
</p> </p>
<div class="content-label" v-if="item.province||item.city||item.area||item.projectLevel"> <div class="content-label" v-if="item.province||item.city||item.area">
<span class="list-label list-label-zb" v-if="item.province||item.city||item.area"> <span class="list-label list-label-zb" v-if="item.province||item.city||item.area">
{{item.province}}<template v-if="item.city">-{{item.city}}</template><template v-if="item.area">-{{item.area}}</template> {{item.province}}<template v-if="item.city">-{{item.city}}</template><template v-if="item.area">-{{item.area}}</template>
</span> </span>
<span class="list-label list-label-zb" v-if="item.projectLevel"> <!-- <span class="list-label list-label-zb" v-if="item.projectLevel">
{{item.projectLevel}} {{item.projectLevel}}
</span> </span> -->
</div> </div>
<div class="list-content list-content1" v-if="item.year||item.planStartDate||item.planCompletionDate"> <div class="list-content list-content1" v-if="item.year||item.planStartDate||item.planCompletionDate">
...@@ -178,9 +175,10 @@ ...@@ -178,9 +175,10 @@
<span>{{item.planCompletionDate}}年</span> <span>{{item.planCompletionDate}}年</span>
</p> </p>
</div> </div>
<div class="list-content list-content1" v-if="item.buildingProjectType||item.completedInvestment||item.completedPlanInvestment||item.projectTotalInvestment"> <div class="list-content list-content1"
v-if="item.buildingProjectType||item.completedInvestment||item.completedPlanInvestment||item.projectTotalInvestment">
<p class="list-content-text" v-if="item.buildingProjectType"> <p class="list-content-text" v-if="item.buildingProjectType">
<span>归属产业：</span> <span>项目类型：</span>
<span>{{item.buildingProjectType}}</span> <span>{{item.buildingProjectType}}</span>
</p> </p>
<p class="list-content-text" v-if="item.projectTotalInvestment>0"> <p class="list-content-text" v-if="item.projectTotalInvestment>0">
...@@ -222,12 +220,7 @@ ...@@ -222,12 +220,7 @@
</li> </li>
</ul> </ul>
<div class="pagination clearfix" v-if="total>0&&pageFlag"> <div class="pagination clearfix" v-if="total>0&&pageFlag">
<el-pagination <el-pagination background :page-size="limit" :current-page="page" @current-change="handleCurrentChange" layout="prev, pager, next"
background
:page-size="limit"
:current-page="page"
@current-change="handleCurrentChange"
layout="prev, pager, next"
:total="total>limit*500?501*limit:total"> :total="total>limit*500?501*limit:total">
</el-pagination> </el-pagination>
</div> </div>
...@@ -284,40 +277,40 @@ ...@@ -284,40 +277,40 @@
<script> <script>
import jsk_data from '../../../../../public/jsk.json'; import jsk_data from '../../../../../public/jsk.json';
import {encodeStr} from "@/assets/js/common.js" import { encodeStr } from "@/assets/js/common.js";
import skeleton from '@/views/project/projectList/component/skeleton' import skeleton from '@/views/project/projectList/component/skeleton';
import api from '@/api/radar/radar.js'; import api from '@/api/radar/radar.js';
export default { export default {
name: 'MajorProject', name: 'MajorProject',
components:{skeleton}, components: { skeleton },
data() { data() {
return { return {
encodeStr, encodeStr,
dialogExportVisible1:false, dialogExportVisible1: false,
exportTableData:[ exportTableData: [
{ {
"domicile":"江津区", "domicile": "江津区",
"chargeDepartment":"兴庆区商合局", "chargeDepartment": "兴庆区商合局",
"constructUnit":'鞍钢股份有限公司', "constructUnit": '鞍钢股份有限公司',
"projectScale":"项目建设规划总面积约3000亩，其中商住用地面积2000亩，文化旅游综合用地约1000亩，打造集“市井民俗文化体验、休闲度假、亲子研学等”为一体的复合型文化旅游目的地，企业已完成项目规划方案。", "projectScale": "项目建设规划总面积约3000亩，其中商住用地面积2000亩，文化旅游综合用地约1000亩，打造集“市井民俗文化体验、休闲度假、亲子研学等”为一体的复合型文化旅游目的地，企业已完成项目规划方案。",
"fileTitle":"宁夏回族自治区银川市2023年度重点项目清单.pdf", "fileTitle": "宁夏回族自治区银川市2023年度重点项目清单.pdf",
"fileUrl":"http://file.jiansheku.com/key_project/b9e22fbf2e409642aa97f8238e934272.pdf", "fileUrl": "http://file.jiansheku.com/key_project/b9e22fbf2e409642aa97f8238e934272.pdf",
"buildingProjectType":"房建工程", "buildingProjectType": "房建工程",
"projectTotalInvestment":"70000万元", "projectTotalInvestment": "70000万元",
"projectName":"'上河堡'文旅综合体项目", "projectName": "'上河堡'文旅综合体项目",
}, },
{ {
"domicile":"江津区", "domicile": "江津区",
"chargeDepartment":"国网重庆江津区供电公司", "chargeDepartment": "国网重庆江津区供电公司",
"constructUnit":'国网重庆江津区供电公司', "constructUnit": '国网重庆江津区供电公司',
"projectScale":"新建110kV变电站1座，主变容量2*50MVA，新建110kV线路20km", "projectScale": "新建110kV变电站1座，主变容量2*50MVA，新建110kV线路20km",
"fileTitle":"重庆市江津区2023年度重点项目清单.xlsx", "fileTitle": "重庆市江津区2023年度重点项目清单.xlsx",
"fileUrl":"http://file.jiansheku.com/key_project/4080bef69da03056d1db953698f4d807.xlsx", "fileUrl": "http://file.jiansheku.com/key_project/4080bef69da03056d1db953698f4d807.xlsx",
"buildingProjectType":"电力工程", "buildingProjectType": "电力工程",
"projectTotalInvestment":"5500万元", "projectTotalInvestment": "5500万元",
"projectName":"重庆江津李市110kV输变电工程", "projectName": "重庆江津李市110kV输变电工程",
}], }],
exportData:{}, exportData: {},
fieldshow: false, fieldshow: false,
fieldText: '默认排序', fieldText: '默认排序',
field: 'year', //查询结果排序方式 field: 'year', //查询结果排序方式
...@@ -342,7 +335,7 @@ export default { ...@@ -342,7 +335,7 @@ export default {
status: false, status: false,
}, },
], ],
isSkeleton:true, isSkeleton: true,
addressList: [], addressList: [],
addressType: [], addressType: [],
props: { props: {
...@@ -350,55 +343,55 @@ export default { ...@@ -350,55 +343,55 @@ export default {
expandTrigger: "hover", expandTrigger: "hover",
value: "id", value: "id",
}, },
keywordTypeList:[ keywordTypeList: [
{ {
value:'projectName', value: 'projectName',
label:'项目名称' label: '项目名称'
}, },
{ {
value:'constructUnit', value: 'constructUnit',
label:'项目法人' label: '项目法人'
}, },
{ {
value:'chargeDepartment', value: 'chargeDepartment',
label:'主管单位' label: '主管单位'
}, },
{ {
value:'projectScale', value: 'projectScale',
label:'建设规模' label: '建设规模'
} }
], ],
projectLevelOption:[ projectLevelOption: [
{ {
label:"省级", label: "省级",
value:"省级", value: "省级",
}, },
{ {
label:"市级", label: "市级",
value:"市级", value: "市级",
}, },
{ {
label:"区/县级", label: "区/县级",
value:"区县级", value: "区县级",
} }
], ],
years:[], years: [],
fileTitleOptions:[], fileTitleOptions: [],
importantProjectDto: { importantProjectDto: {
province: [], province: [],
city: [], city: [],
area: [], area: [],
year:[], year: [],
fileTitle:[], fileTitle: [],
buildingProjectType:[], buildingProjectType: [],
keywordStr:['projectName'], keywordStr: ['projectName'],
keyword:'', keyword: '',
projectLevel:[], projectLevel: [],
}, },
startMoney: "", startMoney: "",
endMoney: "", endMoney: "",
transactionPriceShowPopper: false, transactionPriceShowPopper: false,
projectTypeList:[], projectTypeList: [],
transactionPriceOptions: [ transactionPriceOptions: [
{ {
value: [0, 20000], value: [0, 20000],
...@@ -421,29 +414,29 @@ export default { ...@@ -421,29 +414,29 @@ export default {
label: "10亿以上", label: "10亿以上",
}, },
], ],
showNum:10, showNum: 10,
importantProjectDto: { importantProjectDto: {
province: [], province: [],
city: [], city: [],
area: [], area: [],
year:[], year: [],
fileTitle:[], fileTitle: [],
buildingProjectType:[], buildingProjectType: [],
keywordStr:['projectName'], keywordStr: ['projectName'],
keyword:'', keyword: '',
projectLevel:[], projectLevel: [],
}, },
provinceText:[], provinceText: [],
pageFlag: true, pageFlag: true,
conditionsArr: [], conditionsArr: [],
tableData:[], tableData: [],
domicile:[], domicile: [],
total:0, total: 0,
page: 1, page: 1,
limit: 20, limit: 20,
dataEXCEL:{}, dataEXCEL: {},
dialogExportVisible:false, dialogExportVisible: false,
value:'' value: ''
}; };
}, },
mounted() { mounted() {
...@@ -453,39 +446,51 @@ export default { ...@@ -453,39 +446,51 @@ export default {
this.getImportantSelect(); this.getImportantSelect();
}, },
methods: { methods: {
getComdtion(){ getBackGround(key) {
api.getImportantCondition().then(res=>{ switch (key) {
if(res.code==200){ case "市级":
return "the-city";
case "省级":
return "the-province";
case "区县级":
return "the-area";
default:
break;
}
},
getComdtion() {
api.getImportantCondition().then(res => {
if (res.code == 200) {
this.years = res.data.year; this.years = res.data.year;
this.projectTypeList = res.data.type; this.projectTypeList = res.data.type;
} }
}) });
}, },
changeYear(){ changeYear() {
this.fileTitleOptions = []; this.fileTitleOptions = [];
if(this.importantProjectDto.year.length){ if (this.importantProjectDto.year.length) {
this.getImportantSelect() this.getImportantSelect();
} }
}, },
getImportantSelect(){ getImportantSelect() {
let data = { let data = {
year:this.importantProjectDto.year.join(','), year: this.importantProjectDto.year.join(','),
province:this.importantProjectDto.province.join(','), province: this.importantProjectDto.province.join(','),
city:this.importantProjectDto.city.join(','), city: this.importantProjectDto.city.join(','),
area:this.importantProjectDto.area.join(','), area: this.importantProjectDto.area.join(','),
} };
api.getImportantSelect(data).then(res=>{ api.getImportantSelect(data).then(res => {
if(res.code==200){ if (res.code == 200) {
this.fileTitleOptions = res.data this.fileTitleOptions = res.data;
} }
}) });
}, },
refresh(value) { refresh(value) {
if(value) { if (value) {
this.$router.go(0) this.$router.go(0);
} }
}, },
search(page, limit,exportFlag) { search(page, limit, exportFlag) {
if (!page) { if (!page) {
this.page = 1; this.page = 1;
} }
...@@ -504,9 +509,9 @@ export default { ...@@ -504,9 +509,9 @@ export default {
data.year = data.year.join(","); data.year = data.year.join(",");
data.fileTitle = data.fileTitle.join(","); data.fileTitle = data.fileTitle.join(",");
data.buildingProjectType = data.buildingProjectType.join(","); data.buildingProjectType = data.buildingProjectType.join(",");
for(var i in data){ for (var i in data) {
if(!data[i]){ if (!data[i]) {
delete data[i] delete data[i];
} }
} }
let params = { let params = {
...@@ -518,40 +523,40 @@ export default { ...@@ -518,40 +523,40 @@ export default {
}, },
importantProjectDto: data, importantProjectDto: data,
}; };
this.dataEXCEL = params this.dataEXCEL = params;
api.getImportantPage(params).then(res=>{ api.getImportantPage(params).then(res => {
this.isSkeleton = false; this.isSkeleton = false;
if (res.code==200) { if (res.code == 200) {
this.tableData=res.data.list; this.tableData = res.data.list;
this.total=res.data.total; this.total = res.data.total;
}else{ } else {
this.$message.error(res.msg) this.$message.error(res.msg);
} }
}).catch(error=>{ }).catch(error => {
}); });
}, },
getUipIdByCid(companyId){ getUipIdByCid(companyId) {
var params=[companyId] var params = [companyId];
api.getUipIdByCid(params).then(res=>{ api.getUipIdByCid(params).then(res => {
if (res.code==200) { if (res.code == 200) {
if(res.data&&res.data.length>0&&res.data[0].uipId){ if (res.data && res.data.length > 0 && res.data[0].uipId) {
this.$router.push({path: '/enterprise/'+this.encodeStr(companyId)}) this.$router.push({ path: '/enterprise/' + this.encodeStr(companyId) });
}else{ } else {
this.$router.push({path: '/company/'+this.encodeStr(companyId)}) this.$router.push({ path: '/company/' + this.encodeStr(companyId) });
} }
} }
}).catch(error=>{ }).catch(error => {
}); });
}, },
//关闭支付弹窗 //关闭支付弹窗
resolve(value) { resolve(value) {
if (value) { if (value) {
this.$router.go(0) this.$router.go(0);
} }
}, },
changeMoney(text) { changeMoney(text) {
...@@ -574,10 +579,10 @@ export default { ...@@ -574,10 +579,10 @@ export default {
}); });
}, },
handleCurrentChange(page) { handleCurrentChange(page) {
if(page>500){ if (page > 500) {
this.$message.warning(`对不起，最多只能访问500页`); this.$message.warning(`对不起，最多只能访问500页`);
this.reloadPage() this.reloadPage();
}else{ } else {
this.page = page; this.page = page;
this.search(page, this.limit); this.search(page, this.limit);
} }
...@@ -614,8 +619,8 @@ export default { ...@@ -614,8 +619,8 @@ export default {
obj.area = area; obj.area = area;
this.importantProjectDto = obj; this.importantProjectDto = obj;
this.fileTitleOptions = []; this.fileTitleOptions = [];
if(this.domicile.length){ if (this.domicile.length) {
this.getImportantSelect() this.getImportantSelect();
} }
}, },
transactionPricehandleCommand(command) { transactionPricehandleCommand(command) {
...@@ -680,9 +685,9 @@ export default { ...@@ -680,9 +685,9 @@ export default {
label: jsk_data[i].regionName, label: jsk_data[i].regionName,
short: jsk_data[i].short, short: jsk_data[i].short,
value: jsk_data[i].parentId, value: jsk_data[i].parentId,
children:jsk_data[i].id==900000?undefined:[], children: jsk_data[i].id == 900000 ? undefined : [],
}); });
} else if (jsk_data[i].regionLevel == x + 1 && x + 1 == 2&&str) { } else if (jsk_data[i].regionLevel == x + 1 && x + 1 == 2 && str) {
for (let j = 0; j < str.length; j++) { for (let j = 0; j < str.length; j++) {
if (str[j].id == jsk_data[i].parentId) { if (str[j].id == jsk_data[i].parentId) {
str[j].children.push({ str[j].children.push({
...@@ -696,7 +701,7 @@ export default { ...@@ -696,7 +701,7 @@ export default {
} }
} else if (jsk_data[i].regionLevel == x + 1 && x + 1 == 3) { } else if (jsk_data[i].regionLevel == x + 1 && x + 1 == 3) {
for (let j = 0; j < str.length; j++) { for (let j = 0; j < str.length; j++) {
if(str[j].children){ if (str[j].children) {
for (let k = 0; k < str[j].children.length; k++) { for (let k = 0; k < str[j].children.length; k++) {
if (str[j].children[k].id == jsk_data[i].parentId) { if (str[j].children[k].id == jsk_data[i].parentId) {
str[j].children[k].children.push({ str[j].children[k].children.push({
...@@ -722,7 +727,7 @@ export default { ...@@ -722,7 +727,7 @@ export default {
this.init(); this.init();
this.$emit("reset"); this.$emit("reset");
}, },
init(){ init() {
this.search(); this.search();
this.addressListfn(); this.addressListfn();
this.getComdtion(); this.getComdtion();
...@@ -737,107 +742,106 @@ export default { ...@@ -737,107 +742,106 @@ export default {
this.fieldOptions[index].status = true; this.fieldOptions[index].status = true;
this.search(); this.search();
}, },
clickDialog(){ clickDialog() {
this.dialogExportVisible=true; this.dialogExportVisible = true;
}, },
clickEXCEL() { clickEXCEL() {
if(this.value > 2000){ if (this.value > 2000) {
return return;
} }
this.dialogExportVisible=false; this.dialogExportVisible = false;
if(this.value){ if (this.value) {
this.dataEXCEL.page.limit=this.value this.dataEXCEL.page.limit = this.value;
}else { } else {
this.dataEXCEL.page.limit=this.total > 2000 ? 2000 : this.total; this.dataEXCEL.page.limit = this.total > 2000 ? 2000 : this.total;
} }
delete this.dataEXCEL.page.page delete this.dataEXCEL.page.page;
api.radarExport(this.dataEXCEL).then(res=>{ api.radarExport(this.dataEXCEL).then(res => {
if(res.code === 200){ if (res.code === 200) {
this.dialogExportVisible1=true; this.dialogExportVisible1 = true;
this.value='' this.value = '';
this.exportData=res.data; this.exportData = res.data;
} }
}) });
}, },
cancel(){ cancel() {
this.dialogExportVisible=false this.dialogExportVisible = false;
this.value='' this.value = '';
}, },
downloadFile(url, fileName) { downloadFile(url, fileName) {
const x = new XMLHttpRequest() const x = new XMLHttpRequest();
x.open("GET", url, true) x.open("GET", url, true);
x.responseType = 'blob' x.responseType = 'blob';
x.onload=function(e) { x.onload = function (e) {
const url = window.URL.createObjectURL(x.response) const url = window.URL.createObjectURL(x.response);
const a = document.createElement('a') const a = document.createElement('a');
a.href = url a.href = url;
a.download = fileName a.download = fileName;
a.click() a.click();
a.remove() a.remove();
} };
x.send() x.send();
}, },
toUrl(){ toUrl() {
this.dialogExportVisible1=false; this.dialogExportVisible1 = false;
this.$router.push({ this.$router.push({
path: '/user/profile', path: '/user/profile',
}) });
}, },
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.content {
.content{
padding: 0px 16px; padding: 0px 16px;
padding-top: 16px; padding-top: 16px;
border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
background: #FFFFFF; background: #ffffff;
.content_item{ .content_item {
padding-top: 20px; padding-top: 20px;
display: flex; display: flex;
align-items: baseline; align-items: baseline;
.label{ .label {
width: 84px; width: 84px;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: rgba(35,35,35,0.8); color: rgba(35, 35, 35, 0.8);
} }
.content_right{ .content_right {
.ename_input{ .ename_input {
width: 240px; width: 240px;
margin-right: 20px; margin-right: 20px;
} }
.keyword_checkbox{ .keyword_checkbox {
margin-top: 6px; margin-top: 6px;
} }
.el-checkbox-group{ .el-checkbox-group {
display: inline-block; display: inline-block;
} }
.checkbox_1122{ .checkbox_1122 {
width: 1122px; width: 1122px;
margin-right: 6px; margin-right: 6px;
} }
.el-checkbox{ .el-checkbox {
margin-right: 24px; margin-right: 24px;
margin-bottom: 16px; margin-bottom: 16px;
::v-deep .el-checkbox__label{ ::v-deep .el-checkbox__label {
padding-left: 8px; padding-left: 8px;
} }
} }
.more{ .more {
font-size: 12px; font-size: 12px;
cursor: pointer; cursor: pointer;
color: #0081FF; color: #0081ff;
img{ img {
width: 6px; width: 6px;
margin-bottom: 2px; margin-bottom: 2px;
height: 4px; height: 4px;
margin-left: 4px; margin-left: 4px;
} }
} }
.more1{ .more1 {
img{ img {
transform: rotate(180deg); transform: rotate(180deg);
} }
} }
...@@ -854,21 +858,20 @@ export default { ...@@ -854,21 +858,20 @@ export default {
.ckquery_list_right { .ckquery_list_right {
width: 640px; width: 640px;
} }
.register_count_ipt{ .register_count_ipt {
margin-left: 0px; margin-left: 0px;
} }
.register_count_ipt .el-input__inner{ .register_count_ipt .el-input__inner {
width: 174px; width: 174px;
} }
::v-deep .el-input-group__prepend{ ::v-deep .el-input-group__prepend {
padding: 0 8px; padding: 0 8px;
} }
.content-projecttype{ .content-projecttype {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.projecttype{ .projecttype {
font-weight: 400; font-weight: 400;
color: #232323; color: #232323;
padding: 1px 5px; padding: 1px 5px;
...@@ -877,101 +880,99 @@ export default { ...@@ -877,101 +880,99 @@ export default {
border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
font-size: 14px; font-size: 14px;
} }
.projecttype:first-child{ .projecttype:first-child {
padding-left: 0px; padding-left: 0px;
} }
.projecttype:hover{ .projecttype:hover {
background: #F3F4F5; background: #f3f4f5;
padding: 1px 5px; padding: 1px 5px;
} }
.activetype{ .activetype {
background: #F3F4F5; background: #f3f4f5;
padding: 1px 5px !important; padding: 1px 5px !important;
} }
} }
} }
.content_item1{ .content_item1 {
display: block; display: block;
} }
.content_item_padding0{ .content_item_padding0 {
padding: 0; padding: 0;
} }
}
} .bottomlist {
.bottomlist{
width: 100%; width: 100%;
background-color: #FFFFFF; background-color: #ffffff;
border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
.bottomlist-title{ .bottomlist-title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-top: 12px; margin-top: 12px;
padding: 16px ; padding: 16px;
border-bottom: 1px solid #EFEFEF; border-bottom: 1px solid #efefef;
.title-right{ .title-right {
display: flex; display: flex;
align-items: center; align-items: center;
p:last-child{ p:last-child {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: rgba(35,35,35,0.8); color: rgba(35, 35, 35, 0.8);
} }
img{ img {
width: 18px; width: 18px;
height: 18px; height: 18px;
} }
.excel{ .excel {
cursor: pointer; cursor: pointer;
} }
} }
.bottomlist-title-left{ .bottomlist-title-left {
display: inline-flex;; display: inline-flex;
align-items: center; align-items: center;
.title-left{ .title-left {
height:16px; height: 16px;
line-height: 16px; line-height: 16px;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #3D3D3D; color: #3d3d3d;
} }
} }
} }
.bottomlist-content{ .bottomlist-content {
padding-bottom: 0px; padding-bottom: 0px;
} }
.bottomlist-list{ .bottomlist-list {
padding: 16px; padding: 16px;
font-size: 14px; font-size: 14px;
border-bottom: 1px solid #EFEFEF; border-bottom: 1px solid #efefef;
padding-bottom: 14px; padding-bottom: 14px;
.list-titel{ .list-titel {
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
color: #3D3D3D; color: #3d3d3d;
line-height: 19px; line-height: 19px;
.list-titel-a{ .list-titel-a {
text-decoration: none; text-decoration: none;
color:#3D3D3D; color: #3d3d3d;
} }
a:hover, a:visited, a:link, a:active{ a:hover,
color:#3D3D3D; a:visited,
a:link,
a:active {
color: #3d3d3d;
} }
} }
.content-label{ .content-label {
margin-top: 8px; margin-top: 8px;
.list-label{ .list-label {
background: #F3F3FF; background: #f3f3ff;
color: #8491E8; color: #8491e8;
border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px;
padding: 3px 7px; padding: 3px 7px;
font-size: 12px; font-size: 12px;
...@@ -979,163 +980,183 @@ export default { ...@@ -979,163 +980,183 @@ export default {
} }
} }
.list-content {
.list-content{
margin-top: 8px; margin-top: 8px;
display: flex; display: flex;
justify-content: start; justify-content: start;
align-items: center; align-items: center;
.list-content-text{ .list-content-text {
display: flex; display: flex;
justify-content: start; justify-content: start;
align-items: baseline; align-items: baseline;
margin-right: 32px; margin-right: 32px;
font-size: 14px; font-size: 14px;
span:first-child{ span:first-child {
font-weight: 400; font-weight: 400;
color: rgba(35,35,35,0.4); color: rgba(35, 35, 35, 0.4);
line-height: 20px line-height: 20px;
} }
span:last-child{ span:last-child {
font-weight: 400; font-weight: 400;
color: rgba(35,35,35,0.8); color: rgba(35, 35, 35, 0.8);
line-height: 20px line-height: 20px;
} }
.blue{ .blue {
color: #0081FF !important; color: #0081ff !important;
cursor: pointer; cursor: pointer;
} }
} }
} }
.list-addree{ .list-addree {
width: auto; width: auto;
background: #F3F4F5; background: #f3f4f5;
display: inline-flex; display: inline-flex;
margin-top: 7px; margin-top: 7px;
.list-content-text{ .list-content-text {
margin-top: 0px; margin-top: 0px;
span{ span {
line-height: 30px!important; line-height: 30px !important;
} }
} }
img{ img {
width: 14px; width: 14px;
margin: 0 8px; margin: 0 8px;
} }
} }
.list-content1{ .list-content1 {
margin-top: 12px; margin-top: 12px;
} }
.project-name-of-level {
display: flex;
align-items: center;
.project-of-level {
height: 22px;
line-height: 22px;
text-align: center;
padding: 0px 4px;
font-size: 12px;
font-weight: 400;
color: #fff;
border-radius: 2px;
box-sizing: border-box;
margin-right: 8px;
&.the-city {
background: #ff8c00;
}
&.the-province {
background: #0081ff;
}
&.the-area {
background: #0cbc6d;
}
} }
.bottomlist-list:hover{ }
background: #F6F9FC; }
.bottomlist-list:hover {
background: #f6f9fc;
cursor: pointer; cursor: pointer;
} }
.pagination{ .pagination {
padding: 14px ; padding: 14px;
.el-pagination{ .el-pagination {
float: right; float: right;
} }
} }
} }
.jabph_popper_box{ .jabph_popper_box {
left: 101px; left: 101px;
} }
.dialogExport{ .dialogExport {
::v-deep .el-dialog{ ::v-deep .el-dialog {
.el-dialog__header{ .el-dialog__header {
height: 48px; height: 48px;
line-height: 48px; line-height: 48px;
padding: 0 16px; padding: 0 16px;
border-bottom: 1px solid #E1E1E1; border-bottom: 1px solid #e1e1e1;
font-weight: bold; font-weight: bold;
color: #1D2129; color: #1d2129;
font-size: 16px; font-size: 16px;
.tip-img{ .tip-img {
width: 18px; width: 18px;
height: 18px; height: 18px;
margin-right: 7px; margin-right: 7px;
margin-bottom: -3px; margin-bottom: -3px;
} }
.el-dialog__headerbtn{ .el-dialog__headerbtn {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
top: 15px; top: 15px;
.el-dialog__close{ .el-dialog__close {
color:#999999; color: #999999;
} }
} }
} }
.el-dialog__body{ .el-dialog__body {
padding: 16px; padding: 16px;
.input{ .input {
margin-top: 16px; margin-top: 16px;
.el-input{ .el-input {
width: 160px; width: 160px;
border-radius: 2px; border-radius: 2px;
height: 32px; height: 32px;
.el-input__inner{ .el-input__inner {
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
} }
} }
.el-input-group__append{ .el-input-group__append {
padding: 0 14px; padding: 0 14px;
} }
p{ p {
color: #FF3C3C; color: #ff3c3c;
font-size: 12px; font-size: 12px;
margin-left: 12px; margin-left: 12px;
display: inline-block; display: inline-block;
i{ i {
font-size: 14px; font-size: 14px;
margin-right: 4px; margin-right: 4px;
} }
} }
} }
.content{ .content {
text-align: center; text-align: center;
margin-top: 36px; margin-top: 36px;
.success{ .success {
width: 64px; width: 64px;
height: 64px; height: 64px;
margin-bottom: 16px; margin-bottom: 16px;
} }
p{ p {
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.p1{ .p1 {
color: #232323; color: #232323;
font-size: 16px; font-size: 16px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.p2{ .p2 {
color: rgba(35,35,35,0.4); color: rgba(35, 35, 35, 0.4);
font-size: 14px; font-size: 14px;
span{ span {
color:#0081FF; color: #0081ff;
cursor: pointer; cursor: pointer;
} }
} }
} }
} }
.el-dialog__footer{ .el-dialog__footer {
text-align: center; text-align: center;
padding-bottom: 24px; padding-bottom: 24px;
} }
} }
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment