style:样式修改

@@ -255,7 +255,7 @@ export default {
 /deep/.el-form {
   display: flex;
   flex-direction: column;
-  height: calc(100vh - 150px);
+  height: calc(100vh - 130px);
   background-color: aqua;
 }
 

@@ -11,13 +11,13 @@
           {{item.jdmc}}意见
         </div>
         <div class="item_right">
-          <el-row >
+          <el-row>
             <el-col :span="24">
               <el-form-item label-width="0" class="opinion_item" prop="shyj">
-                <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" 
-                v-if="item.stepShjy == '1'" v-model="ruleForm.shyj"></el-input>
-                <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" 
-                v-else :disabled="true"></el-input>
+                <el-input type="textarea" :rows="4" class="opinion" placeholder="请输入审批意见" v-if="item.stepShjy == '1'"
+                  v-model="ruleForm.shyj"></el-input>
+                <el-input type="textarea" :rows="4" class="opinion" v-model="item.shyj" v-else :disabled="true">
+                </el-input>
                 <el-popover placement="right" width="50" trigger="hover" v-if="item.stepShjy == '1'">
                   <ul class="pointer">
                     <li @click="handleClick">复审</li>
@@ -43,13 +43,13 @@
         </div>
       </div>
       <div class="submit_button">
-        <el-button type="primary"  @click="onSubmit">保存</el-button>
+        <el-button type="primary" v-if="tableData.length>0" @click="onSubmit">保存</el-button>
       </div>
     </el-form>
   </div>
 </template>
 <script>
-import { getSpyjList,saveSpyj,saveSpyjBySlsq} from "@/api/fqsq.js";
+import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
 export default {
   components: {},
   props: {
@@ -72,7 +72,7 @@ export default {
       propsParam: {},
     }
   },
-  created() {
+  created () {
     this.propsParam = this.$attrs;
     this.list();
   },
@@ -88,7 +88,7 @@ export default {
       getSpyjList(formdata).then((res) => {
         if (res.code === 200 && res.result) {
           this.tableData = res.result
-          this.ruleForm.shyj = res.result[res.result.length-1].shyj
+          this.ruleForm.shyj = res.result[res.result.length - 1].shyj
         }
       })
     },
@@ -96,7 +96,7 @@ export default {
       saveSpyjBySlsq(this.ruleForm).then(res => {
         if (res.code === 200) {
           this.$message.success("保存成功")
-        }else{
+        } else {
           this.$message.error(res.message)
         }
       })

@@ -48,6 +48,10 @@
   }
 }
 
+/deep/.el-tabs__header {
+  margin-bottom: 0 !important;
+}
+
 /deep/.el-menu-item.is-active {
   background-color: #e7f4fe;
 }

@@ -219,7 +219,8 @@ export default {
     }
 
     .xxTableBox {
-      width: 810px;
+      min-width: 810px;
+      width: 100%;
       overflow-x: scroll;
     }
 

@@ -32,22 +32,18 @@
         .xxTableBox {
             overflow-x: scroll;
             width: 100%;
-            padding-bottom: 120px;
+            padding-bottom: 35px;
         }
 
-        .xxTable > tr:first-child th {
+        .xxTable>tr:first-child th {
             width: 140px;
         }
-        // tr td {
-        //     border: 1px solid #ccc;
-        // }
 
         .xxTable {
-            // border-spacing: 0;
             border-spacing: 1px;
             width: 100%;
 
-            tr > th {
+            tr>th {
                 border: 1px solid #ccc;
                 background: #F2F2F2;
                 color: #333333;
@@ -117,11 +113,12 @@
                 font-size: 13px;
                 width: 140px;
             }
-            > tr:nth-child(odd) td {
+
+            >tr:nth-child(odd) td {
                 background: #f2f2f2;
             }
 
-            > tr:nth-child(even) td {
+            >tr:nth-child(even) td {
                 background: #f9f9f9;
             }
 
@@ -129,7 +126,7 @@
                 color: #fe9400;
             }
 
-            tr > td.lishi {
+            tr>td.lishi {
                 color: #7f7f7f;
             }
         }

@@ -127,7 +127,7 @@ import { getZdjjxxBySLdy } from "@/api/zhcx.js";
 
 export default {
   name: "zdxx",
-  data() {
+  data () {
     return {
       bhqkColumns: [
         {
@@ -173,7 +173,7 @@ export default {
   // computed: {
   //   ...mapGetters(["djbxx"]),
   // },
-  created() {
+  created () {
     this.propsParam = this.$attrs;
     // this.$nextTick(() => {
 
@@ -188,7 +188,7 @@ export default {
     // this.bhqkTableWidth = widths > 745 ? widths : 745;
   },
   methods: {
-    loadData() {
+    loadData () {
       getZdjjxxBySLdy({ bsmsldy: this.propsParam.bsmSldy }).then((res) => {
         if (res.code === 200) {
           this.zdjbxx = res.result.zdjbxx;
@@ -207,10 +207,12 @@ export default {
 <style lang="scss" scoped>
 .zdxx {
   width: 100%;
-  height: 100%;
+  height: calc(100% - 42px);
   background-color: #f5f5f5;
-  padding: 10px 25px;
+  padding: 5px;
+
   .tablebox {
+    overflow-x: auto;
     width: 100%;
     height: 100%;
     background: #fff;
@@ -218,33 +220,42 @@ export default {
     text-align: center;
     padding: 4px;
     overflow-y: scroll;
+
     .zdxxTable {
       width: 100%;
+      min-width: 900px;
       color: #333;
+
       td {
         border: 1px solid rgb(228, 228, 228);
         line-height: 30px;
         padding: 0 4px;
       }
+
       .title {
         line-height: 68px;
         font-size: 20px;
       }
+
       .unit {
         text-align: right;
       }
+
       .title2 {
         writing-mode: vertical-lr;
         letter-spacing: 6px;
       }
+
       .bhqk {
         padding: 0;
+
         .box {
           width: 745px;
           overflow: auto;
         }
-        .test {
-        }
+
+        .test {}
+
         table {
           .bhqkTh {
             width: 110px;
@@ -253,6 +264,7 @@ export default {
             border: 1px solid rgb(228, 228, 228);
             font-weight: bold;
           }
+
           td {
             width: 180px;
           }