开发

src/api/common/common.js

   })
 }
 
-export function getConfigurationList(params) {
+export function getConfigurationList(limit, page) {
+  const params = {
+    limit: limit,
+    page: page
+  }
   return request({
     url: 'com/api/getconfigurationlist',
     method: 'get',

src/xt_pages/qcd/statisticalConfiguration.vue

       <div class="configTable">
         <el-table :data="configuraData" border style="width: 100%">
           <el-table-column prop="date" label="检验检查大项" width="180">
-              <template slot-scope="scope">{{ scope.row.inspection_major }}</template>
+              <template slot-scope="scope">{{ scope.row.project_name }}</template>
           </el-table-column>
           <el-table-column prop="name" label="检查小项" width="180">
-             <template slot-scope="scope">{{ scope.row.inspection_minor }}</template>
+             <template slot-scope="scope">{{ scope.row.item_name }}</template>
           </el-table-column>
           <el-table-column prop="address" label="范围">
              <template slot-scope="scope">{{ scope.row.min_range }} - {{scope.row.large_range}}</template>
           </el-table-column>
            <el-table-column prop="address" label="单位">
-              <template slot-scope="scope">{{ scope.row.min_range }}</template>
+              <template slot-scope="scope">{{ scope.row.unit }}</template>
+            </el-table-column>
+            <el-table-column prop="address" label="排序">
+                <template slot-scope="scope">{{ scope.row.sort }}</template>
             </el-table-column>
-            <el-table-column prop="address" label="排序"></el-table-column>
           <el-table-column label="操作" width="180">
             <template slot-scope="scope">
               <el-button size="mini" type="primary" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
             </template>
           </el-table-column>
         </el-table>
+
+          <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :page-sizes="[10, 20, 30, 100]"
+              :page-size="10"
+              background
+              style="margin-top:20px;float: right"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="total">
+          </el-pagination>
       </div>
 
       <el-dialog title="新增" :visible.sync="newDialog">
         inspectionMajor: [{ required: true, message: "检查大项不能为空" }],
         inspectionMinor: [{ required: true, message: "检查小项不能为空" }],
         large_range:[{required:true,message:"指控范围不能为空"}]
-      }
+      },
+      page:1,
+      limit:10,
+      total:0,
     };
   },
   methods: {
         }
       })
     },
+   handleSizeChange(limit) {
+     // this.listQuery.limit = limit;
+      this.getConfigurationList();
+    },
+    handleCurrentChange(page) {
+     // this.listQuery.page = page;
+      this.getConfigurationList();
+    },
     getConfigurationList(){
-      getConfigurationList().then(response=>{
+      getConfigurationList(this.limit,this.page).then(response=>{
         if(response.data.state === 1){
           var configurationlist = response.data.data.configurationlist
           console.log("列表",configurationlist)
           this.configuraData = configurationlist
+          var total = response.data.data.total
+          console.log("total",total)
         }
       })
     }