fix:修改页面

sample-form-client-ui/admin/src/components/MateralsList.vue

 <template>
   <div>
     <el-drawer size="70%" :visible.sync="drawer" direction="rtl">
-      <div slot="title" class="title flex aic">
+      <div slot="title" class="title flex">
         <span
           >材料列表（共{{
             matterInfo.matterDatumList ? matterInfo.matterDatumList.length : 0
           }}个）</span
         >
-        <span class="matter-name"
-          >事项名称：<span v-html="matterInfo.matterName"></span
-        ></span>
+        <span class="matter-name flex1 flexwrap"
+          >事项名称：<span v-html="matterInfo.matterName"></span>
+        </span>
       </div>
       <!-- 列表 -->
       <div
@@ -110,14 +110,14 @@ export default {
   color: #333333;
   .matter-name {
     display: inline-block;
-    width: 1000px;
+    // width: 1000px;
     font-size: 20px;
     font-family: Source Han Sans CN;
-    font-weight: 400;
+    line-height: 34px;
     color: #777777;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    // overflow: hidden;
+    // text-overflow: ellipsis;
+    // white-space: nowrap;
   }
 }
 .matterDatumList-list {
@@ -125,6 +125,19 @@ export default {
   height: 100%;
   align-content: flex-start;
   overflow-y: auto;
+  &::-webkit-scrollbar {
+    width: 12px;
+    overflow-y: auto;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    background-color: rgba(144, 147, 153, 0.5);
+  }
+  &::-webkit-scrollbar-track {
+    border-radius: 6px;
+    background: #fff;
+  }
   .list {
     content: "";
     width: 19%;

sample-form-client-ui/admin/src/pages/searchpage/SearchPage.vue

@@ -39,7 +39,9 @@
               <i class="iconfont icon-dot"></i>
               <span
                 class="material-name"
-                :class="{ isMore: index === 2 && v.matterDatumList.length > 3 }"
+                :class="{
+                  isMore: index === 2 && matter.matterDatumList.length > 3,
+                }"
               >
                 {{ item.materiaFullName }}
               </span>
@@ -140,6 +142,7 @@ export default {
       this.matterList = data;
       this.matterTotal = total;
       this.matterDatumTotal = matterDatumTotal;
+      console.log(data);
     },
     // 搜索
     handleSearch() {

sample-form-client-ui/admin/src/pages/showpage/ShowMaterials.vue

@@ -117,7 +117,7 @@ export default {
       active: 0,
       scale: 100,
       showSidebar: false, // 切换侧边弹窗显示
-      width: 600,
+      width: 800,
     };
   },
   created() {
@@ -185,6 +185,19 @@ export default {
   width: 100%;
   position: relative;
   overflow: auto;
+  &::-webkit-scrollbar {
+    width: 12px;
+    overflow-y: auto;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    background-color: rgba(144, 147, 153, 0.5);
+  }
+  &::-webkit-scrollbar-track {
+    border-radius: 6px;
+    background: #fff;
+  }
   .sidebar-box {
     width: 360px;
     min-height: 340px;

sample-form-client-ui/admin/src/pages/showpage/components/LeftMenus.vue

@@ -57,6 +57,19 @@ export default {
   height: calc(100vh - 110px);
   padding: 15px 0px;
   overflow-y: auto;
+  &::-webkit-scrollbar {
+    width: 6px;
+    overflow-y: auto;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 6px;
+    background-color: rgba(144, 147, 153, 0.5);
+  }
+  &::-webkit-scrollbar-track {
+    border-radius: 6px;
+    background: #fff;
+  }
 }
 .dept-item {
   text-align: center;