添加部分菜单

src/views/assessingTarget/assessingContent/contentDetail.vue

@@ -36,7 +36,7 @@
     <div class="segmentation" style="margin-top: 30px">
       <div class="title">
         <span>分项信息</span>
-        <el-button type="primary" size="small" style="margin-right: 50px"
+        <el-button type="primary" size="small" style="margin-right:  50px"
           >添加</el-button
         >
       </div>

src/views/assessingTarget/segmentation.vue → src/views/second/segmentation/basicTable.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="assessing-content ele-body">
+    <el-card shadow="never" v-loading="loading" element-loading-background="rgba(255, 255, 255, 1)">
     <search :search-params="searchParams" />
     <div class="operating">
         <el-button size="small" type="warning">新增</el-button>
         <el-button size="small" type="default">批量删除</el-button>
         <el-button size="small" type="default">批量导入</el-button>
     </div>
-    <el-table highlight-current-row :data="dataList" border>
+    <el-table highlight-current-row :data="dataList" :height="tableHeight" border>
       <el-table-column
         type="selection"
         width="50"
@@ -23,11 +24,24 @@
       <el-table-column label="配合部门" min-width="80" align="center"></el-table-column>
       <el-table-column label="责任领导" min-width="80" align="center"></el-table-column>
     </el-table>
+
+     <el-pagination
+        :current-page.sync="page.page"
+        :page-size="page.limit"
+        :total="count"
+        :background="true"
+        layout="total, prev, pager, next, jumper"
+        :pager-count="5"
+        class="ele-pagination-circle"
+        :flat="true"
+        @current-change="getDataList()"
+      />
+    </el-card>
   </div>
 </template>
 
 <script>
-import search from "./search.vue";
+import search from "../../assessingTarget/search";
 export default {
   components: {
     search,
@@ -36,8 +50,23 @@ export default {
     return {
       searchParams: {},
       dataList: [],
+      loading: false,
+      count: 0,
+      tableHeight: document.documentElement.clientHeight - 305,
+      page: {
+        page: 1,
+        limit: Math.floor(
+          (document.documentElement.clientHeight - 305 - 45) / 45
+        ),
+      },
     };
   },
+  created() {
+    this.getDataList();
+  },
+  methods: {
+    getDataList() {},
+  }
 };
 </script>