feat:国有建设用地使用权

 <template>
-  <el-dialog
-    :title="sqqlRule.nodename"
-    :visible.sync="dialogVisible"
-    :before-close="cancelDialog"
-  >
+  <el-dialog :title="sqqlRule.nodename" custom-class="dialogBox contentCenter" width="85%" top="0"
+    :visible.sync="dialogVisible" :before-close="cancelDialog">
     <ul class="edit-title-list" v-if="djlxList.length > 0">
-      <li
-        v-for="(item, index) in djlxList"
-        @click="handleTitleSelct(item, index)"
-        :key="index"
-        :class="{ active: index == tn }"
-      >
+      <li v-for="(item, index) in djlxList" @click="handleTitleSelct(item, index)" :key="index"
+        :class="{ active: index == tn }">
         {{ item.nodename }}
       </li>
     </ul>
-      <el-form
-          :model="form"
-          v-show="n == 0"
-          label-width="135px"
-          ref="ruleForm"
-        >
+    <div class="contentBox">
+      <el-form :model="form" v-show="n == 0" label-width="135px" ref="ruleForm">
         <el-row>
           <el-col :span="8">
             <el-form-item label="申请分类">
@@ -123,7 +112,7 @@
             <li v-for="(item, index) in form.sxzt" :key="index">
               <div class="screen-list-left">
                 {{ item.sxzdmc }} ：
-          <el-radio-group v-model="item.selected" >
+                <el-radio-group v-model="item.selected">
                   <el-radio label="1">禁止办理</el-radio>
                   <el-radio label="0">忽略</el-radio>
                 </el-radio-group>
@@ -132,7 +121,8 @@
           </ul>
         </el-collapse-item>
       </el-collapse>
-    <div slot="footer" class="dialog-footer">    
+    </div>
+    <div slot="footer" class="dialog_footer">
       <el-button type="primary" @click="submit">提 交</el-button>
       <el-button @click="cancelDialog">取 消</el-button>
     </div>
@@ -141,7 +131,7 @@
 <script>
 import { mapGetters } from 'vuex';
 import { upward, down } from '@/utils/operation'
-import { getDjlxInfo, getSqdjywDetail,saveSqdjyw } from "@/api/system.js";
+import { getDjlxInfo, getSqdjywDetail, saveSqdjyw } from "@/api/system.js";
 export default {
   //父组件 传 过来的 值
   props: {
@@ -158,9 +148,9 @@ export default {
       immediate: true,
     },
   },
-  components: { },
+  components: {},
   name: "componentDialog",
-  data() {
+  data () {
     return {
       tn: 0,
       n: 0,
@@ -381,10 +371,10 @@ export default {
   computed: {
     ...mapGetters(['dictData'])
   },
-  mounted() {},
+  mounted () { },
   methods: {
     //页面初始化
-    init() {
+    init () {
       this.tn = 0;
       getDjlxInfo(this.sqqlRule.bsmSqyw).then((res) => {
         let { result } = res;
@@ -394,13 +384,13 @@ export default {
       //}
     },
     //tab选项卡事件
-    handleTitleSelct(obj, index) {
+    handleTitleSelct (obj, index) {
       this.n = 0;
       this.tn = index;
       this.getDetail(this.djlxList[index].bsmSqyw);
     },
     //获取业务具体明细内容
-    getDetail(bsmSqyw) {
+    getDetail (bsmSqyw) {
       getSqdjywDetail(bsmSqyw).then((res) => {
         if (res.code === 200) {
           this.form = res.result;
@@ -410,7 +400,7 @@ export default {
       });
     },
     //提交保存数据
-    submit(){
+    submit () {
       let that = this;
       saveSqdjyw(this.form).then(res => {
         if (res.code == 200) {
@@ -423,7 +413,7 @@ export default {
       })
     },
     //修改父组件传过来的值
-    cancelDialog() {
+    cancelDialog () {
       this.$emit("update:dialogVisible", false);
     },
   },
@@ -431,19 +421,18 @@ export default {
 </script>
 <style lang='scss' scoped>
 @import "~@/styles/mixin.scss";
- /deep/ .el-dialog {
-       margin: auto !important;
-        height: 90%;
-           width: 80%;
-        overflow: auto;
-    }
+@import "~@/styles/dialogBox.scss";
+
+.contentBox {
+  height: 75vh;
+  overflow-y: scroll;
+}
+
 .form {
   background: #eee;
   padding: 0 10px;
 }
-.dialog-footer {
-  text-align: center;
-}
+
 .edit-title-list {
   @include flex;
 
@@ -461,10 +450,12 @@ export default {
     }
   }
 }
+
 .active {
   background: $light-blue !important;
   color: #fff;
 }
+
 .dyztsd-title {
   @include flex;
   align-items: center;