mode
This commit is contained in:
parent
bbb2908eff
commit
06c10654c8
19
README.md
19
README.md
|
@ -22,3 +22,22 @@ npm run lint
|
|||
|
||||
### Customize configuration
|
||||
See [Configuration Reference](https://cli.vuejs.org/config/).
|
||||
|
||||
|
||||
### Project structure
|
||||
src:
|
||||
api:请求封装
|
||||
assets:静态资源文件
|
||||
components:公共组件
|
||||
router:路由
|
||||
store:全局状态数据
|
||||
utils:公共方法
|
||||
view:页面文件
|
||||
home:主页
|
||||
appraisal:评价填报
|
||||
company:企业主页
|
||||
report:报告下载
|
||||
user:登录/注册
|
||||
userInfo:个人主页
|
||||
App.vue:主页面文件
|
||||
main.js:入口文件
|
|
@ -1,3 +1,4 @@
|
|||
<!-- 综合信用评价填报 -->
|
||||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
|
@ -25,6 +26,7 @@
|
|||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<!-- step状态切换填报进度 -->
|
||||
<el-row class="info" style="height: calc(100% - 260px)">
|
||||
<el-card style="height: 100%; overflow: auto">
|
||||
<step-state
|
||||
|
@ -82,10 +84,10 @@ export default {
|
|||
{ title: "财务数据" },
|
||||
{ title: "提交数据" },
|
||||
],
|
||||
data: {},
|
||||
step: 0,
|
||||
saveState: false,
|
||||
unit: "元",
|
||||
data: {}, //填报数据
|
||||
step: 0, //填报进度状态
|
||||
saveState: false, //保存按钮的可用/禁用状态
|
||||
unit: "元", //财务数据表 - 单位
|
||||
};
|
||||
},
|
||||
|
||||
|
@ -94,32 +96,41 @@ export default {
|
|||
},
|
||||
|
||||
methods: {
|
||||
// 获取填报数据
|
||||
init() {
|
||||
get("/input/start_general_rating_input").then((res) => {
|
||||
this.data = res.result;
|
||||
});
|
||||
},
|
||||
|
||||
// 路由回退至填报首页
|
||||
back() {
|
||||
this.$router.push("/appraisal");
|
||||
},
|
||||
|
||||
// 填报数据同步(val:子组件的返回填报数据)
|
||||
mode(val) {
|
||||
this.data = val;
|
||||
},
|
||||
|
||||
// 保存按钮的状态同步
|
||||
getSaveState(val) {
|
||||
this.saveState = val;
|
||||
},
|
||||
|
||||
// 上一步
|
||||
preSubmit() {
|
||||
this.step--;
|
||||
},
|
||||
|
||||
// 单位同步
|
||||
getUnit(e) {
|
||||
this.unit = e;
|
||||
},
|
||||
|
||||
// 保存事件
|
||||
// step<3: 保存填报数据(step = 2时,存在单位转换过程)
|
||||
// step=3: 提交填报数据
|
||||
save() {
|
||||
if (this.step < 2) {
|
||||
JsonPost("/input/save_general_input_form", {
|
||||
|
|
|
@ -1,9 +1,13 @@
|
|||
<!-- 公司风险分析 -->
|
||||
<template>
|
||||
<el-row>
|
||||
<el-row><span style="margin-bottom:20px">更新时间:{{ data["更新日期"] }}</span></el-row>
|
||||
<el-row style="margin-bottom:20px">
|
||||
<el-card style="height:auto;min-height:300px">
|
||||
<el-row
|
||||
><span style="margin-bottom: 20px"
|
||||
>更新时间:{{ data["更新日期"] }}</span
|
||||
></el-row
|
||||
>
|
||||
<el-row style="margin-bottom: 20px">
|
||||
<el-card style="height: auto; min-height: 300px">
|
||||
<p>风险级别</p>
|
||||
<el-col :span="12">
|
||||
<el-row type="flex" class="progress"
|
||||
|
@ -67,14 +71,30 @@
|
|||
:minHeight="'300px'"
|
||||
></fecr-table>
|
||||
<span>周边风险</span>
|
||||
<fecr-table
|
||||
:data="data['周边风险']"
|
||||
:columns="sideRiskColumn"
|
||||
class="top"
|
||||
:shortWidth="[0, 1]"
|
||||
:height="'300px'"
|
||||
:minHeight="'300px'"
|
||||
></fecr-table>
|
||||
<div class="collapse">
|
||||
<el-collapse
|
||||
v-model="activeNames"
|
||||
accordion
|
||||
>
|
||||
<el-collapse-item
|
||||
:name="index + 1"
|
||||
v-for="(item, index) in data['周边风险']"
|
||||
:key="index"
|
||||
>
|
||||
<template slot="title">
|
||||
<span>{{ item["类型"] }}</span
|
||||
><span style="margin-left: 10px; font-size: 12px">{{ item["数量"] }}</span>
|
||||
</template>
|
||||
<span
|
||||
v-for="(child, i) in item['详情']"
|
||||
:key="i"
|
||||
style="font-size: 12px"
|
||||
>
|
||||
{{ i + 1 }}.{{ child }}<br />
|
||||
</span>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
@ -94,6 +114,7 @@ export default {
|
|||
return {
|
||||
options: ["风险级别", "风险数量", "列入失信名单"],
|
||||
data: {},
|
||||
activeNames:"1",
|
||||
column: [
|
||||
{ label: "类型", prop: "类型" },
|
||||
{ label: "数量", prop: "数量" },
|
||||
|
@ -123,7 +144,7 @@ export default {
|
|||
},
|
||||
|
||||
format(percentage) {
|
||||
return percentage==0?'0':percentage;
|
||||
return percentage == 0 ? "0" : percentage;
|
||||
},
|
||||
},
|
||||
};
|
||||
|
@ -155,7 +176,7 @@ export default {
|
|||
position: relative;
|
||||
left: 22%;
|
||||
bottom: 50px;
|
||||
color: #67C23A;
|
||||
color: #67c23a;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
|
@ -175,7 +196,7 @@ export default {
|
|||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
|
||||
span{
|
||||
span {
|
||||
font-size: 20px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
@ -185,7 +206,7 @@ export default {
|
|||
text-align: center;
|
||||
padding: 40px;
|
||||
box-sizing: border-box;
|
||||
span{
|
||||
span {
|
||||
font-size: 20px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
@ -206,4 +227,11 @@ export default {
|
|||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.collapse {
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
Loading…
Reference in New Issue