修改风险等级后内容丢失问题

src/views/riskProject/add/resultPage.vue

@@ -3,14 +3,14 @@
         <LHeader :text="text"></LHeader>
         <div class="section">
             <p>该次测评风险值为：</p>
-            <div class="resultScore" :style="{ background: result.color}" >
+            <div class="resultScore" :style="{ background: result.color }">
                 <p style="font-weight: bold;font-size: 20px;color: white;">{{ score }}</p>
             </div>
             <p>本次评估结果评定为：{{ result.level }}</p>
             <van-divider></van-divider>
             <van-field readonly label="所属模型：" placeholder="ls风险矩阵评估模型" />
-            <van-field readonly label="风险发生可能性:" placeholder="一般情况不会发生" :value="possibleValue"/>
-            <van-field readonly label="后果严重程度" placeholder="轻微影响" :value="severityValue"/>
+            <van-field readonly label="风险发生可能性:" placeholder="一般情况不会发生" :value="possibleValue" />
+            <van-field readonly label="后果严重程度" placeholder="轻微影响" :value="severityValue" />
             <van-field readonly label="判定标准：" placeholder="见下图" />
             <van-image width="90vw" height="auto" :src="require('@/assets/workbench/sst.jpg')" />
         </div>
@@ -25,24 +25,24 @@
 <script>
 import { getFun, postFun } from "@/service/table.js";
 import LHeader from "@/components/header.vue";
-    export default {
-        name:'resultPage',
-        components:{
+export default {
+    name: 'resultPage',
+    components: {
         LHeader
     },
-        data(){
-            return{
-                text:'测评结果',
-                score:0,
-                result:{
+    data() {
+        return {
+            text: '测评结果',
+            score: 0,
+            result: {
 
             },
-                possibleValue:'',
-                severityValue:'',
-                level:''
+            possibleValue: '',
+            severityValue: '',
+            level: ''
         }
     },
-        created(){
+    created() {
         // this.score = this.$route.query.score-'';
         const route = this.$route.params;
         this.possibleValue = route.possibleValue;
@@ -50,11 +50,11 @@ import LHeader from "@/components/header.vue";
         this.score = route.score;
         this.getResult()
     },
-        methods:{
-            getResult(){
-               const bgColor = (()=> {
+    methods: {
+        getResult() {
+            const bgColor = (() => {
                 // 低风险：1-2，一般风险：2-3 较大风险：3-4 重大风险：>4
-                    switch(this.score){
+                switch (this.score) {
                     case '一般风险':
                         return '#FFFF00';
                     case "低风险":
@@ -68,23 +68,23 @@ import LHeader from "@/components/header.vue";
                 }
 
             })()
-                getFun(`/risk/plan/matrix/score/${this.$route.params.score}`).then(res=>{
+            getFun(`/risk/plan/matrix/score/${this.$route.params.score}`).then(res => {
                 this.result = {
-                        color:bgColor,
+                    color: bgColor,
                     level: res.data.level
                 }
             })
         },
-            resetClose(){
-                sessionStorage.setItem('level','')
+        resetClose() {
+            sessionStorage.setItem('level', '')
             history.go(-1)
         },
-            sureClose(){
-                sessionStorage.setItem('level',this.result.level)
+        sureClose() {
+            sessionStorage.setItem('level', this.result.level)
             history.go(-1)
         }
     }
-    }
+}
 </script>
 
 <style lang="less" scoped>
@@ -94,13 +94,13 @@ import LHeader from "@/components/header.vue";
 
     .section {
         width: 100%;
-        height: 100%;
         padding: 10px;
         box-sizing: border-box;
         background: #fff;
         font-size: 14px;
     }
-    .resultScore{
+
+    .resultScore {
         width: 48px;
         height: 48px;
         background: #ffc600;