style;样式

@@ -12,12 +12,7 @@ export default {
   },
   data () {
     return {
-      tableData: [{
-        xm: '12',
-        zjzl: '32',
-        zjh: '123',
-        fr: "213123",
-      }],
+      tableData: [],
       InformationTable: [
         {
           width: '60',
@@ -54,7 +49,7 @@ export default {
             return (
               <el-select value={scope.row[scope.column.property]}>
                 {
-                  this.dictData['A30'].map(option => {
+                  this.dictData && this.dictData['A30'].map(option => {
                     return (
                       <el-option label={option.label} value={option.value}></el-option>
                     )

 <template>
   <div class="clxx">
     <div class="left">
-      <div
-        v-for="item in menuList"
-        :key="item.id"
-        :class="['item', checkedId == item.id ? 'checked' : '']"
-        @click="menuClick(item)"
-      >
+      <div v-for="item in menuList" :key="item.id" :class="['item', checkedId == item.id ? 'checked' : '']"
+        @click="menuClick(item)">
         {{ item.label }}
       </div>
     </div>
@@ -14,14 +10,7 @@
       <!-- 材料目录明细 -->
       <div class="clmlmx-box" v-if="checkedId == '1'">
         <div class="title">申请材料目录</div>
-        <lb-table
-          :column="column"
-          border
-          :key="key"
-          heightNumSetting
-          :pagination="false"
-          :data="tableData"
-        >
+        <lb-table :column="column" :key="key" :pagination="false" :data="tableData">
         </lb-table>
       </div>
 
@@ -33,12 +22,8 @@
             <i :class="iclass" @click="iconClick()"></i>
             <el-collapse-transition>
               <div v-show="menuOpen">
-                <div
-                  v-for="item in tableData"
-                  :key="item.bsmSj"
-                  :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']"
-                  @click="treeClick(item)"
-                >
+                <div v-for="item in tableData" :key="item.bsmSj"
+                  :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item)">
                   {{ item.sjmc }}
                 </div>
               </div>
@@ -72,12 +57,8 @@
           </div>
           <div class="img-list">
             <div class="item" v-for="(item, index) in imgList" :key="index">
-              <img
-                :class="showImg.id == item.id ? 'active' : ''"
-                :src="item.imgUrl"
-                alt=""
-                @click="imgClick(item, index)"
-              />
+              <img :class="showImg.id == item.id ? 'active' : ''" :src="item.imgUrl" alt=""
+                @click="imgClick(item, index)" />
             </div>
           </div>
           <div class="btn-group">
@@ -100,7 +81,7 @@ import filter from "@/utils/filter.js";
 
 export default {
   components: { clxxAddDialog },
-  data() {
+  data () {
     return {
       isDialog: false,
       menuList: [
@@ -122,9 +103,8 @@ export default {
               <i
                 class="el-icon-plus pointer"
                 onClick={() => {
-                  this.handleAdd();
+                  this.handleAdd()
                 }}
-                style="color:#409EFF"
               ></i>
             );
           },
@@ -252,30 +232,30 @@ export default {
       title: "",
       titleYs: 1,
       titleNum: 0,
-      imgList:[],
-      showImg:{},
+      imgList: [],
+      showImg: {},
       iclass: "itemIcon el-icon-caret-bottom",
     };
   },
   computed: {
     ...mapGetters(["dictData"]),
   },
-  mounted() {
+  mounted () {
     if (this.$parent.index == 1) {
       this.clmlmxInit();
     }
   },
   methods: {
     // 左侧菜单点击
-    menuClick(item) {
+    menuClick (item) {
       this.checkedId = item.id;
     },
     // 添加材料目录
-    handleAdd() {
+    handleAdd () {
       this.isDialog = true;
     },
     // 上移
-    moveUpward(index, row) {
+    moveUpward (index, row) {
       let obj = {
         xh: row.xh,
         bsmSlsq: row.bsmSlsq,
@@ -288,7 +268,7 @@ export default {
       });
     },
     // 下移
-    moveDown(index, row) {
+    moveDown (index, row) {
       let obj = {
         xh: row.xh,
         bsmSlsq: row.bsmSlsq,
@@ -301,7 +281,7 @@ export default {
       });
     },
     // 材料目录明细初始化
-    clmlmxInit() {
+    clmlmxInit () {
       this.id = this.$parent.$parent.$parent.id;
       this.unitData = this.$parent.$parent.$parent.unitData;
       var formdata = new FormData();
@@ -318,7 +298,7 @@ export default {
       });
     },
     // 新增弹窗保存
-    addSave(data) {
+    addSave (data) {
       let maxXh = 0;
       this.tableData.forEach((item) => {
         if (item.xh > maxXh) {
@@ -346,7 +326,7 @@ export default {
       });
     },
     // 材料目录删除
-    handleDelete(index, row) {
+    handleDelete (index, row) {
       clmlDelete({ sjBsm: row.bsmSj }).then((res) => {
         if (res.code == 200) {
           this.$message({
@@ -359,7 +339,7 @@ export default {
       });
     },
     // 材料目录关闭收起
-    iconClick() {
+    iconClick () {
       this.menuOpen = !this.menuOpen;
       if (this.menuOpen) {
         this.iclass = "itemIcon el-icon-caret-bottom close";
@@ -368,27 +348,27 @@ export default {
       }
     },
     // 材料目录点击选中
-    treeClick(item) {
+    treeClick (item) {
       this.treeCheckId = item.bsmSj;
       this.title = item.sjmc;
       this.titleYs = 1;
       this.titleNum = item.children.length;
     },
     // 小图片点击
-    imgClick(item, index) {
+    imgClick (item, index) {
       this.showImg = item;
       this.titleYs = index + 1;
     },
     // 图片上一张
-    imgPrev(){
+    imgPrev () {
 
     },
     // 图片下一张
-    imgNext(){
+    imgNext () {
 
     },
     // 字典
-    dicStatus(val, code) {
+    dicStatus (val, code) {
       let data = this.$store.getters.dictData[code],
         name = "暂无";
       if (data) {
@@ -409,11 +389,13 @@ export default {
   height: 100%;
   display: flex;
   padding-left: 15px;
+
   .left {
     width: 52px;
-    height: 780px;
+    height: calc(100vh - 150px);
     background: #f3f4f7;
     border-radius: 1px;
+
     .item {
       width: 42px;
       height: 50%;
@@ -428,6 +410,7 @@ export default {
       cursor: pointer;
       border-right: 1px solid #d9d9d9;
     }
+
     .item.checked {
       background: #ffffff;
       border-top: 1px solid #d9d9d9;
@@ -438,18 +421,15 @@ export default {
       color: #4a4a4a;
     }
   }
+
   .right {
     width: calc(100% - 80px);
-    height: 780px;
+    height: 100%;
     padding: 0 30px;
 
     .clmlmx-box {
-      width: 100%;
-      height: 530px;
       margin: 0 auto;
-      border: 1px solid #d9d9d9;
-      background: #f3f4f7;
-      padding: 20px;
+
       .title {
         text-align: center;
         height: 60px;
@@ -472,12 +452,14 @@ export default {
         margin-right: 30px;
         border-right: 1px dotted #d9d9d9;
         padding: 0 24px;
+
         .item {
           height: 60px;
           line-height: 60px;
           border-bottom: 1px solid #e8e8e8;
           font-size: 16px;
           color: #4a4a4a;
+
           .itemIcon {
             float: right;
             line-height: 60px;
@@ -494,6 +476,7 @@ export default {
             0% {
               transform: rotate(180deg);
             }
+
             100% {
               transform: rotate(-0deg);
             }
@@ -503,10 +486,12 @@ export default {
             animation: open 0.5s;
             animation-fill-mode: both;
           }
+
           .close {
             animation: close 0.5s;
             animation-fill-mode: both;
           }
+
           .child {
             height: 60px;
             line-height: 60px;
@@ -515,6 +500,7 @@ export default {
             color: #6b6b6b;
             cursor: pointer;
           }
+
           .checked {
             border-radius: 6px;
             border: 1px solid #4083f9;
@@ -528,19 +514,23 @@ export default {
         background: #f3f4f7;
         margin: 0 auto;
         position: relative;
+
         .header {
           height: 54px;
           line-height: 52px;
           background: #eceef2;
           border: 1px solid #ededed;
           padding: 0 0 0 30px;
+
           .title {
             font-size: 13px;
             display: inline-block;
           }
+
           .i-group {
             float: right;
             height: 100%;
+
             i {
               width: 50px;
               height: 52px;
@@ -548,6 +538,7 @@ export default {
             }
           }
         }
+
         .prev,
         .next {
           width: 60px;
@@ -559,8 +550,9 @@ export default {
           cursor: pointer;
           position: absolute;
         }
+
         .prev:hover,
-        .next:hover{
+        .next:hover {
           background: #7a7a7a;
         }
 
@@ -568,40 +560,48 @@ export default {
           top: 40%;
           left: 10px;
         }
+
         .next {
           top: 40%;
           right: 10px;
         }
+
         .img-box {
           width: 800px;
           height: calc(100% - 214px);
           padding: 5px;
           text-align: center;
           margin: 0 auto;
+
           img {
             max-height: 100%;
             max-width: 100%;
           }
         }
+
         .img-list {
           width: 100%;
           height: 80px;
           line-height: 80px;
           background: #eceef2;
           text-align: center;
+
           .item {
             display: inline-block;
             margin: 10px 5px;
+
             img {
               width: 60px;
               height: 60px;
               cursor: pointer;
             }
+
             .active {
               border: 1px solid #fff;
             }
           }
         }
+
         .btn-group {
           width: 100%;
           height: 80px;

@@ -191,11 +191,8 @@ export default {
         gyfs: "",
       },
       rules: {
-        // ywh: [
-        //   { required: true, message: '业务号', trigger: 'blur' }
-        // ],
-      },
-    };
+      }
+    }
   },
   methods: {
     list (bsmSldy) {
@@ -204,18 +201,7 @@ export default {
       formdata.append("bsmSldy", bsmSldy);
       Init(formdata).then((res) => {
         if (res.code === 200) {
-          console.log(res, 1111);
-          this.ruleForm = res.result;
-          this.ruleForm.zddm = res.result.zdjbxxdatas.zddm;
-          this.ruleForm.zdmj = res.result.zdjbxxdatas.zdmj;
-          this.ruleForm.zl = res.result.qlxxdatas.zl;
-          this.ruleForm.tdyt = res.result.qlxxdatas.ytmc;
-          this.ruleForm.qlsdfs = res.result.zdjbxxdatas.qlsdfsmc;
-          this.ruleForm.qdjg = res.result.jsydsyqdatas.qdjg;
-          this.ruleForm.fj = res.result.jsydsyqdatas.fj;
-          this.ruleForm.syqqzsj = res.result.jsydsyqdatas.syqqzsj;
-          this.ruleForm.tdsyqx = res.result.jsydsyqdatas.tdsyqx;
-          this.ruleForm.qlxzmc = res.result.zdjbxxdatas.qlxzmc;
+          this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
         }
       });
     },

@@ -153,7 +153,6 @@ export default {
   watch: {
     activeName: {
       handler (newName, oldName) {
-        console.log(newName, 'newName');
         let itemObj = { '1': 'slxx', '2': 'clxx', '3': 'spyj' }
         this.editItem = this.loadView(itemObj[newName])
       },
@@ -358,6 +357,7 @@ export default {
       position: relative;
       width: 250px;
       box-sizing: border-box;
+
       ul {
         position: relative;