文档库-分阶段实施详情

jero-web/src/views/documentManage/library/docDetail/index.vue

@@ -162,9 +162,34 @@
               </div>
             </div>
           </div>
+          <div class='content-box'>
+            <div class="content">
+              <div class="header-text">
+                {{$t('DetailsPhasedImplementation')}}
+              </div>
+              <a-table
+                :pagination="false"
+                :scroll="{x: '100%'}"
+                :data-source="dataGrad"
+                :columns="columnsGrading"
+              >
+              </a-table>
+              <div class="page" v-if="dataGrad.length > 0">
+                <a-pagination
+                  :show-total="total => $t('total')+` ${tabletotal} `+$t('strip')"
+                  show-quick-jumper
+                  show-size-changer
+                  :page-size.sync="tablepageSize"
+                  :total="tabletotal"
+                  :current="tablepageNo"
+                  @change="onTableChange"
+                  @showSizeChange="tableSizeChange"
+                />
+              </div>
+            </div>
+          </div>
         </div>
       </div>
-
     </div>
     <a-modal
       :title="$t('UpdateLog')"
@@ -287,7 +312,8 @@
         url: {
           getInfo: 'document/bussDocumentLibraryEO/getInfoById',
           list: 'log/bussLogEO/page',
-          getTitle: '/document/bussDocumentLibraryEO/getTitle'
+          getTitle: '/document/bussDocumentLibraryEO/getTitle',
+          getPage: '/document/phasedImplementationDetailsEO/page'
         },
         titleHeader: '',
         visibleFile: false,
@@ -319,18 +345,51 @@
         ],
         dataSourceRelated: [],
         detailList: [],
+        dataGrad:[],
         visible: false,
         serial_number: '',
         confirmLoading: false,
         downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download',
         downLoadImgUrl: window._CONFIG['domianWebImgURL'] + '/sys/common/download',
-        loading: false,
         dataSource: [],
         pageNo: 1,
+        tablepageNo: 1,
         pageSize: 10,
+        tablepageSize: 10,
         total: 0,
+        tabletotal: 0,
         visibleRelated: false,
         dataSourceFile: [],
+        columnsGrading: [
+          {
+            title: this.$t('Statutenumberclause'),
+            dataIndex: 'standNumberOrClause',
+            align: 'left',
+            ellipsis: true,
+            width: 300
+          },
+          {
+            title: this.$t('Typeofimplementation'),
+            dataIndex: 'implementationTypeText',
+            align: 'left',
+            ellipsis: true,
+            width: 150
+          },
+          {
+            title: this.$t('ImplementationDate'),
+            dataIndex: 'implementationDate',
+            align: 'left',
+            ellipsis: true,
+            width: 150
+          },
+          {
+            title: this.$t('remarks'),
+            dataIndex: 'remarks',
+            align: 'left',
+            ellipsis: true,
+            width: 350
+          },
+        ],
         columns: [
           {
             title: this.$t('ModificationContent'),
@@ -364,6 +423,7 @@
       this.getTitle(function() {
         _this.getInfoById()
       })
+      this.getPage()
     },
     methods: {
       ...mapGetters(['userInfo']),
@@ -441,6 +501,23 @@
           }
         })
       },
+      getPage(){
+        let tablequery = {
+          pageNo: this.tablepageNo,
+          pageSize: this.tablepageSize,
+          bussDocumentLibraryId: this.$route.query.id
+        }
+        getAction(this.url.getPage, tablequery).then((res) => {
+          if (res.success) {
+            this.dataGrad = res.result.records
+            this.tabletotal=res.result.total
+            this.loading = false
+          } else {
+            this.dataGrad = []
+            this.loading = false
+          }
+        })
+      },
       clickButtonToUpload(item) {
         this.loading = true
         this.visibleFile = true
@@ -518,11 +595,20 @@
         this.pageNo = page
         this.bussLogList()
       },
+      onTableChange(page, pageSize) {
+        this.tablepageNo = page
+        this.getPage()
+      },
       SizeChange(page, pageSize) {
         this.pageNo = 1
         this.pageSize = pageSize
         this.bussLogList()
       },
+      tableSizeChange(page, pageSize) {
+        this.tablepageNo = 1
+        this.tablepageSize = pageSize
+        this.getPage()
+      },
       DocumentSplitting() {
         let serial_number = ''
         if (this.detailList.length > 0) {
@@ -835,6 +921,10 @@
   //}
 
   /deep/ .ant-table-placeholder{
-    margin-top: 8px !important;
+    margin-top: 0px !important;
+  }
+
+  .text {
+    margin-right: 10px
   }
 </style>