style:css报错处理

@@ -59,20 +59,18 @@
             </div>
             </div>
          </div>
          </div>
       </el-dialog>
       </el-dialog>
-   <zsylDialog ref="zsylDialog" v-model="zsylFlag" :value='zsylFlag'/>
+      <zsylDialog ref="zsylDialog" v-model="zsylFlag" :value='zsylFlag' />
    </div>
    </div>
 </template>
 </template>
 <script>
 <script>
 import zsylDialog from "./zsyl";
 import zsylDialog from "./zsyl";
-import { getBdcqzList,invalidCertificate } from "@/api/fqsq.js";
+import { getBdcqzList, invalidCertificate } from "@/api/fqsq.js";
 
 
 export default {
 export default {
    components: { zsylDialog },
    components: { zsylDialog },
    props: {
    props: {
-    
    },
    },
-
-  data() {
+   data () {
       return {
       return {
          tableData: [],
          tableData: [],
          zsylFlag: false,
          zsylFlag: false,
@@ -83,24 +81,24 @@ export default {
          bsmSz: '',
          bsmSz: '',
       };
       };
    },
    },
-  async created() {
+   async created () {
       this.list();
       this.list();
    },
    },
    methods: {
    methods: {
       //初始化列表
       //初始化列表
-      list(){
+      list () {
          var bsmSldy = this.$parent._data.unitData[0].bsmSldy
          var bsmSldy = this.$parent._data.unitData[0].bsmSldy
-         getBdcqzList({bsmSldy:bsmSldy}).then(res => {
+         getBdcqzList({ bsmSldy: bsmSldy }).then(res => {
             if (res.code === 200) {
             if (res.code === 200) {
                this.tableData = res.result
                this.tableData = res.result
-               if(res.result){
+               if (res.result) {
                   this.bdcqz = res.result[0]
                   this.bdcqz = res.result[0]
                }
                }
             }
             }
          })
          })
       },
       },
       //打开证书预览弹窗
       //打开证书预览弹窗
-      openZsylDialog(item){
+      openZsylDialog (item) {
          this.zsylFlag = true;
          this.zsylFlag = true;
          this.bdcqz = item;
          this.bdcqz = item;
          this.$nextTick(() => {
          this.$nextTick(() => {
@@ -108,24 +106,24 @@ export default {
          });
          });
       },
       },
       //再次打印
       //再次打印
-     openInvalidDiglog(item){
+      openInvalidDiglog (item) {
          this.bsmSz = item.bsmSz;
          this.bsmSz = item.bsmSz;
          this.invalidDiglog = true
          this.invalidDiglog = true
       },
       },
-     closeInvalidDiglog(){
+      closeInvalidDiglog () {
          this.invalidDiglog = false
          this.invalidDiglog = false
          this.bsmSz = '';
          this.bsmSz = '';
          this.zfyy = '';
          this.zfyy = '';
       },
       },
       //作废缮证信息
       //作废缮证信息
-     confirmInvalid(){
-      invalidCertificate({"bsmSz":this.bsmSz,"zfyy": this.zfyy}).then(res => {
+      confirmInvalid () {
+         invalidCertificate({ "bsmSz": this.bsmSz, "zfyy": this.zfyy }).then(res => {
             if (res.code === 200) {
             if (res.code === 200) {
                this.list();
                this.list();
                this.$message.success('作废成功');
                this.$message.success('作废成功');
                this.invalidDiglog = false;
                this.invalidDiglog = false;
                this.openZsylDialog(this.bdcqz);
                this.openZsylDialog(this.bdcqz);
-          }else{
+            } else {
                this.$message.error(res.message);
                this.$message.error(res.message);
             }
             }
          })
          })
@@ -135,18 +133,21 @@ export default {
 </script>
 </script>
 <style scoped lang='scss'>
 <style scoped lang='scss'>
 @import "~@/styles/public.scss";
 @import "~@/styles/public.scss";
+
 .szxx {
 .szxx {
    box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
    padding-right: 15px;
    width: 100%;
    width: 100%;
    height: 600px;
    height: 600px;
    overflow-y: scroll;
    overflow-y: scroll;
+
    .box-card {
    .box-card {
       float: left;
       float: left;
       width: 330px;
       width: 330px;
       margin-top: 20px;
       margin-top: 20px;
       margin-right: 20px;
       margin-right: 20px;
       height: 440px;
       height: 440px;
+
       .szxx_body {
       .szxx_body {
          height: 240px;
          height: 240px;
       }
       }
@@ -154,78 +155,94 @@ export default {
 }
 }
 
 
 .szxx_header {
 .szxx_header {
-   color:white;
-   font-weight:bolder;
+   color: white;
+   font-weight: bolder;
    font-size: 18px;
    font-size: 18px;
-   .header_type{
+
+   .header_type {
       display: flex;
       display: flex;
       justify-content: center;
       justify-content: center;
       align-content: center;
       align-content: center;
    }
    }
-   .header_text{
+
+   .header_text {
       text-align: center;
       text-align: center;
-      margin-top:10px;
+      margin-top: 10px;
       height: 50px;
       height: 50px;
       line-height: 30px;
       line-height: 30px;
    }
    }
 }
 }
+
 .top_line {
 .top_line {
-   border-top: 2px solid rgb(222,222,222);
+   border-top: 2px solid rgb(222, 222, 222);
 }
 }
+
 .text {
 .text {
    margin-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    text-align: center;
 }
 }
+
 .color_iray {
 .color_iray {
-   color: rgb(153,153,153);
+   color: rgb(153, 153, 153);
 }
 }
+
 .color_red {
 .color_red {
-   color: rgb(255,89,24);
+   color: rgb(255, 89, 24);
 }
 }
+
 .middle_margin {
 .middle_margin {
    margin-bottom: 10px;
    margin-bottom: 10px;
 }
 }
+
 .operation_button {
 .operation_button {
    border: 1px solid rgb(0, 121, 254);
    border: 1px solid rgb(0, 121, 254);
    padding: 15px 10px;
    padding: 15px 10px;
    text-align: center;
    text-align: center;
    width: 100px;
    width: 100px;
 }
 }
+
 .card_padding {
 .card_padding {
-   padding-top:20px
+   padding-top: 20px
 }
 }
+
 .invalid-diglog {
 .invalid-diglog {
    padding-bottom: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-size: 16px;
    font-weight: bold;
    font-weight: bold;
    color: rgb(99, 99, 99);
    color: rgb(99, 99, 99);
+
    .invalid-title {
    .invalid-title {
       display: flex;
       display: flex;
       align-content: center;
       align-content: center;
-      .invalid-icon{
-         color:rgb(254,148,0);
+
+      .invalid-icon {
+         color: rgb(254, 148, 0);
          font-size: 34px;
          font-size: 34px;
          margin-right: 10px;
          margin-right: 10px;
       }
       }
-      .invalid-body{
+
+      .invalid-body {
          line-height: 40px;
          line-height: 40px;
          margin-bottom: 10px;
          margin-bottom: 10px;
       }
       }
    }
    }
+
    .invalid-reson {
    .invalid-reson {
       margin-bottom: 10px;
       margin-bottom: 10px;
    }
    }
-   .dialog-footer{
+
+   .dialog-footer {
       margin-top: 10px;
       margin-top: 10px;
       display: flex;
       display: flex;
-      justify-content: end;
+      justify-content: flex-end;
    }
    }
 }
 }
 
 
-/deep/.el-card__header{
-   background-color: rgb(198,67,83);
+/deep/.el-card__header {
+   background-color: rgb(198, 67, 83);
 }
 }
-/deep/.el-card__body{
+
+/deep/.el-card__body {
    padding: 0px
    padding: 0px
 }
 }
 </style>
 </style>
\ No newline at end of file

@@ -344,8 +344,6 @@ export default {
       li:hover {
       li:hover {
         border: 1px solid #ffffff;
         border: 1px solid #ffffff;
         border-radius: 5px;
         border-radius: 5px;
-        //color: $light-blue ;
-
         .svg-icon {
         .svg-icon {
           //color: $light-blue ;
           //color: $light-blue ;
         }
         }