style:材料信息

@@ -5,4 +5,4 @@ NODE_ENV=development
 VUE_APP_BASE_API = '/bdcdj'
 
 # 开发环境
-VUE_APP_API_BASE_URL = 'http://192.168.2.88:8018'
+VUE_APP_API_BASE_URL = 'http://192.168.2.95:8018'

 <template>
   <div class="dashboard-container">
-    11111111
+    <img src="./home.png" alt="">
   </div>
 </template>
 
@@ -28,8 +28,13 @@ export default {
   }
 }
 </script>
-<style >
+<style scoped lang="scss">
 .dashboard-container {
   height: 100%;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
 }
 </style>
\ No newline at end of file

@@ -96,7 +96,6 @@ export default {
           label: "是否必选",
           width: "50",
           render: (h, scope) => {
-            // 新增的材料,全部为系统默认可选
             if (scope.row.sfxjcl === "1") {
               return (
                 <div>
@@ -104,7 +103,6 @@ export default {
                 </div>
               );
             }
-            // 系统配置的材料
             else {
               return (
                 <div>
@@ -121,6 +119,7 @@ export default {
         {
           prop: "sjlx",
           label: "材料类型",
+          width: "80",
           render: (h, scope) => {
             return (
               <div>
@@ -132,10 +131,12 @@ export default {
         {
           prop: "sjsl",
           label: "份数",
+          width: "50"
         },
         {
           prop: "smzt",
           label: "扫描状态",
+          width: "80",
           render: (h, scope) => {
             if (scope.row.children.length > 0) {
               return (
@@ -155,6 +156,7 @@ export default {
         {
           prop: "ys",
           label: "扫描页数",
+          width: "50"
         },
         {
           label: "操作",
@@ -193,23 +195,35 @@ export default {
         imgList: [
           {
             url: 'https://img2.baidu.com/it/u=2955521104,3257476296&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=1111'
-          },
-          {
-            url: 'https://img1.baidu.com/it/u=2383300938,4241539174&fm=253&fmt=auto&app=138&f=JPEG?w=307&h=500'
           }
-        ],
+        ]
+      }
     }
-    };
   },
   computed: {
     ...mapGetters(["dictData"]),
   },
-  mounted () {
-    if (this.$parent.index == 1) {
-      this.clmlmxInit();
-    }
+  created () {
+    this.clmlInitList()
   },
   methods: {
+    // 材料目录明细初始化
+    clmlInitList () {
+      this.unitData = this.$parent.unitData;
+      var formdata = new FormData();
+      formdata.append("bsmSldy", this.unitData[0].bsmSldy);
+      formdata.append("bsmSlsq", this.$parent.bsmSlsq);
+      clmlInit(formdata).then((res) => {
+        if (res.result.result) {
+          this.tableData = res.result.result;
+          this.treeCheckId = this.tableData[0].bsmSj;
+          this.title = this.tableData[0].sjmc;
+          this.titleYs = 1;
+          this.titleNum = this.tableData[0].children.length;
+        }
+        console.log(this.tableData);
+      })
+    },
     // 左侧菜单点击
     menuClick (item) {
       this.checkedId = item.id
@@ -227,7 +241,7 @@ export default {
       };
       // 接口待调
       move(obj).then((res) => {
-        this.clmlmxInit();
+        this.clmlInitList()
       });
     },
     // 下移
@@ -236,29 +250,11 @@ export default {
         xh: row.xh,
         bsmSlsq: row.bsmSlsq,
         moveDirection: "down",
-      };
+      }
       // 接口待调
       move(obj).then((res) => {
-        console.log("222222222", res);
-        this.clmlmxInit();
-      });
-    },
-    // 材料目录明细初始化
-    clmlmxInit () {
-      this.id = this.$parent.$parent.$parent.id;
-      this.unitData = this.$parent.$parent.$parent.unitData;
-      var formdata = new FormData();
-      formdata.append("bsmSldy", this.unitData[0].bsmSldy);
-      formdata.append("bsmSlsq", this.id);
-      clmlInit(formdata).then((res) => {
-        if (res.result.result) {
-          this.tableData = res.result.result;
-          this.treeCheckId = this.tableData[0].bsmSj;
-          this.title = this.tableData[0].sjmc;
-          this.titleYs = 1;
-          this.titleNum = this.tableData[0].children.length;
-        }
-      });
+        this.clmlInitList()
+      })
     },
     // 新增弹窗保存
     addSave (data) {
@@ -398,10 +394,11 @@ export default {
 
       .menu-tree {
         width: 20%;
+        min-width: 160px;
         height: 100%;
-        margin-right: 30px;
+        margin-right: 10px;
         border-right: 1px dotted #d9d9d9;
-        padding: 0 24px;
+        padding: 0 15px;
 
         .item {
           height: 60px;
@@ -443,10 +440,9 @@ export default {
           }
 
           .child {
-            height: 60px;
-            line-height: 60px;
+            line-height: 36px;
             border-bottom: 1px solid #e8e8e8;
-            padding-left: 18px;
+            padding-left: 10px;
             color: #6b6b6b;
             cursor: pointer;
             box-sizing: border-box;

@@ -28,7 +28,7 @@
       </el-form>
     </div>
     <div class="from-clues-content">
-      <lb-table border :column="tableData.columns" :data="tableData.data" :pagination="false">
+      <lb-table border :column="tableData.columns" :heightNum="210" :data="tableData.data" :pagination="false">
       </lb-table>
     </div>
   </div>
@@ -39,12 +39,12 @@ import { getCertificateList } from "@/api/fqsq.js";
 import { datas } from "./fzxxdata";
 export default {
   mixins: [table],
-  components: {  },
+  components: {},
   props: {
 
   },
 
-  data() {
+  data () {
     return {
       ruleForm: {
         ysxlh: '',
@@ -59,12 +59,10 @@ export default {
       },
     };
   },
-  async created() {
-  },
   methods: {
     // 列表渲染接口
     fetchData () {
-      this.ruleForm.bsmSldy = this.$parent.$parent.unitData[0].bsmSldy
+      this.ruleForm.bsmSldy = this.$parent.unitData[0].bsmSldy
       getCertificateList(this.ruleForm).then(res => {
         if (res.code === 200) {
           this.tableData.data = res.result
@@ -76,5 +74,4 @@ export default {
 </script>
 <style scoped lang='scss'>
 @import "~@/styles/public.scss";
-
 </style>
\ No newline at end of file

@@ -60,6 +60,7 @@
          </div>
       </el-dialog>
       <zsylDialog ref="zsylDialog" v-model="zsylFlag" :value='zsylFlag' />
+      <el-empty description="暂无数据" v-if="tableData.length==0"></el-empty>
    </div>
 </template>
 <script>
@@ -69,10 +70,8 @@ import { getBdcqzList, invalidCertificate } from "@/api/fqsq.js";
 export default {
    components: { zsylDialog },
    props: {
-    
    },
-
-  data() {
+   data () {
       return {
          tableData: [],
          zsylFlag: false,
@@ -83,14 +82,14 @@ export default {
          bsmSz: '',
       };
    },
-  async created() {
+   created () {
       this.list();
    },
    methods: {
       //初始化列表
-      list(){  
-         var bsmSldy = this.$parent.$parent.unitData[0].bsmSldy
-         getBdcqzList({bsmSldy:bsmSldy}).then(res => {
+      list () {
+         var bsmSldy = this.$parent.unitData[0].bsmSldy
+         getBdcqzList({ bsmSldy: bsmSldy }).then(res => {
             if (res.code === 200) {
                this.tableData = res.result
                if (res.result) {
@@ -100,11 +99,11 @@ export default {
          })
       },
       //打开证书预览弹窗
-      openZsylDialog(item,type){
+      openZsylDialog (item, type) {
          this.zsylFlag = true;
          this.bdcqz = item;
          this.$refs.zsylDialog.bdcqz = item;
-         if(type == 2){
+         if (type == 2) {
             this.$nextTick(() => {
                this.$refs.zsylDialog.ysxlhList();
             });
@@ -148,10 +147,9 @@ export default {
 
    .box-card {
       float: left;
-      width: 330px;
-      margin-top: 20px;
-      margin-right: 20px;
-      height: 440px;
+      width: 300px;
+      margin-top: 10px;
+      margin-right: 10px;
 
       .szxx_body {
          height: 240px;
@@ -160,9 +158,9 @@ export default {
 }
 
 .szxx_header {
-   color: white;
+   color: #ffffff;
    font-weight: bolder;
-   font-size: 18px;
+   font-size: 16px;
 
    .header_type {
       display: flex;
@@ -173,7 +171,6 @@ export default {
    .header_text {
       text-align: center;
       margin-top: 10px;
-      height: 50px;
       line-height: 30px;
    }
 }
@@ -201,13 +198,12 @@ export default {
 
 .operation_button {
    border: 1px solid rgb(0, 121, 254);
-   padding: 15px 10px;
+   padding: 5px;
    text-align: center;
-   width: 100px;
 }
 
 .card_padding {
-   padding-top: 20px
+   padding-top: 8px
 }
 
 .invalid-diglog {

@@ -18,7 +18,13 @@
 
   .title {
     line-height: 36px;
-    padding-left: 10px;
+    text-align: center;
+  }
+
+  .title-detail {
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
   }
 
   ul {
@@ -52,6 +58,10 @@
   width: 260px;
 }
 
+/deep/.el-menu-item {
+  padding-left: 5px !important;
+}
+
 /deep/.el-tabs__header {
   margin-bottom: 0 !important;
 }

@@ -26,7 +26,7 @@
           <el-menu :default-active="activeIndex" @select="unitClick">
             <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
               <p>{{ item.bdcdyh }}</p>
-              <p>{{ item.zl }}</p>
+              <p class="title-detail">{{ item.zl }}</p>
             </el-menu-item>
           </el-menu>
         </div>