样式修改

+.zdxx {
+  width: 100%;
+  height: 100%;
+  background-color: #f5f5f5;
+  padding: 5px;
+}
 .tablebox {
 .tablebox {
   overflow-x: auto;
   overflow-x: auto;
   width: 100%;
   width: 100%;

@@ -156,7 +156,7 @@
         zdjbxx: {},
         zdjbxx: {},
         zdbhqks: [],
         zdbhqks: [],
         propsParam: this.$attrs,
         propsParam: this.$attrs,
-        showGroup: true,
+        showGroup: false,
         bdclxList: ['', '宗地', '宗海', '自然幢', '多幢', '构筑物', '林权', '户']
         bdclxList: ['', '宗地', '宗海', '自然幢', '多幢', '构筑物', '林权', '户']
       };
       };
     },
     },
@@ -181,10 +181,4 @@
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
   @import "./tablestyle.scss";
   @import "./tablestyle.scss";
-  .zdxx {
-    width: 100%;
-    height: 100%;
-    background-color: #f5f5f5;
-    padding: 5px;
-  }
 </style>
 </style>

@@ -4,6 +4,7 @@
 -->
 -->
 <template>
 <template>
   <div class='spyj loadingtext'>
   <div class='spyj loadingtext'>
+    <div class="box">
       <b class="spyj_title">审批表</b>
       <b class="spyj_title">审批表</b>
       <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
       <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
         <div class="spyj_form" v-for="(item, index) in tableData" :key="index">
         <div class="spyj_form" v-for="(item, index) in tableData" :key="index">
@@ -25,12 +26,12 @@
             </el-row>
             </el-row>
             <el-row>
             <el-row>
               <el-col :span="16">
               <el-col :span="16">
-              <el-form-item label="审查人：" prop="shryxm">
+                <el-form-item label="审查人" prop="shryxm">
                   {{ item.shryxm }}
                   {{ item.shryxm }}
                 </el-form-item>
                 </el-form-item>
               </el-col>
               </el-col>
               <el-col :span="8">
               <el-col :span="8">
-              <el-form-item label="审核时间：" prop="shjssj" :key="refresh">
+                <el-form-item label="审核时间" prop="shjssj" :key="refresh">
                   {{ item.shjssj }}
                   {{ item.shjssj }}
                 </el-form-item>
                 </el-form-item>
               </el-col>
               </el-col>
@@ -41,16 +42,17 @@
           <el-button type="primary" @click="onSubmit">保存</el-button>
           <el-button type="primary" @click="onSubmit">保存</el-button>
         </div>
         </div>
       </el-form>
       </el-form>
+    </div>
     <el-empty v-if="isNoData" description="暂无数据"></el-empty>
     <el-empty v-if="isNoData" description="暂无数据"></el-empty>
     <commonDialog v-model="commonDialog" />
     <commonDialog v-model="commonDialog" />
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
-import { popupDialog } from "@/utils/popup.js";
-import commonDialog from "./commonOpinion.vue";
-import { mapGetters } from 'vuex'
-export default {
+  import { getSpyjList, saveSpyj, saveSpyjBySlsq } from "@/api/fqsq.js";
+  import { popupDialog } from "@/utils/popup.js";
+  import commonDialog from "./commonOpinion.vue";
+  import { mapGetters } from 'vuex'
+  export default {
     components: { commonDialog },
     components: { commonDialog },
     props: {
     props: {
     },
     },
@@ -128,20 +130,36 @@ export default {
         this.ruleForm.shyj = opinion
         this.ruleForm.shyj = opinion
       }
       }
     }
     }
-}
+  }
 </script>
 </script>
 <style scoped lang='scss'>
 <style scoped lang='scss'>
-@import '~@/styles/mixin.scss';
-
-.spyj {
-  margin-left: 5px;
-  height: 400px;
+  @import "~@/styles/mixin.scss";
 
 
+  .spyj {
+    width: 100%;
+    height: 100%;
+    background-color: #f5f5f5;
+    padding: 5px;
+    .box {
+      overflow-x: auto;
+      width: 100%;
+      height: 95%;
+      background: #fff;
+      text-align: center;
+      padding: 4px;
+      overflow-y: scroll;
+      padding-top: 20px;
+      padding: 20px 40px;
+    }
     .spyj_title {
     .spyj_title {
+      line-height: 68px;
+      border: 1px solid $borderColor;
       text-align: center;
       text-align: center;
-    font-size: 18px;
+      font-size: 22px;
+      font-weight: 400;
+      background-color: #eceef2;
       display: block;
       display: block;
-    margin: 5px;
+      border-bottom: none;
     }
     }
 
 
     /deep/.el-form-item {
     /deep/.el-form-item {
@@ -158,9 +176,12 @@ export default {
 
 
       .item_left {
       .item_left {
         width: 150px;
         width: 150px;
-      background-color: #F8F8FA;
+        background-color: #f8f8fa;
         color: #606266;
         color: #606266;
-      @include flex-center;
+        display: flex;
+        font-size: 14px;
+        text-indent: 80px;
+        align-items: center;
         border-right: 1px solid $borderColor;
         border-right: 1px solid $borderColor;
       }
       }
 
 
@@ -169,9 +190,14 @@ export default {
         width: 100%;
         width: 100%;
 
 
         /deep/.el-form-item__label {
         /deep/.el-form-item__label {
-        background-color: #F8F8FA;
+          background-color: #f8f8fa;
+        }
+        /deep/.el-form-item__content {
+          display: block;
+          text-align: left;
+          padding-left: 15px;
+          text-indent: 10px;
         }
         }
-
         .opinion_item {
         .opinion_item {
           /deep/.el-form-item__error {
           /deep/.el-form-item__error {
             margin-top: -16px !important;
             margin-top: -16px !important;
@@ -183,7 +209,7 @@ export default {
 
 
         .opinion {
         .opinion {
           position: relative;
           position: relative;
-        font-size: 16px;
+          font-size: 14px;
 
 
           /deep/.el-textarea__inner {
           /deep/.el-textarea__inner {
             border: none;
             border: none;
@@ -202,5 +228,5 @@ export default {
       text-align: center;
       text-align: center;
       margin: 15px 0;
       margin: 15px 0;
     }
     }
-}
+  }
 </style>
 </style>