style:受理申请

@@ -15,6 +15,20 @@
       </div>
       </div>
       <!-- 材料预览 -->
       <!-- 材料预览 -->
       <div class="clyl-box" v-else>
       <div class="clyl-box" v-else>
+        <div class="menu-tree">
+          <div class="item">
+            材料目录
+            <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)">
+                  {{ item.sjmc }}
+                </div>
+              </div>
+            </el-collapse-transition>
+          </div>
+        </div>
         <image-preview :previewImg="previewImg" />
         <image-preview :previewImg="previewImg" />
       </div>
       </div>
     </div>
     </div>
@@ -41,6 +55,9 @@ export default {
           label: "材料预览",
           label: "材料预览",
         },
         },
       ],
       ],
+      menuOpen: true,
+      iclass: "itemIcon el-icon-caret-bottom",
+      treeCheckId: "",
       checkedId: "1",
       checkedId: "1",
       column: [
       column: [
         {
         {
@@ -265,7 +282,6 @@ export default {
             message: "新增成功",
             message: "新增成功",
             type: "success",
             type: "success",
           });
           });
-          console.log(res);
           this.tableData = res.result ? res.result : [];
           this.tableData = res.result ? res.result : [];
           // 加载表格
           // 加载表格
           this.clmlmxInit();
           this.clmlmxInit();
@@ -434,6 +450,7 @@ export default {
             padding-left: 18px;
             padding-left: 18px;
             color: #6b6b6b;
             color: #6b6b6b;
             cursor: pointer;
             cursor: pointer;
+            box-sizing: border-box;
           }
           }
 
 
           .checked {
           .checked {

 <template>
 <template>
-  <dialogBox title="新建材料信息" width="40%" v-model="myValue" :isFullscreen="false" :isButton="false">
+  <dialogBox title="新建材料信息" width="40%" isMain v-model="myValue" @closeDialog="closeDialog" @submitForm="handleSubmit"
+    :isFullscreen="false">
     <el-form :model="ruleForm" ref="ruleForm" label-width="120px">
     <el-form :model="ruleForm" ref="ruleForm" label-width="120px">
       <el-row>
       <el-row>
         <el-col :span="24">
         <el-col :span="24">
@@ -16,10 +17,6 @@
         </el-col>
         </el-col>
       </el-row>
       </el-row>
     </el-form>
     </el-form>
-    <div class="submit-button" style="padding-bottom: 20px">
-      <el-button type="primary" @click="onSave">保存</el-button>
-      <el-button @click="closeDialog">取消</el-button>
-    </div>
   </dialogBox>
   </dialogBox>
 </template>
 </template>
 
 
@@ -47,7 +44,7 @@ export default {
     closeDialog () {
     closeDialog () {
       this.$emit("input", false);
       this.$emit("input", false);
     },
     },
-    onSave () {
+    handleSubmit () {
       this.$parent.addSave(this.ruleForm);
       this.$parent.addSave(this.ruleForm);
       this.$emit("input", false);
       this.$emit("input", false);
     },
     },

@@ -217,12 +217,10 @@ export default {
   methods: {
   methods: {
     list (bsmSldy) {
     list (bsmSldy) {
       var formdata = new FormData();
       var formdata = new FormData();
-      //可以通过append()方法来追加数据
       formdata.append("bsmSldy", bsmSldy);
       formdata.append("bsmSldy", bsmSldy);
       Init(formdata).then((res) => {
       Init(formdata).then((res) => {
         if (res.code === 200 && res.result) {
         if (res.code === 200 && res.result) {
           this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
           this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
-          console.log(this.ruleForm, 'this.ruleForm');
         }
         }
       })
       })
     },
     },