This commit is contained in:
xuyucheng 2022-03-11 16:31:23 +08:00
parent e1d6d344dc
commit d88b714be6
8 changed files with 93 additions and 75 deletions

View File

@ -1,8 +1,8 @@
<template> <template>
<el-container> <el-container>
<fecr-header /> <fecr-header />
<el-main > <el-main>
<el-card style="margin-top:20px"> <el-card style="margin-top: 20px">
<el-row type="flex" justify="space-around" class="header"> <el-row type="flex" justify="space-around" class="header">
<el-col :span="8" style="flex-wrap: nowrap"> <el-col :span="8" style="flex-wrap: nowrap">
<div class="logo"> <div class="logo">
@ -21,26 +21,27 @@
<span class="block" <span class="block"
>评级日期{{ data["综合信用等级"]["评价时间"] }}</span >评级日期{{ data["综合信用等级"]["评价时间"] }}</span
> >
<span class="block">解释释义<el-popover <span class="block"
placement="bottom" >解释释义<el-popover
title="级别释义" placement="bottom"
width="500" title="级别释义"
trigger="click" width="500"
trigger="click"
>
<fecr-table
:data="LevelDefinition().data"
:columns="LevelDefinition().column"
:isInput="false"
:height="'400px'"
:shortWidth="[0]"
class="top"
/>
<span slot="reference" style="cursor: pointer">查看</span>
</el-popover></span
> >
<fecr-table
:data="LevelDefinition().data"
:columns="LevelDefinition().column"
:isInput="false"
:height="'400px'"
:shortWidth="[0]"
class="top"
/>
<span slot="reference" style="cursor:pointer">查看</span>
</el-popover></span>
</div> </div>
<p style="font-size: 40px"> <p style="font-size: 40px">
{{ data["综合信用等级"]["信用等级"] }} {{ data["综合信用等级"]["信用等级"] }}
</p> </p>
</div> </div>
</el-col> </el-col>
@ -92,49 +93,65 @@
</div> </div>
</el-tab-pane> --> </el-tab-pane> -->
<el-tab-pane name="first" :disabled="tabData[0].disabled"> <el-tab-pane name="first" :disabled="tabData[0].disabled">
<p slot="label">综合信用评价</p> <p slot="label">公司基本信息</p>
<div> <div>
<span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span> <span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span>
<el-row <el-row
><step-credit-appraisal @getVisible="getVisible" :name="state" @getDisabled="getDisabled" ><step-company-info @getDisabled="getDisabled"
/></el-row></div /></el-row></div
></el-tab-pane> ></el-tab-pane>
<el-tab-pane name="second" :disabled="tabData[1].disabled"> <el-tab-pane name="second" :disabled="tabData[1].disabled">
<p slot="label">行业宏观分析</p> <p slot="label">行业宏观分析</p>
<div> <div>
<span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span> <span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span>
<el-row><step-industry-analysis :name="state" @getDisabled="getDisabled"/></el-row></div <el-row
><step-industry-analysis :name="state" @getDisabled="getDisabled"
/></el-row></div
></el-tab-pane> ></el-tab-pane>
<el-tab-pane name="third" :disabled="tabData[2].disabled"> <el-tab-pane name="third" :disabled="tabData[2].disabled">
<p slot="label">财务要素评价</p> <p slot="label">综合信用评价</p>
<div> <div>
<span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span> <span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span>
<el-row><step-elements-appraisal :state="state" @getDisabled="getDisabled"/></el-row></div <el-row
><step-credit-appraisal
@getVisible="getVisible"
:name="state"
@getDisabled="getDisabled"
/></el-row></div
></el-tab-pane> ></el-tab-pane>
<el-tab-pane name="fourth" :disabled="tabData[3].disabled"> <el-tab-pane name="fourth" :disabled="tabData[3].disabled">
<p slot="label">公司风险分析</p>
<div>
<span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span>
<el-row><step-risk-appraisal @getDisabled="getDisabled"/></el-row>
</div>
</el-tab-pane>
<el-tab-pane name="fifth" :disabled="tabData[4].disabled">
<p slot="label">公司基本信息</p>
<div>
<span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span>
<el-row><step-company-info @getDisabled="getDisabled"/></el-row></div
></el-tab-pane>
<el-tab-pane name="sixth" :disabled="tabData[5].disabled">
<p slot="label">分析指标明细</p>
<div>
<span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span>
<el-row><stepAnalysisIndicator @getDisabled="getDisabled"/></el-row></div
></el-tab-pane>
<el-tab-pane name="seventh" :disabled="tabData[6].disabled">
<p slot="label">ESG评价</p> <p slot="label">ESG评价</p>
<div> <div>
<span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span> <span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span>
<el-row><step-esg :name="state" @getDisabled="getDisabled"></step-esg></el-row></div <el-row
><step-esg :name="state" @getDisabled="getDisabled"></step-esg
></el-row></div
></el-tab-pane>
<el-tab-pane name="fifth" :disabled="tabData[4].disabled">
<p slot="label">财务要素评价</p>
<div>
<span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span>
<el-row
><step-elements-appraisal
:state="state"
@getDisabled="getDisabled"
/></el-row></div
></el-tab-pane>
<el-tab-pane name="sixth" :disabled="tabData[5].disabled">
<p slot="label">公司风险分析</p>
<div>
<span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span>
<el-row><step-risk-appraisal @getDisabled="getDisabled" /></el-row>
</div>
</el-tab-pane>
<el-tab-pane name="seventh" :disabled="tabData[6].disabled">
<p slot="label">分析指标明细</p>
<div>
<span>更新日期{{ data["综合信用等级"]["评价时间"] }}</span>
<el-row
><stepAnalysisIndicator @getDisabled="getDisabled"
/></el-row></div
></el-tab-pane> ></el-tab-pane>
</el-tabs> </el-tabs>
@ -159,7 +176,7 @@ import stepElementsAppraisal from "./stepElementsAppraisal";
import stepRiskAppraisal from "./stepRiskAppraisal"; import stepRiskAppraisal from "./stepRiskAppraisal";
import stepCompanyInfo from "./stepCompanyInfo"; import stepCompanyInfo from "./stepCompanyInfo";
import stepAnalysisIndicator from "./stepAnalysisIndicator"; import stepAnalysisIndicator from "./stepAnalysisIndicator";
import stepEsg from "./stepEsg.vue" import stepEsg from "./stepEsg.vue";
export default { export default {
components: { components: {
FecrTable, FecrTable,
@ -170,18 +187,18 @@ export default {
stepRiskAppraisal, stepRiskAppraisal,
stepCompanyInfo, stepCompanyInfo,
stepAnalysisIndicator, stepAnalysisIndicator,
stepEsg stepEsg,
}, },
data() { data() {
return { return {
tabData: [ tabData: [
{ label: "综合信用评价", state: "first",disabled:false }, { label: "公司基本信息", state: "first", disabled: false },
{ label: "行业宏观分析", state: "second",disabled:false }, { label: "行业宏观分析", state: "second", disabled: false },
{ label: "财务要素评价", state: "third",disabled:false }, { label: "综合信用评价", state: "third", disabled: false },
{ label: "公司风险分析", state: "fourth",disabled:false }, { label: "ESG评价", state: "fourth", disabled: false },
{ label: "公司基本信息", state: "fifth",disabled:false }, { label: "财务要素评价", state: "fifth", disabled: false },
{ label: "分析指标明细", state: "sixth",disabled:false }, { label: "公司风险分析", state: "sixth", disabled: false },
{ label: "ESG评价", state: "seventh",disabled:false }, { label: "分析指标明细", state: "seventh", disabled: false },
], ],
state: "first", state: "first",
data: { data: {
@ -216,8 +233,8 @@ export default {
this.visible = val; this.visible = val;
}, },
getDisabled(obj){ getDisabled(obj) {
this.tabData[obj.index].disabled = obj.disabled this.tabData[obj.index].disabled = obj.disabled;
}, },
toAppraisal() { toAppraisal() {
@ -285,18 +302,20 @@ export default {
}; };
}, },
}, },
watch:{ watch: {
tabData:{ tabData: {
handler(val){ handler(val) {
for(let i in val){ for (let i in val) {
if(!val[i].disabled){ if (!val[i].disabled) {
return this.state = val[i].state return (this.state = val[i].state);
} }
} }
console.log(this.state)
}, },
deep:true // immediate:true,
} deep: true,
} },
},
}; };
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
@ -422,7 +441,7 @@ export default {
} }
} }
::v-deep .el-tabs__nav-wrap{ ::v-deep .el-tabs__nav-wrap {
padding: 0.5vh 0; padding: 0.5vh 0;
} }

View File

@ -29,7 +29,7 @@ export default {
init() { init() {
JsonPost("/company/company_index", { table: "指标明细" }).then((res) => { JsonPost("/company/company_index", { table: "指标明细" }).then((res) => {
if (Object.keys(res.result).length === 0) { if (Object.keys(res.result).length === 0) {
this.$emit("getDisabled",{disabled:true,index:5}) this.$emit("getDisabled",{disabled:true,index:6})
} else { } else {
this.data = res.result; this.data = res.result;
this.getColumns(); this.getColumns();

View File

@ -79,7 +79,7 @@ export default {
init() { init() {
JsonPost("/company/company_index",{table:'公司基本信息'}).then((res) => { JsonPost("/company/company_index",{table:'公司基本信息'}).then((res) => {
if (Object.keys(res.result).length === 0) { if (Object.keys(res.result).length === 0) {
this.$emit("getDisabled",{disabled:true,index:4}) this.$emit("getDisabled",{disabled:true,index:0})
} else { } else {
this.data = res.result; this.data = res.result;
} }

View File

@ -4,7 +4,7 @@
<el-col :span="12"> <el-col :span="12">
<el-card class="left"> <el-card class="left">
<span>综合信用指标表现</span> <span>综合信用指标表现</span>
<fecr-radar :data.sync="data['综合信用表现']" v-if="name === 'first'" /> <fecr-radar :data.sync="data['综合信用表现']" v-if="name === 'third'" />
</el-card> </el-card>
<el-card class="left"> <el-card class="left">
<span>总得分</span> <span>总得分</span>
@ -53,7 +53,7 @@
<span>成长能力</span> <span>成长能力</span>
<fecr-line-new <fecr-line-new
:data="data['成长能力']" :data="data['成长能力']"
v-if="data.hasOwnProperty('成长能力')&&Object.keys(data['成长能力']).length !== 0 && name === 'first'" v-if="data.hasOwnProperty('成长能力')&&Object.keys(data['成长能力']).length !== 0 && name === 'third'"
></fecr-line-new> ></fecr-line-new>
<el-empty :image-size="200" description="暂无数据" v-else></el-empty> <el-empty :image-size="200" description="暂无数据" v-else></el-empty>
</el-card> </el-card>
@ -219,7 +219,7 @@ export default {
(res) => { (res) => {
if (Object.keys(res.result).length === 0) { if (Object.keys(res.result).length === 0) {
this.$emit("getVisible", true); this.$emit("getVisible", true);
this.$emit("getDisabled",{disabled:true,index:0}) this.$emit("getDisabled",{disabled:true,index:2})
} else { } else {
this.data = res.result; this.data = res.result;
this.viewReport(res.result["信用分析"]["查看报告"]); this.viewReport(res.result["信用分析"]["查看报告"]);

View File

@ -18,7 +18,7 @@
:data="data[selectBar]" :data="data[selectBar]"
:id="'elements-appraisal'" :id="'elements-appraisal'"
:xAxis="xAxis" :xAxis="xAxis"
v-if="state === 'third'" v-if="state === 'fifth'"
/> />
</el-card> </el-card>
<el-card class="left" style="height: auto"> <el-card class="left" style="height: auto">
@ -227,7 +227,7 @@ export default {
JsonPost("/company/company_index", { table: "财务要素分析" }).then( JsonPost("/company/company_index", { table: "财务要素分析" }).then(
(res) => { (res) => {
if (Object.keys(res.result).length === 0) { if (Object.keys(res.result).length === 0) {
this.$emit("getDisabled",{disabled:true,index:2}) this.$emit("getDisabled",{disabled:true,index:4})
} else { } else {
this.data = res.result; this.data = res.result;
this.getTableData(this.selectTable); this.getTableData(this.selectTable);

View File

@ -73,7 +73,7 @@
:data="data['实质性议题得分情况'][item.name]" :data="data['实质性议题得分情况'][item.name]"
:sty="item" :sty="item"
:id="'ring' + index" :id="'ring' + index"
v-if="name === 'seventh'" v-if="name === 'fourth'"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -170,7 +170,7 @@ export default {
init() { init() {
get("/company/esg_analysis").then((res) => { get("/company/esg_analysis").then((res) => {
if (Object.keys(res.result).length === 0) { if (Object.keys(res.result).length === 0) {
this.$emit("getDisabled", {disabled:true,index:6}); this.$emit("getDisabled", {disabled:true,index:3});
} else { } else {
this.data = res.result[0]; this.data = res.result[0];
} }

View File

@ -72,7 +72,6 @@ export default {
this.$emit("getDisabled", {disabled:true,index:1}); this.$emit("getDisabled", {disabled:true,index:1});
} else { } else {
this.data = res.result; this.data = res.result;
console.log(this.data)
} }
}); });
}, },

View File

@ -100,7 +100,7 @@ export default {
JsonPost("/company/company_index", { table: "风险要素分析" }).then( JsonPost("/company/company_index", { table: "风险要素分析" }).then(
(res) => { (res) => {
if (Object.keys(res.result).length === 0) { if (Object.keys(res.result).length === 0) {
this.$emit("getDisabled", {disabled:true,index:3}); this.$emit("getDisabled", {disabled:true,index:5});
} else { } else {
this.data = res.result; this.data = res.result;
this.ownRiskData = this.optimizeData(this.data["合规风险"], 0); this.ownRiskData = this.optimizeData(this.data["合规风险"], 0);