basePAGE #tablePagerLeft

src/views/baseData/thing/index.vue

 <template>
-  <BasePage class="min_full" :config="config" >
+  <BasePage :autoQuery="false"  class="min_full" :config="config" >
     <template  #dialog="ctx"  >
       <!-- 嵌入默认页面额外弹框的插槽 ctx.pagePage来操作默认页面 -->
     </template>
@@ -7,15 +7,31 @@
       <!-- 嵌入默认页面工具栏的插槽 ctx.pagePage来操作默认页面 -->
      <!-- <el-button @click="demo(ctx.basePage)" size='mini'  type="primary">示例按钮</el-button> -->
     </template>
+    <template  #tablePagerLeft="ctx"  >
+      <div class="tablePagerLeft">
+        <TablePager  :ref="'TablePager'" :operateButtons='false' :app='app'>
+
+        </TablePager>
+      </div>
+    </template>
 
   </BasePage>
 </template>
 
 <script>
   import Edit from './edit.vue'
+  import {
+  	tableMixin
+  } from 'common'
   export default{
+    mixins: [tableMixin],
     data(){
       return{
+        app:this,
+        tableTitle:[
+            {title: "案件编码", field: "code", fieldType:"upper",  width: 80},
+            {title: "案件名称", field: "name"},
+        ],
         config:{
           /* 基本配置*/
           url:'jcsj/gysfl',
@@ -44,24 +60,7 @@
               }
 
             ]],
-            /* 默认启停用  */
-          showqt:true,
-          // qtUrl:'',
-          /* 树的支持*/
-          // hasTree:false,
-          // treeTitle:'',
-          // treeDefaultProps: {
-          // 	children: 'children',
-          // 	label: 'name',
-          // 	fatherId: 'pid',
-          // 	sonId: 'id',
-          // 	rootName: "全部",
-          // 	rootId:'root'
-          // },
-          // treeQueryParams:{
 
-          // },
-          // treeUrl:''
 
           }
       }
@@ -81,5 +80,9 @@
 
 </script>
 
-<style>
+<style lang="scss" >
+  .tablePagerLeft{
+    height: 100%;
+    width: 200px;
+  }
 </style>