Skip to content

D
dsk-operate-sys-cscec
Commit 02bce022 authored by tianhongyang's avatar tianhongyang
Browse files
Options

企业详情 菜单层级更改，重写部分逻辑

parent fa04140e
Show whitespace changes
Inline Side-by-side
Showing with 355 additions and 174 deletions
dsk-operate-ui/src/views/detail/party-a/component/Sidebar.vue
View file @ 02bce022
<template> <template>
<div id="detailPart" class="sides-container"> <div id="detailPart" class="sides-container">
<!-- 搜索栏 -->
<el-input placeholder="搜索" class="side-input" v-model="searchText" clearable @input="handleSearch(true)" @keyup.enter.native="handleSearch()"> <el-input 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 ref="sideMenu" :unique-opened="true" :default-active="searchIndex?searchIndex:routeIndex" class="detail-menu" @open="handleOpen">
<el-menu ref="sideMenu" :unique-opened="true" :default-active="searchIndex" 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"
<!-- 一级菜单 -->
<el-submenu :index="item.index" :key="item.index" 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)"> :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> <template v-for="(subItem,subIndex) of item.children">
<!-- 二级菜单 -->
<template v-if="subItem.children && subItem.children.length">
<el-submenu :index="subItem.index" :key="subItem.index">
<template slot="title">
<span>{{subItem.title}}</span>
</template>
<!-- 三级菜单 -->
<template v-for="(threeLevelMenu,threeLevelIndex) of subItem.children">
<el-menu-item :index="threeLevelMenu.index" :key="threeLevelMenu.index" @click="handleItem(threeLevelMenu)"
:disabled="!isCompanyId(threeLevelMenu.title) || threeLevelMenu.disabled"
v-if="isCustomerId(threeLevelMenu.pathName)">{{threeLevelMenu.title}}</el-menu-item>
</template>
</el-submenu> </el-submenu>
</template>
<template v-else> <template v-else>
<el-menu-item :index="index.toString()" @click="handleItem(item)" :disabled="!isCompanyId(item.title) || item.disabled" <el-menu-item :index="subItem.index" @click="handleItem(subItem)" :disabled="!isCompanyId(subItem.title) || subItem.disabled"
v-if="isCustomerId(subItem.pathName)">{{subItem.title}}</el-menu-item>
</template>
</template>
</el-submenu>
<template v-else>
<el-menu-item :index="item.index" @click="handleItem(item)" :disabled="!isCompanyId(item.title) || item.disabled"
v-if="isCustomerId(item.pathName)">{{item.title}}</el-menu-item> v-if="isCustomerId(item.pathName)">{{item.title}}</el-menu-item>
</template> </template>
</template> </template>
...@@ -25,6 +51,7 @@ ...@@ -25,6 +51,7 @@
<script> <script>
import { financial } from '@/api/detail/party-a/financial'; import { financial } from '@/api/detail/party-a/financial';
import { detailSideBar } from "@/utils"; import { detailSideBar } from "@/utils";
import { v4 } from "uuid";
export default { export default {
name: 'Sidebar', name: 'Sidebar',
props: { props: {
...@@ -57,6 +84,8 @@ export default { ...@@ -57,6 +84,8 @@ export default {
return { return {
searchText: '', searchText: '',
sideRoute: [ sideRoute: [
{
title: "企业经营", pathName: "", children: [
{ {
title: '企业概要', pathName: '', children: [ title: '企业概要', pathName: '', children: [
{ title: '企业速览', pathName: 'overview' }, { title: '企业速览', pathName: 'overview' },
...@@ -115,8 +144,12 @@ export default { ...@@ -115,8 +144,12 @@ export default {
{ title: '合作情况', pathName: 'cooperate' }, { title: '合作情况', pathName: 'cooperate' },
{ title: '联系人', pathName: 'decisionMaking' }, { title: '联系人', pathName: 'decisionMaking' },
{ title: '跟进记录', pathName: 'gjjl' } { title: '跟进记录', pathName: 'gjjl' }
]
}
], ],
sideRoute1: [ sideRoute1: [
{
title: "企业经营", pathName: "", children: [
{ {
title: '企业概要', pathName: '', children: [ title: '企业概要', pathName: '', children: [
{ title: '企业速览', pathName: 'overview' }, { title: '企业速览', pathName: 'overview' },
...@@ -175,6 +208,8 @@ export default { ...@@ -175,6 +208,8 @@ export default {
{ title: '合作情况', pathName: 'cooperate' }, { title: '合作情况', pathName: 'cooperate' },
{ title: '联系人', pathName: 'decisionMaking' }, { title: '联系人', pathName: 'decisionMaking' },
{ title: '跟进记录', pathName: 'gjjl' } { title: '跟进记录', pathName: 'gjjl' }
]
}
], ],
defaultRoute: [], defaultRoute: [],
customer: [ customer: [
...@@ -197,13 +232,10 @@ export default { ...@@ -197,13 +232,10 @@ export default {
}; };
}, },
computed: { computed: {
routeIndex() {
let idx = this.getRouteIdx('', this.pathName) || '0-0';
return idx;
}
}, },
created() { created() {
this.defaultRoute = JSON.parse(JSON.stringify(this.sideRoute)); this.sideBarInit();
}, },
watch: { watch: {
statisticObj: { statisticObj: {
...@@ -213,6 +245,33 @@ export default { ...@@ -213,6 +245,33 @@ export default {
}, },
}, },
methods: { methods: {
sideBarInit() {
const _temp = this.sideAddUid(JSON.parse(JSON.stringify(this.sideRoute)));
this.sideRoute = _temp;
this.defaultRoute = JSON.parse(JSON.stringify(this.sideRoute));
this.searchIndex = this.findNodeIndex(this.defaultRoute, "overview").index;
},
// 查找菜单中的元素
findNodeIndex(tree, key, findKey = "pathName") {
let len = tree.length;
for (let index = 0; index < len; index++) {
if (tree[index][findKey] === key) {
return tree[index];
};
if (tree[index]?.children?.length) {
return this.findNodeIndex(tree[index]?.children, key, findKey);
}
}
},
sideAddUid(array) {
return array.map(item => {
item.index = v4();
if (item?.children?.length) {
item.children = this.sideAddUid(item?.children);
}
return item;
});
},
financial(id) { financial(id) {
financial({ cid: String(id) }).then(res => { financial({ cid: String(id) }).then(res => {
if ((res.code == 200 && !res.data) || !res.data?.totalAssets) { if ((res.code == 200 && !res.data) || !res.data?.totalAssets) {
...@@ -221,6 +280,7 @@ export default { ...@@ -221,6 +280,7 @@ export default {
} }
}); });
}, },
// 菜单关联服务端数据
createSideBarWithServerData(value) { createSideBarWithServerData(value) {
this.sideRoute = JSON.parse(JSON.stringify(this.defaultRoute)); this.sideRoute = JSON.parse(JSON.stringify(this.defaultRoute));
...@@ -309,39 +369,26 @@ export default { ...@@ -309,39 +369,26 @@ export default {
this.$emit("currentPath", obj); this.$emit("currentPath", obj);
}, },
handleSearch(flag) { handleSearch(flag) {
// 手动输入时 flag 为true
if ((this.searchText && !flag) || (!this.searchText && flag)) { if ((this.searchText && !flag) || (!this.searchText && flag)) {
let idx = this.getRouteIdx(this.searchText); // 找到唯一标识
if (idx) { console.log(this.searchText);
if (idx.includes('-')) { let side = this.findNodeIndex(this.defaultRoute, this.searchText, "title");
let openIdx = idx.slice(0, 1); console.log(side);
this.sideRoute = [this.defaultRoute[openIdx]]; // if (idx) {
this.$refs.sideMenu.open(openIdx); // if (idx.includes('-')) {
} else { // let openIdx = idx.slice(0, 1);
this.sideRoute = [this.defaultRoute[idx]]; // this.sideRoute = [this.defaultRoute[openIdx]];
} // this.$refs.sideMenu.open(openIdx);
this.searchIndex = '-1'; // } else {
} else { // this.sideRoute = [this.defaultRoute[idx]];
this.sideRoute = this.defaultRoute; // }
this.searchIndex = ''; // this.searchIndex = '-1';
} // } else {
} // this.sideRoute = this.defaultRoute;
}, // this.searchIndex = '';
getRouteIdx(pathTitle, pathName) { // }
let idx = '', sideArr = this.sideRoute == this.defaultRoute ? this.sideRoute : this.defaultRoute;
for (let i = 0; i < sideArr.length; i++) {
if (sideArr[i].title == pathTitle || sideArr[i].pathName == pathName) {
idx = i.toString();
break;
} else if (sideArr[i].children) {
for (let j = 0; j < sideArr[i].children.length; j++) {
if (sideArr[i].children[j].title == pathTitle || sideArr[i].children[j].pathName == pathName) {
idx = i + '-' + j;
break;
}
}
}
} }
return idx;
}, },
isCustomerId(name) { isCustomerId(name) {
if (this.customer.indexOf(name) != -1) { if (this.customer.indexOf(name) != -1) {
......
dsk-operate-ui/src/views/detail/party-a/index.vue
View file @ 02bce022
...@@ -115,9 +115,9 @@ import Preference from "./preference"; //招标偏好 ...@@ -115,9 +115,9 @@ import Preference from "./preference"; //招标偏好
import Cooperate from "./cooperate"; //合作情况 import Cooperate from "./cooperate"; //合作情况
import DecisionMaking from "./decisionMaking"; //决策链条 import DecisionMaking from "./decisionMaking"; //决策链条
import Gjjl from "../../project/projectList/component/gjjl"; //跟进记录 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: {
...@@ -290,14 +290,14 @@ export default { ...@@ -290,14 +290,14 @@ export default {
provinceIds: [this.companyInfo.provinceId], provinceIds: [this.companyInfo.provinceId],
cityIds: [this.companyInfo.cityId], cityIds: [this.companyInfo.cityId],
}; };
const result = await urbanInvestmentPage(data); // const result = await urbanInvestmentPage(data);
if (result.code == 200) { // if (result.code == 200) {
if (result.data.totalCount < 1) { // if (result.data.totalCount < 1) {
let arr = JSON.parse(JSON.stringify(this.$refs.sidebar.sideRoute)); // let arr = JSON.parse(JSON.stringify(this.$refs.sidebar.sideRoute));
arr[4].children[2].disabled = true; // arr[4].children[2].disabled = true;
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;
......
dsk-operate-ui/src/views/detail/party-a/riskInformation/equityFreezing.vue
View file @ 02bce022
...@@ -13,10 +13,68 @@ ...@@ -13,10 +13,68 @@
<tables v-if="!isSkeleton" :indexFixed="true" :tableData="tableData" :forData="forData" :tableDataTotal="tableDataTotal" <tables v-if="!isSkeleton" :indexFixed="true" :tableData="tableData" :forData="forData" :tableDataTotal="tableDataTotal"
:queryParams="queryParams" @handle-current-change="handleCurrentChange"> :queryParams="queryParams" @handle-current-change="handleCurrentChange">
<!-- 冻结起止日期 -->
<template slot="freezeStartDate" slot-scope="scope">
<span v-if="scope.row.freezeStartDate || scope.row.freezeEndDate">
{{`${scope.row.freezeStartDate ? scope.row.freezeStartDate : "-"}至${scope.row.freezeEndDate ? scope.row.freezeEndDate : "-"}`}}
</span>
<span v-else>-</span>
</template>
<!-- 操作 -->
<template slot="operation-table" slot-scope="scope"> <template slot="operation-table" slot-scope="scope">
<span style="color: #0081FF;cursor: pointer;" @click="viewDetail(scope.row)">操作</span> <span style="color: #0081FF;cursor: pointer;" @click="viewDetail(scope.row)">操作</span>
</template> </template>
</tables> </tables>
<!-- 股权冻结详情 -->
<el-dialog title="股权冻结详情" :visible.sync="equityFreezingDetailDialog" width="720px" @close="dialogClose" class="equity-freezing-dialog-container"
custom-class="equity-freezing-dialog">
<div class="equity-freezing-dialog-inner">
<table>
<tr>
<td class="table-key">执行通知书文号</td>
<td colspan="3">{{detailTemp.number ? detailTemp.number : "-"}}</td>
</tr>
<tr>
<td class="table-key">执行裁定书文号</td>
<td>{{detailTemp.adjudicateNo ? detailTemp.adjudicateNo : "-"}}</td>
<td class="table-key">执行事项</td>
<td>{{detailTemp.assistItem ? detailTemp.assistItem : "-"}}</td>
</tr>
<tr>
<td class="table-key">被执行人</td>
<td>{{detailTemp.beExecutedPerson ? detailTemp.beExecutedPerson : "-"}}</td>
<td class="table-key">被执行人证件种类</td>
<td>{{detailTemp.assistIdentType ? detailTemp.assistIdentType : "-"}}</td>
</tr>
<tr>
<td class="table-key">被执行人证照号</td>
<td>{{detailTemp.assistIdentNo ? detailTemp.assistIdentNo : "-"}}</td>
<td class="table-key">冻结状态</td>
<td>{{detailTemp.status ? detailTemp.status : "-"}}</td>
</tr>
<tr>
<td class="table-key">被执行人持有股权、其他收益的数额</td>
<td>{{detailTemp.freezeAmount ? detailTemp.freezeAmount : "-"}}</td>
<td class="table-key">执行法院</td>
<td>{{detailTemp.executiveCourt ? detailTemp.executiveCourt : "-"}}</td>
</tr>
<tr>
<td class="table-key">冻结日期自</td>
<td>{{detailTemp.freezeStartDate ? detailTemp.freezeStartDate : "-"}}</td>
<td class="table-key">冻结日期至</td>
<td>{{detailTemp.freezeEndDate ? detailTemp.freezeEndDate : "-"}}</td>
</tr>
<tr>
<td class="table-key">冻结期限</td>
<td>{{detailTemp.freezeYearMonth ? detailTemp.freezeYearMonth : "-"}}</td>
<td class="table-key">公示日期</td>
<td>{{detailTemp.publicDate ? detailTemp.publicDate : "-"}}</td>
</tr>
</table>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
...@@ -39,12 +97,12 @@ export default { ...@@ -39,12 +97,12 @@ export default {
type: "0" type: "0"
}, },
forData: [ forData: [
{ label: '执行通知书文号', prop: 'name', width: '164' }, { label: '执行通知书文号', prop: 'number', width: '164' },
{ label: '被执行人', prop: 'companyName', minWidth: '146' }, { label: '被执行人', prop: 'beExecutedPerson', minWidth: '146' },
{ label: '股权数额', prop: 'executionApplicant', width: '113' }, { label: '股权数额', prop: 'amount', width: '113' },
{ label: '执行法院', prop: 'court', minWidth: '146' }, { label: '执行法院', prop: 'executiveCourt', minWidth: '146' },
{ label: '状态', prop: 'releaseDate', width: '50' }, { label: '状态', prop: 'status', width: '50' },
{ label: '冻结起止日期', prop: 'source', width: '171' }, { label: '冻结起止日期', prop: 'freezeStartDate', width: '171', slot: true },
{ label: '公式时间', prop: 'source', width: '93' }, { label: '公式时间', prop: 'source', width: '93' },
{ label: '操作', prop: 'operation-table', width: '50', slot: true }, { label: '操作', prop: 'operation-table', width: '50', slot: true },
], ],
...@@ -56,8 +114,12 @@ export default { ...@@ -56,8 +114,12 @@ export default {
tableData: [], tableData: [],
tableDataTotal: 0, tableDataTotal: 0,
showList: [], showList: [],
isSkeleton: true, isSkeleton: false,
resetStatus: false resetStatus: false,
// 股权冻结详情
equityFreezingDetailDialog: false,
// 详情缓存
detailTemp: {}
}; };
}, },
//可访问data属性 //可访问data属性
...@@ -84,7 +146,7 @@ export default { ...@@ -84,7 +146,7 @@ export default {
}, },
async handleQuery(params) { async handleQuery(params) {
try { try {
let data = params ? params : this.queryParams; let data = params ? { ...params, type: parseInt(params.type) } : { ...this.queryParams, type: parseInt(this.queryParams.type) };
this.isSkeleton = true; this.isSkeleton = true;
const res = await getEquityFreezingApi(data); const res = await getEquityFreezingApi(data);
this.tableData = res.rows ? res.rows : []; this.tableData = res.rows ? res.rows : [];
...@@ -102,7 +164,11 @@ export default { ...@@ -102,7 +164,11 @@ export default {
}, },
// 查看详情 // 查看详情
viewDetail(row) { viewDetail(row) {
this.detailTemp = row;
this.equityFreezingDetailDialog = true;
},
dialogClose() {
this.detailTemp = {};
} }
}, },
} }
...@@ -159,5 +225,73 @@ export default { ...@@ -159,5 +225,73 @@ export default {
} }
} }
@import "@/assets/styles/search-common.scss"; @import "@/assets/styles/search-common.scss";
::v-deep .equity-freezing-dialog-container {
.equity-freezing-dialog {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 4px;
margin: 0px !important;
.el-dialog__header {
padding: 20px;
height: 56px;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
border-bottom: 1px solid #eeeeee;
.el-dialog__title {
color: #232323;
font-weight: bold;
line-height: 16px;
}
.el-dialog__headerbtn {
position: static;
width: 16px;
height: 16px;
}
}
.el-dialog__body {
padding: 24px 20px;
box-sizing: border-box;
.equity-freezing-dialog-inner {
width: 100%;
height: 100%;
& > table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
&,
th,
td {
border: 1px solid #e6eaf1;
box-sizing: border-box;
}
td {
padding: 9px 12px;
line-height: 22px;
color: #232323;
font-size: 12px;
}
.table-key {
width: 140px;
background: #f0f3fa;
color: rgba(35, 35, 35, 0.8);
}
}
}
}
}
}
} }
</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