infoit修改

src/views/Statics/Oit/views/Infoit/index.vue

@@ -44,7 +44,7 @@ export default {
         // paging
         pageNum: 1,
         pageSize: 5,
-        totals: 0,
+        total: 0,
       },
     }
   },

src/views/Statics/Oit/views/Infoit/infsea.vue

@@ -65,26 +65,25 @@
         </el-button>
       </c-col>
     </c-col>
-
-        <c-col :span="24" style="">
-          <el-table :data="oitData" :columns="oitColumns" style="width:100%">
-            <el-table-column
-                v-for="(item, key) in oitColumns"
-                :key="key"
-                :label="item.label"
-                :prop="item.prop"
+    <c-col :span="24">
+      <c-paging-table
+        :data="oitData"
+        :columns="oitColumns"
+        :pageNumber="model.pageNum"
+        :pageSize="model.pageSize"
+        :total="model.total"
+        v-on:queryFunc="queryFunc"
+        :border="true"
+      >
+        <c-table-column fixed="right" prop="op" label="操作" width="240px">
+          <template slot-scope="{ scope }">
+            <c-button
+              style="margin-left: 0"
+              size="small"
+              @click="oitInfo(scope.$index, scope.row)"
+              >详情</c-button
             >
-
-            </el-table-column>
-            <el-table-column fixed="right" prop="op" label="操作" width="140px">
-              <template slot="header">
-                <c-col :span="11" style="text-align:center"><span>操作</span></c-col>
-              </template>
-              <template slot-scope="scope">
-                <c-button style="margin-left: 0" size="small" @click="oitInfo(scope.$index, scope.row)">
-                  详情
-                </c-button>
-                <c-button
+            <c-button
               style="margin-left: 5px"
               size="small"
               type="primary"
@@ -97,20 +96,27 @@
               @click="oitDelete(scope.$index, scope.row)"
               >删除</c-button
             >
-              </template>
-            </el-table-column>
-          </el-table>
-          <el-pagination
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page.sync="model.pageNum"
-            :page-sizes="[5,10, 20, 50, 100, 500]"
-            :page-size="model.pageSize"
-            layout="total, sizes, prev, pager, next, jumper"
-            :total="model.totals">
-          </el-pagination>
-        </c-col>
-
+            <el-popover placement="top-start" width="50" trigger="click">
+              <ul class="table-button-item-list">
+                <li>
+                  <c-button size="small" style="margin-left: 0">指派</c-button>
+                </li>
+                <li>
+                  <c-button size="small" style="margin-left: 0">删除</c-button>
+                </li>
+              </ul>
+              <a
+                slot="reference"
+                href="javascript:void(0)"
+                style="margin-left: 5px"
+              >
+                <i class="el-icon-more"></i>
+              </a>
+            </el-popover>
+          </template>
+        </c-table-column>
+      </c-paging-table>
+    </c-col>
   </div>
 </template>
 
@@ -131,11 +137,11 @@ export default {
           prop: 'objtypCn',
           width: '120',
         },
-        { label: 'Key', prop: 'ownref' },
-        { label: 'Name', prop: 'nam' },
-        { label: '提示类型', prop: 'subtypCn'},
-        { label: '相关业务品种', prop: 'subbus'},
-        { label: '提示信息级别', prop: 'inflevCn' },
+        { label: 'Key', prop: 'ownref', width: '120' },
+        { label: 'Name', prop: 'nam', width: '120' },
+        { label: '提示类型', prop: 'subtypCn', width: '120' },
+        { label: '相关业务品种', prop: 'subbus', width: '150' },
+        { label: '提示信息级别', prop: 'inflevCn', width: '200' },
       ],
     }
   },
@@ -189,19 +195,13 @@ export default {
         this.oitData = list
         this.model.pageNum = res.pageNumber
         this.model.pageSize = res.pageSize
-        this.model.totals= parseInt(res.total)
+        this.model.total = parseInt(res.total)
       })
     },
-     // pageSize改变
-     handleSizeChange(val) {
-      this.model.pageNum = 1;
-      this.model.pageSize = val;
-      this.onInfOitSearch();
-    },
-    // 页码改变
-    handleCurrentChange(val) {
-      this.model.pageNum = val;
-      this.onInfOitSearch();
+    queryFunc(pageNumber, pageSize) {
+      this.model.pageNum = pageNumber
+      this.model.pageSize = pageSize
+      this.onInfOitSearch()
     },
     getCodesByKey(key) {
       return codes[key] ?? []