mode

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:入口文件

src/view/appraisal/credit/index.vue

@@ -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", {

src/view/company/stepRiskAppraisal.vue

@@ -1,7 +1,11 @@
 <!-- 公司风险分析 -->
 <template>
   <el-row>
-    <el-row><span style="margin-bottom:20px">更新时间：{{ data["更新日期"] }}</span></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">
         <p>风险级别</p>
@@ -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;
   }
 
@@ -206,4 +227,11 @@ export default {
     margin-top: 40px;
   }
 }
+
+.collapse {
+  width: 100%;
+  margin-top: 20px;
+  height: 300px;
+  overflow: auto;
+}
 </style>