优化组件

jero-web/src/components/tableDate/index.vue

@@ -26,7 +26,7 @@
         </tbody>
       </table>
     </div>
-    <div class="page">
+    <div class="page" v-if="jsonBody.length > 0">
       <a-pagination
         :show-total="total => `共 ${total} 条`"
         show-quick-jumper
@@ -41,6 +41,7 @@
 
 <script>
   import eventBUs from '../../common/event'
+  import { getAction } from '@/api/manage'
 
   export default {
     name: 'index',
@@ -56,62 +57,19 @@
         default: []
       },
       //是否显示操作；默认显示
-      isOperation:{
+      isOperation: {
         type: Boolean,
-        default:true,
+        default: true
       },
+      flag: {
+        type: String,
+        default: ''
+      }
     },
     data() {
       return {
         pageSize: 20,
-        jsonHead: [
-          {
-            'name': '序号',
-            'enName': 'Swrial number'
-          },
-          {
-            'name': '编号',
-            'enName': 'Swrial number'
-          },
-          {
-            'name': '标题',
-            'enName': 'Title'
-          },
-          {
-            'name': '发布日期',
-            'enName': 'Release data'
-          },
-          {
-            'name': '标准实施日期',
-            'enName': 'Standard data'
-          },
-          {
-            'name': '状态',
-            'enName': 'State'
-          }
-        ],
-        jsonBody: [
-          {
-            // 'col1': '河流1',
-            id: 1,
-            'col2': '河流26dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col3': '大羊沟6dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col4': '待审批6dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col5': '待审批6dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col6': '待审批6dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col7': 0.6
-          },
-          {
-            // 'col1': '河流1',
-            id: 2,
-            'col2': '河流2',
-            'col3': '大羊沟',
-            'col4': '待审批',
-            'col5': 0.6,
-            'col6': '0.6dsfdsfdsfdsfsfdsfsfsfsfsdfsfsfdsfsfdsfdsfdsfdsfdsf1232132132132131321321321312312321321321312dsf',
-            'col7': 0.6
-          }
-        ],
+        jsonBody: [],
         checkboxList: [],
         tableAll: false,
         indeterminate: false
@@ -125,17 +83,25 @@
         console.log(target)
       })
       this.getData()
+      this.getTableList()
     },
     methods: {
       getData() {
-        var jsonHead = this.jsonHead
-        for (var i = 0; i < jsonHead.length; i++) {
-          $('#table_thead_tr').append('<th class="box-th">' + jsonHead[i].enName + '</br>' + jsonHead[i].name + '</th>')
-        }
-        if (this.isOperation){
-          let th = '<th class="box-th box-th-po">' + 'Operation ' + '</br>' + '操作' + '</th>'
-          $('#table_thead_tr').append(th)
+        let params = {
+          flag: this.flag
         }
+        getAction(this.url.tableHeader, params).then((res) => {
+          if (res.success) {
+            var jsonHead = res.result
+            for (var i = 0; i < jsonHead.length; i++) {
+              $('#table_thead_tr').append('<th class="box-th">' + jsonHead[i].db_field_en_name + '</br>' + jsonHead[i].db_field_txt + '</th>')
+            }
+            if (this.isOperation) {
+              let th = '<th class="box-th box-th-po">' + 'Operation ' + '</br>' + '操作' + '</th>'
+              $('#table_thead_tr').append(th)
+            }
+          }
+        })
       },
       checkboxChange(checkedList) {
         this.indeterminate = !!checkedList.length && checkedList.length < this.jsonBody.length
@@ -150,6 +116,16 @@
           })
         }
       },
+      getTableList() {
+        let params = {
+
+        }
+        getAction(this.url.tableList, params).then((res) => {
+          if (res.success) {
+
+          }
+        })
+      },
       onChange() {
 
       },