This commit is contained in:
xuyucheng 2022-03-02 16:59:32 +08:00
parent a88b05d1f7
commit 8bb0eb079d
3 changed files with 148 additions and 80 deletions

View File

@ -8,7 +8,7 @@ import { message } from 'utils/message.js'
//创建axios实例
axios.defaults.timeout = 10000
axios.defaults.baseURL = 'http://139.9.249.34:51010'
axios.defaults.baseURL = 'https://api.fecribd.com'
//请求拦截器

View File

@ -26,7 +26,7 @@
<el-form-item
v-for="(item, index) in data['公司收入']"
:key="index"
:label="index"
:label="index + '公司收入(万元)'"
>
<el-input
v-model.number="data['公司收入'][index]"
@ -49,12 +49,33 @@
>
<p>{{ item.question }}</p>
<div v-if="item.options">
<el-radio
v-for="(child, i) in item.options"
:key="i"
v-model="item.answer"
:label="child"
></el-radio>
<el-popover
placement="bottom"
trigger="manual"
v-model="radioVisible[index]"
>
<el-input
type="textarea"
v-model="item.des"
placeholder="请输入具体说明"
></el-input>
<div style="text-align: right; margin: 0; margin-top: 10px">
<el-button size="mini" type="text" @click="radioClear"
>取消</el-button
>
<el-button type="primary" size="mini" @click="radioClear"
>确定</el-button
>
</div>
<el-radio
v-for="(child, i) in item.options"
:key="i"
v-model="item.answer"
:label="child"
slot="reference"
@change="radioChange(index, item.answer)"
></el-radio>
</el-popover>
</div>
<el-input v-else v-model="item.answer"></el-input>
</div>
@ -137,7 +158,9 @@ export default {
components: { FecrTranTable },
data() {
return {
index: 0,
visible: false,
radioVisible: [false, false, false, false, false, false, false, false],
submitStatus: true,
industry: [],
data: {
@ -165,53 +188,53 @@ export default {
"1.公司是否有温室气体减排目标比如以2021年为基准未来5年减少10%",
options: ["A.是", "B.否"],
answer: "",
des: "以2021年为基准未来5年减少10%",
des: "",
},
{
question:
"2.公司是否有节能目标比如以2021年为基准未来5年减少10%",
options: ["A.是", "B.否"],
answer: "",
des: "以2021年为基准未来5年减少10%",
des: "",
},
{
question:
"3.公司是否有节约用水目标比如以2021年为基准未来5年减少10%",
options: ["A.是", "B.否"],
answer: "",
des: "以2021年为基准未来5年减少10%",
des: "",
},
{
question:
"4.公司是否有绿色业务——包括不限于清洁能源、清洁交通、绿色建筑、清洁技术等",
options: ["A.是", "B.否"],
answer: "",
des: "不限于清洁能源、清洁交通、绿色建筑、清洁技术等",
des: "",
},
{
question: "5.公司近三年是否被环境或水务等监管部门处罚",
options: ["A.是", "B.否"],
answer: "",
des: "近三年是否被环境或水务等监管部门处罚",
des: "",
},
{
question: "6.国家双碳目标对公司业务是否有不利影响",
options: ["A.是", "B.否"],
answer: "",
des: "国家双碳目标对公司业务是否有不利影响",
des: "",
},
{
question: "7.国家双碳目标对公司业务是否有有利影响",
options: ["A.是", "B.否"],
answer: "",
des: "国家双碳目标对公司业务是否有有利影响",
des: "",
},
{
question:
"8.公司是否使用风电、光电等清洁能源,是否使用清洁交通工具",
options: ["A.是", "B.否"],
answer: "",
des: "是否使用风电、光电等清洁能源,是否使用清洁交通工具",
des: "",
},
],
社会问卷: [
@ -313,6 +336,47 @@ export default {
});
},
radioChange(index, answer) {
if (answer[0] === "A") {
this.radioVisible = [
false,
false,
false,
false,
false,
false,
false,
false,
];
this.index = index;
this.radioVisible[index] = true;
} else {
this.radioVisible = [
false,
false,
false,
false,
false,
false,
false,
false,
];
}
},
radioClear() {
this.radioVisible = [
false,
false,
false,
false,
false,
false,
false,
false,
];
},
back() {
this.$router.push("/appraisal");
},
@ -363,10 +427,10 @@ export default {
this.data[key]["其他类型问卷"] = val[key].map((item) => {
if (item.options) {
if (item.des) {
if(item.answer[0] === "A"){
if (item.answer[0] === "A") {
return [item.answer[0], item.des];
}else{
return item.answer[0]
} else {
return item.answer[0];
}
} else {
return item.answer[0];

View File

@ -45,13 +45,14 @@
</fecr-table>
</div>
</el-card>
<el-row style="margin-top: 40px" type="flex" justify="space-between">
<el-col :span="11" v-for="(item, index) in serveData" :key="index">
<div class="box" @click="selectServe(index)">
<p>{{ item.title }}</p>
</div>
<el-row style="margin-top: 40px">
<el-col :span="24" v-for="(item, index) in serveData" :key="index">
<el-button @click="visible = true">{{ item.title }}</el-button>
</el-col>
</el-row>
<el-row type="flex" justify="start">
<el-button @click="EsgVisible = true">中小企业ESG评价</el-button>
</el-row>
<el-dialog :visible.sync="visible" title="服务类型" top="10vh">
<el-card class="box-card" shadow="never" style="border: none">
<p
@ -59,13 +60,13 @@
class="clearfix"
style="text-align: center; font-size: 26px; margin: 0"
>
{{ serveData[index].title }}
{{ serveData[0].title }}
</p>
<p>评价概述</p>
<span class="block">{{ serveData[index].summarize }}</span>
<span class="block">{{ serveData[0].summarize }}</span>
<p>适用企业</p>
<span
v-for="(ele, key) in serveData[index].company"
v-for="(ele, key) in serveData[0].company"
:key="key + '/'"
class="block"
><div class="badge"></div>
@ -73,7 +74,7 @@
>
<p>数据需求</p>
<span
v-for="(ele, key) in serveData[index].data"
v-for="(ele, key) in serveData[0].data"
:key="key"
class="block"
><div class="badge"></div>
@ -81,7 +82,7 @@
>
<p>使用须知</p>
<span
v-for="(ele, i) in serveData[index].agreement"
v-for="(ele, i) in serveData[0].agreement"
:key="i + ','"
class="block"
><el-checkbox></el-checkbox>{{ ele }}</span
@ -89,7 +90,25 @@
</el-card>
<span slot="footer" class="dialog-footer">
<el-button @click="visible = false"> </el-button>
<el-button type="primary" @click="confirm(index)"> </el-button>
<el-button type="primary" @click="confirm(0)"> </el-button>
</span>
</el-dialog>
<el-dialog :visible.sync="EsgVisible" title="服务类型" top="10vh">
<el-card class="box-card" shadow="never" style="border: none">
<p
slot="header"
class="clearfix"
style="text-align: center; font-size: 26px; margin: 0"
>
中小企业ESG评价
</p>
<span v-for="(item, index) in EsgContent" :key="index" class="block">
{{ item }}
</span>
</el-card>
<span slot="footer" class="dialog-footer">
<el-button @click="EsgVisible = false"> </el-button>
<el-button type="primary" @click="confirm(1)"> </el-button>
</span>
</el-dialog>
</el-main>
@ -102,7 +121,7 @@ import { get, BlobGet } from "api/api";
import FecrTable from "components/FecrTable";
import FecrHeader from "@/components/FecrHeader";
export default {
components: { pdf,FecrHeader, FecrTable },
components: { pdf, FecrHeader, FecrTable },
data() {
return {
serveData: [
@ -120,20 +139,14 @@ export default {
data: ["需要企业自行填报财务数据", "需要填报经营数据"],
agreement: ["xxx数据协议", "xxx隐私协议"],
},
{
title: "中小企业ESG评价",
summarize:
"ESG是一种关于如何发展的价值观。它将目标公司置于相互联系、相互依赖的社会网络之中将个体活动映射到整个社会网络将公共利益引入公司价值体系更加注重公司发展过",
company: [
"有信贷需求额企业",
"有企业形象需求",
"xxxxx",
"xxxxx",
"xxxxx",
],
data: ["需要企业自行填报财务数据", "需要填报经营数据"],
agreement: ["xxx数据协议", "xxx隐私协议"],
},
],
EsgContent: [
"ESG是“环境Environmental”、“社会Social”和“公司治理Governance”的简称关注的是企业与环境的相互影响、履行社会责任的情况和公司治理绩效。ESG与企业业绩水平和长远发展存在密切关系已受到全世界企业、投资者的广泛认可。",
"在港上市公司已经在按照监管要求披露ESG报告A股上市公司也开始发布社会责任报告、可持续发展报告、ESG报告。证监会正在制定相关信息披露制度以使A股上市公司能按照要求披露标准化的ESG信息。",
"远东资信评估有限公司成立于1988年是中国第一家社会化专业资信评估公司是信用评级领域的头部公司。在绿色低碳方面远东资信已在绿色金融、碳金融、ESG领域积累了丰富经验。",
"远东资信受天府股交中心委托为挂牌企业提供ESG服务我们希望能实现如下目标1为企业提供ESG评价报告2引导企业了解和重视ESG提升企业可持续发展能力3持续为企业提供咨询服务包括提升企业ESG水平的建议、绿色低碳评价和咨询、ESG报告、可持续发展报告、社会责任报告撰写、碳金融咨询等。",
"我们开展ESG评价工作需要企业给予信息层面的支持我们准备了一份标准化的ESG调查问卷需要企业抽调人手统计基础数据从某种程度上来说给企业增加了负担但需要强调的ESG能提升企业的可持续发展水平希望企业能逐渐了解和重视ESG。问卷内容涉及数字、选项、具体文字表述等我们非常希望贵司能提供准确而详实的信息。",
"我们承诺从企业获取的信息将仅用于ESG报告和评价不以任何方式提供给其他第三方。",
],
columns: [],
data: [],
@ -145,8 +158,8 @@ export default {
skip: 0,
limit: 10,
},
index: 0,
visible: false,
EsgVisible: false,
reportVisible: false,
file: "",
numPages: "",
@ -167,9 +180,11 @@ export default {
init() {
get("/input/rating_records").then((res) => {
this.data = res.result;
this.data.length === 0 ? null : this.columns = Object.keys(this.data[0]).map((item) => {
return { prop: item, label: item };
});
this.data.length === 0
? null
: (this.columns = Object.keys(this.data[0]).map((item) => {
return { prop: item, label: item };
}));
});
},
//
@ -201,31 +216,25 @@ export default {
});
},
selectServe(index) {
this.visible = true;
this.index = index;
},
//
confirm(index) {
index === 0?(get("/input/start_general_rating_input").then((res) => {
if (res.info === "本年度已评价") {
this.$message.success(res.info);
} else {
this.$message.success(res.info);
this.$router.push("/credit");
}
})):(
get("/esg/start_esg_rating").then((res) => {
if (res.info === "本年度已评价") {
this.$message.success(res.info);
} else {
this.$message.success(res.info);
this.$router.push("/esg")
}
})
)
index === 0
? get("/input/start_general_rating_input").then((res) => {
if (res.info === "本年度已评价") {
this.$message.success(res.info);
} else {
this.$message.success(res.info);
this.$router.push("/credit");
}
})
: get("/esg/start_esg_rating").then((res) => {
if (res.info === "本年度已评价") {
this.$message.success(res.info);
} else {
this.$message.success(res.info);
this.$router.push("/esg");
}
});
},
},
};
@ -253,20 +262,15 @@ export default {
}
span {
line-height: 30px;
text-indent: 2em;
line-height: 5vh;
font-size: 1.5vh;
}
.el-checkbox {
margin-right: 10px;
}
.box {
width: 90%;
// height: 300px;
text-align: center;
// line-height: 300px;
}
::v-deep .el-dialog {
margin-top: 5vh !important;
height: 90vh;