Update global.less.

src/components/global.less

@@ -515,4 +515,33 @@ body {
     padding-bottom: 0!important;
     margin-bottom: 20px;
   }
+}
+
+.ant-list-item{
+  word-break: break-all;
+}
+
+.card-container {
+  background: #f5f5f5;
+  & > .ant-tabs-card {
+    & > .ant-tabs-content {
+      margin-top: -16px;
+      & > .ant-tabs-tabpane {
+        background: #fff;
+        padding: 16px;
+      }
+    }
+    & > .ant-tabs-bar {
+      border-color: #fff;
+      .ant-tabs-tab {
+        border: none!important;
+        margin-right: 0!important;
+        background: transparent;
+      }
+      .ant-tabs-tab-active {
+        border-color: #fff;
+        background: #fff;
+      }
+    }
+  }
 }

src/views/attachment/AttachmentList.vue

@@ -1,30 +1,17 @@
 <template>
   <page-view>
-    <a-row
+    <a-row :gutter="12" type="flex" align="middle">
-      :gutter="12"
+      <a-col :span="24" class="search-box">
-      type="flex"
-      align="middle"
-    >
-      <a-col
-        :span="24"
-        class="search-box"
-      >
         <a-card :bordered="false">
           <div class="table-page-search-wrapper">
             <a-form layout="inline">
               <a-row :gutter="48">
-                <a-col
+                <a-col :md="6" :sm="24">
-                  :md="6"
-                  :sm="24"
-                >
                   <a-form-item label="关键词">
-                    <a-input v-model="queryParam.keyword" />
+                    <a-input v-model="queryParam.keyword"/>
                   </a-form-item>
                 </a-col>
-                <a-col
+                <a-col :md="6" :sm="24">
-                  :md="6"
-                  :sm="24"
-                >
                   <a-form-item label="年月份">
                     <a-select placeholder="请选择年月">
                       <a-select-option value="2019-01">2019-01</a-select-option>
@@ -33,40 +20,24 @@
                     </a-select>
                   </a-form-item>
                 </a-col>
-                <a-col
+                <a-col :md="6" :sm="24">
-                  :md="6"
-                  :sm="24"
-                >
                   <a-form-item label="类型">
                     <a-select placeholder="请选择类型">
                       <a-select-option value="image/png">image/png</a-select-option>
                     </a-select>
                   </a-form-item>
                 </a-col>
-                <a-col
+                <a-col :md="6" :sm="24">
-                  :md="6"
-                  :sm="24"
-                >
                   <span class="table-page-search-submitButtons">
-                    <a-button
+                    <a-button type="primary" @click="loadAttachments(true)">查询</a-button>
-                      type="primary"
+                    <a-button style="margin-left: 8px;" @click="resetParam">重置</a-button>
-                      @click="loadAttachments"
-                    >查询</a-button>
-                    <a-button
-                      style="margin-left: 8px;"
-                      @click="resetParam"
-                    >重置</a-button>
                   </span>
                 </a-col>
               </a-row>
             </a-form>
           </div>
           <div class="table-operator">
-            <a-button
+            <a-button type="primary" icon="plus" @click="showUploadModal">上传</a-button>
-              type="primary"
-              icon="plus"
-              @click="showUploadModal"
-            >上传</a-button>
           </div>
         </a-card>
       </a-col>
@@ -80,11 +51,7 @@
         :sm="12"
         :xs="24"
       >
-        <a-card
+        <a-card :bodyStyle="{ padding: 0 }" hoverable @click="showDetailDrawer(attachment)">
-          :bodyStyle="{ padding: 0 }"
-          hoverable
-          @click="showDetailDrawer(attachment)"
-        >
           <div class="attach-thumb">
             <img :src="attachment.thumbPath">
           </div>
@@ -94,10 +61,7 @@
         </a-card>
       </a-col>
     </a-row>
-    <a-row
+    <a-row type="flex" justify="end">
-      type="flex"
-      justify="end"
-    >
       <a-pagination
         :total="pagination.total"
         :defaultPageSize="pagination.size"
@@ -107,19 +71,10 @@
         @showSizeChange="handlePaginationChange"
       />
     </a-row>
-    <a-modal
+    <a-modal title="上传附件" v-model="uploadVisible" :footer="null">
-      title="上传附件"
+      <upload name="file" multiple :uploadHandler="uploadHandler" @success="handleUploadSuccess">
-      v-model="uploadVisible"
-      :footer="null"
-    >
-      <upload
-        name="file"
-        multiple
-        :uploadHandler="uploadHandler"
-        @success="handleUploadSuccess"
-      >
         <p class="ant-upload-drag-icon">
-          <a-icon type="inbox" />
+          <a-icon type="inbox"/>
         </p>
         <p class="ant-upload-text">点击选择文件或将文件拖拽到此处</p>
         <p class="ant-upload-hint">支持单个或批量上传</p>
@@ -171,10 +126,13 @@ export default {
     this.loadAttachments()
   },
   methods: {
-    loadAttachments() {
+    loadAttachments(isSearch) {
       this.queryParam.page = this.pagination.page - 1
       this.queryParam.size = this.pagination.size
       this.queryParam.sort = this.pagination.sort
+      if(isSearch){
+        this.queryParam.page = 0
+      }
       attachmentApi.query(this.queryParam).then(response => {
         this.attachments = response.data.data.content
         this.pagination.total = response.data.data.total

src/views/attachment/components/AttachmentDetailDrawer.vue

@@ -206,7 +206,7 @@ export default {
 }
 </script>
 
-<style>
+<style scope>
 .attach-detail-img img {
   width: 100%;
 }

src/views/attachment/components/AttachmentDrawer.vue

@@ -117,7 +117,7 @@ export default {
       skeletonLoading: true,
       pagination: {
         page: 1,
-        size: 14,
+        size: 20,
         sort: ''
       },
       attachments: [],
@@ -178,7 +178,7 @@ export default {
 }
 </script>
 
-<style>
+<style scope>
 .attachment-control {
   position: absolute;
   bottom: 0px;

src/views/interface/ThemeList.vue

@@ -394,30 +394,4 @@ export default {
   bottom: 80px;
   right: 20px;
 }
-
-.card-container {
-  background: #f5f5f5;
-}
-.card-container > .ant-tabs-card > .ant-tabs-content {
-  margin-top: -16px;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
-  background: #fff;
-  padding: 16px;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar {
-  border-color: #fff;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
-  border-color: transparent;
-  background: transparent;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
-  border-color: #fff;
-  background: #fff;
-}
 </style>

src/views/page/PageList.vue

@@ -107,32 +107,4 @@ export default {
     }
   }
 }
-</script>
+</script>
-
-<style>
-.card-container {
-  background: #f5f5f5;
-}
-.card-container > .ant-tabs-card > .ant-tabs-content {
-  margin-top: -16px;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
-  background: #fff;
-  padding: 16px;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar {
-  border-color: #fff;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
-  border-color: transparent;
-  background: transparent;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
-  border-color: #fff;
-  background: #fff;
-}
-</style>

src/views/system/BackupList.vue

@@ -129,31 +129,4 @@ export default {
     }
   }
 }
-</script>
+</script>
-<style>
-.card-container {
-  background: #f5f5f5;
-}
-.card-container > .ant-tabs-card > .ant-tabs-content {
-  margin-top: -16px;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
-  background: #fff;
-  padding: 16px;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar {
-  border-color: #fff;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
-  border-color: transparent;
-  background: transparent;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
-  border-color: #fff;
-  background: #fff;
-}
-</style>

src/views/system/OptionForm.vue

@@ -427,30 +427,3 @@ export default {
   }
 }
 </script>
-<style>
-.card-container {
-  background: #f5f5f5;
-}
-.card-container > .ant-tabs-card > .ant-tabs-content {
-  margin-top: -16px;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
-  background: #fff;
-  padding: 16px;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar {
-  border-color: #fff;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
-  border-color: transparent;
-  background: transparent;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
-  border-color: #fff;
-  background: #fff;
-}
-</style>

src/views/user/Profile.vue

@@ -209,33 +209,4 @@ export default {
     }
   }
 }
-</style>
+</style>
-
-<style>
-.card-container {
-  background: #f5f5f5;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-content {
-  margin-top: -16px;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
-  background: #fff;
-  padding: 16px;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar {
-  border-color: #fff;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
-  border-color: transparent;
-  background: transparent;
-}
-
-.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
-  border-color: #fff;
-  background: #fff;
-}
-</style>