优化代码 状态问题

src/views/template/templateFirst.vue

@@ -2276,22 +2276,45 @@ export default {
       return (this.controlsForm.approveStatus === '3' && this.controlsForm.controls === '2') ? true : false
     },
     radioText() {
+      if (this.inspectInfoList.jcResult && this.inspectInfoList.jcResult !== undefined && this.inspectInfoList.jcResult !== '' ) {
         return this.inspectInfoList.jcResult === '1' ? '合格' : '不合格'
+      } else {
+        return ''
+      }
     },
     radioTextClass() {
       return this.inspectInfoList.jcResult === '1' ? 'blueText' : 'redText'
     },
     ThirdOneradioText() {
+      if (this.inspectJbAl2o3List.firstHdRes && this.inspectJbAl2o3List.firstHdRes !== undefined && this.inspectJbAl2o3List.firstHdRes !== '') {
         return this.inspectJbAl2o3List.firstHdRes === '1' ? '合格' : '不合格'
+      } else {
+        return ''
+      }
+
     },
     ThirdTwoRadioText() {
+      if (this.inspectJbAl2o3List.wxRes && this.inspectJbAl2o3List.wxRes !== undefined && this.inspectJbAl2o3List.wxRes !== '') {
         return this.inspectJbAl2o3List.wxRes === '1' ? '合格' : '不合格'
+      } else {
+        return  ''
+      }
+
     },
     ThirdThreeRadioText() {
+      if (this.inspectJbAl2o3List.cyRes && this.inspectJbAl2o3List.cyRes !== undefined && this.inspectJbAl2o3List.cyRes !=='') {
         return this.inspectJbAl2o3List.cyRes === '1' ? '合格' : '不合格'
+      } else {
+       return  ''
+      }
     },
     ThirdFourRadioText() {
+      if (this.inspectJbAl2o3List.finalRes && this.inspectJbAl2o3List.finalRes !== undefined && this.inspectJbAl2o3List.finalRes !== '') {
         return this.inspectJbAl2o3List.finalRes === '1' ? '合格' : '不合格'
+      } else {
+        return ''
+      }
+
     },
     ThirdOneRadioTextClass() {
       return this.inspectJbAl2o3List.firstHdRes === '1' ? 'ThirdOneBlueText' : 'ThirdOneRedText'
@@ -4713,32 +4736,6 @@ export default {
               }
 
             }
-
-            //.recordTwoBottom{
-            //  display: flex;
-            //  padding-bottom: 2%;
-            //  padding-left: 1%;
-            //  justify-content: space-between;
-            //  width: 77%;
-            //  .recordTwoBottomMax{
-            //    width: 130px;
-            //    font-size: 14px;
-            //    font-family: Microsoft YaHei, Microsoft YaHei-400;
-            //    font-weight: 400;
-            //  }
-            //  .recordTwoBottomMini{
-            //    width: 130px;
-            //    font-size: 14px;
-            //    font-family: Microsoft YaHei, Microsoft YaHei-400;
-            //    font-weight: 400;
-            //  }
-            //  .recordTwoBottomAverage{
-            //    width: 130px;
-            //    font-size: 14px;
-            //    font-family: Microsoft YaHei, Microsoft YaHei-400;
-            //    font-weight: 400;
-            //  }
-            //}
           }
         }
 
@@ -4964,147 +4961,38 @@ export default {
       }
 
       .threeRegion {
-        //display: flex;
-        //justify-content: space-between;
-
-        .leftRegion {
-          width: 47%;
-
         .ThirdOneBlueText {
-            margin-left: 4%;
           color: blue;
         }
 
         .ThirdOneRedText {
-            margin-left: 4%;
           color: red;
         }
 
         .ThirdTwoBlueText {
-            margin-left: 4%;
           color: blue;
         }
 
         .ThirdTwoRedText {
-            margin-left: 4%;
           color: red;
         }
 
         .ThirdThreeBlueText {
-            margin-left: 4%;
           color: blue;
         }
 
         .ThirdThreeRedText {
-            margin-left: 4%;
           color: red;
         }
 
         .ThirdFourBlueText {
-            margin-left: 4%;
           color: blue;
         }
 
         .ThirdFourRedText {
-            margin-left: 4%;
           color: red;
         }
 
-          .selectAlign {
-            text-align: left;
-          }
-
-          .inspectJbAlInputBody {
-            margin-top: 20px;
-            //text-align: right;
-          }
-
-          .inspectJbAlInput {
-            width: 100%;
-            min-width: 50px;
-          }
-
-          .inspectJbAlInputProject {
-            width: 100%;
-          }
-
-          .inspectJbAlInputJbwq {
-            width: 100%;
-          }
-
-          .radioGroupWxRes {
-            margin-left: 21px;
-          }
-
-          .radioGroupCyRes {
-            margin-left: 24px;
-          }
-
-          .radioGroupfinalRes {
-            margin-left: 10px;
-
-          }
-
-          //height: 100%;
-          //border: 1px solid #d9d9d9;
-          //border-radius: 4px;
-        }
-
-        .rightRegion {
-          width: 47%;
-
-          .inspectJbAlInputBody {
-            margin-top: 20px;
-            //text-align: right;
-            //::v-deep .el-form-item__label{
-            //  width: 14%;
-            //}
-          }
-
-          .wxpnInspectJbAlInputBody {
-            padding-top: 1%;
-            //margin-top: 20px;
-            //text-align: right;
-            ::v-deep .el-form-item__label {
-              padding-left: 5%;
-            }
-          }
-
-          .emptyInput {
-            height: 4%;
-          }
-
-          .wgLlwinspectJbAlInputBody1 {
-            margin-top: 20px;
-            text-align: right;
-
-            ::v-deep .el-form-item__label {
-              padding-left: 4%;
-            }
-          }
-
-          .wgLlwinspectJbAlInputBody {
-            margin-top: 20px;
-            text-align: right;
-            margin-top: 6%;
-
-            ::v-deep .el-form-item__label {
-              padding-left: 4%;
-            }
-          }
-
-          .inspectJbAlInput {
-            width: 100%;
-          }
-
-          .inspectJbAlInputJbwq {
-            width: 100%;
-          }
-
-          //height: 100%;
-          //border: 1px solid #d9d9d9;
-          //border-radius: 4px;
-        }
       }
     }