.

src/router/routes.js

@@ -4,6 +4,11 @@ import Index from '@/views/index/Index.vue'
 /* 定点屠宰智能管控 */
 import firmBuy from '@/views/slaughterManagment/firmBuy.vue'
 import packinghouse from '@/views/slaughterManagment/packinghouse.vue'
+import segmentation from '@/views/slaughterManagment/segmentation.vue'
+import productTest from '@/views/slaughterManagment/productTest.vue'
+import sell from '@/views/slaughterManagment/sell.vue'
+import costAccounting from '@/views/slaughterManagment/costAccounting.vue'
+import refrigerationStorage from '@/views/slaughterManagment/refrigerationStorage.vue'
 
 /* 产品制作智能监控 */
 
@@ -39,6 +44,31 @@ export default [
 				name: 'packinghouse',
 				component: packinghouse
 			},
+			{
+				path: 'segmentation',
+				name: 'segmentation',
+				component: segmentation
+			},
+			{
+				path: 'productTest',
+				name: 'productTest',
+				component: productTest
+			},
+			{
+				path: 'sell',
+				name: 'sell',
+				component: sell
+			},
+			{
+				path: 'costAccounting',
+				name: 'costAccounting',
+				component: costAccounting
+			},
+			{
+				path: 'refrigerationStorage',
+				name: 'refrigerationStorage',
+				component: refrigerationStorage
+			},
 			
 			
 			// 模板

src/views/Home/mencCofig.js

@@ -26,27 +26,27 @@ export const menuData = [
             {
                 optionName: '分割加工',
                 index: '1-3',
-                routerName: "DeliveryRoom"
+                routerName: "segmentation"
             },
             {
                 optionName: '产品检测',
                 index: '1-4',
-                routerName: "DeliveryRoom"
+                routerName: "productTest"
             },
             {
                 optionName: '销售管理',
                 index: '1-5',
-                routerName: "DeliveryRoom"
+                routerName: "sell"
             },
             {
                 optionName: '成本核算',
                 index: '1-6',
-                routerName: "DeliveryRoom"
+                routerName: "costAccounting"
             },
             {
                 optionName: '冷库管理',
                 index: '1-7',
-                routerName: "DeliveryRoom"
+                routerName: "refrigerationStorage"
             },
         ]
     },

src/views/slaughterManagment/costAccounting.vue

@@ -0,0 +1,175 @@
+<template>
+    <!-- 静态  成本核算 -->
+    <div class="costAccounting">
+        <header id="header">
+            <el-row type="flex">
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="1区" value="11"></el-option>
+                        <el-option label="2区" value="22"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="1舍" value="13"></el-option>
+                        <el-option label="2舍" value="24"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="可用" value="15"></el-option>
+                        <el-option label="可用" value="26"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-button type="primary">查找</el-button>
+                </el-col>
+                <el-col :span="4">
+                    <el-button type="primary">新增</el-button>
+                </el-col>
+            </el-row>
+        </header>
+        <section>
+            <article class="table">
+                <el-table
+                    ref="multipleTable"
+                    :data="tableData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    @selection-change="handleSelectionChange"
+                >
+                    <el-table-column type="selection" width="55"></el-table-column>
+                    <el-table-column prop="a" label="屠宰批次"></el-table-column>
+                    <el-table-column prop="b" label="产品名称"></el-table-column>
+                    <el-table-column prop="c" label="排酸时间"></el-table-column>
+                    <el-table-column prop="d" label="排酸前重量"></el-table-column>
+                    <el-table-column prop="e" label="排酸后重量"></el-table-column>
+                    <el-table-column prop="f" label="排酸损耗"></el-table-column>
+                    <el-table-column prop="g" label="负责人员"></el-table-column>
+                    <!-- <el-table-column label="操作" width="150">
+                        <template slot-scope="scope">
+                            <el-button @click="edit(scope.row)" type="text" size="small">编辑</el-button>
+                            <el-popconfirm title="是否删除此设备的信息？" @onConfirm="del(scope.row)">
+                                <el-button slot="reference" type="text" size="small">删除</el-button>
+                            </el-popconfirm>
+                        </template>
+                    </el-table-column> -->
+                </el-table>
+                <div style="margin-top: 20px">
+                    <el-button @click="toggleSelection([tableData[1], tableData[2]])">切换第二、第三行的选中状态</el-button>
+                    <el-button @click="toggleSelection()">取消选择</el-button>
+                    <el-button @click="inStore">入待宰栏</el-button>
+                </div>
+
+                <el-row type="flex" justify="end">
+                    <el-col :span="8" class="pagination">
+                        <el-pagination
+                            @current-change="pageChange"
+                            background
+                            layout="prev, pager, next"
+                            :page-count="10"
+                        ></el-pagination>
+                    </el-col>
+                </el-row>
+            </article>
+        </section>
+    </div>
+</template>
+
+<script>
+
+const pageSize = 10
+const tableData = [
+                {
+                    a: "15463",
+                    b: "胴体",
+                    c: "2020-07-14",
+                    d: "49kg",
+                    e: "48kg",
+                    f: "1.6%",
+                    g: "张小刚",
+                },
+                {
+                    a: "15463",
+                    b: "带骨羊前腿",
+                    c: "2020-07-14",
+                    d: "49kg",
+                    e: "48kg",
+                    f: "1.6%",
+                    g: "张小刚",
+                },
+                {
+                    a: "15463",
+                    b: "羔羊肉卷",
+                    c: "2020-07-14",
+                    d: "49kg",
+                    e: "48kg",
+                    f: "1.6%",
+                    g: "张小刚",
+                },
+                {
+                    a: "15463",
+                    b: "胴体",
+                    c: "2020-07-14",
+                    d: "49kg",
+                    e: "48kg",
+                    f: "1.6%",
+                    g: "张小刚",
+                },
+                {
+                    a: "15463",
+                    b: "羔羊肉卷",
+                    c: "2020-07-14",
+                    d: "49kg",
+                    e: "48kg",
+                    f: "1.6%",
+                    g: "张小刚",
+                },
+                
+                
+            ]
+
+export default {
+    data() {
+        return {
+            value: "",
+            multipleSelection: [],
+            page: 1,
+            tableData
+        };
+    },
+    created() {},
+    methods: {
+        toggleSelection(rows) {
+            if (rows) {
+                rows.forEach(row => {
+                    this.$refs.multipleTable.toggleRowSelection(row);
+                });
+            } else {
+                this.$refs.multipleTable.clearSelection();
+            }
+        },
+        // 入待宰栏
+        inStore() {},
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        edit(row) {},
+        del(row) {},
+        pageChange(p) {
+            console.log(p);
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+#header {
+    margin-bottom: 15px;
+}
+.table {
+    .pagination {
+        margin-top: 20px;
+    }
+}
+</style>

src/views/slaughterManagment/firmBuy.vue

@@ -1,5 +1,5 @@
 <template>
-    <!-- 静态  -->
+    <!-- 静态  企业采购-->
     <div class="firmBuy">
         <header id="header">
             <el-row type="flex">

src/views/slaughterManagment/packinghouse.vue

@@ -1,5 +1,5 @@
 <template>
-    <!-- 静态  -->
+    <!-- 静态  屠宰加工-->
     <div class="packinghouse">
         <header id="header">
             <el-row type="flex">
@@ -57,7 +57,7 @@
                 <div style="margin-top: 20px">
                     <el-button @click="toggleSelection([tableData[1], tableData[2]])">切换第二、第三行的选中状态</el-button>
                     <el-button @click="toggleSelection()">取消选择</el-button>
-                    <el-button @click="inStore">入待宰栏</el-button>
+                    <el-button @click="inStore">入库</el-button>
                 </div>
 
                 <el-row type="flex" justify="end">

src/views/slaughterManagment/productTest.vue

@@ -0,0 +1,170 @@
+<template>
+    <!-- 静态  分割加工 -->
+    <div class="segmentation">
+        <header id="header">
+            <el-row type="flex">
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="1区" value="11"></el-option>
+                        <el-option label="2区" value="22"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="1舍" value="13"></el-option>
+                        <el-option label="2舍" value="24"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="可用" value="15"></el-option>
+                        <el-option label="可用" value="26"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-button type="primary">查找</el-button>
+                </el-col>
+                <el-col :span="4">
+                    <el-button type="primary">新增</el-button>
+                </el-col>
+            </el-row>
+        </header>
+        <section>
+            <article class="table">
+                <el-table
+                    ref="multipleTable"
+                    :data="tableData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    @selection-change="handleSelectionChange"
+                >
+                    <el-table-column type="selection" width="55"></el-table-column>
+                    <el-table-column prop="id" label="羊只编号" width="180"></el-table-column>
+                    <el-table-column prop="date" label="入栏时间" width="180"></el-table-column>
+                    <el-table-column prop="a" label="目前位置"></el-table-column>
+                    <el-table-column prop="b" label="操作人员"></el-table-column>
+                    <el-table-column prop="c" label="批次号"></el-table-column>
+                    <!-- <el-table-column label="操作" width="150">
+                        <template slot-scope="scope">
+                            <el-button @click="edit(scope.row)" type="text" size="small">编辑</el-button>
+                            <el-popconfirm title="是否删除此设备的信息？" @onConfirm="del(scope.row)">
+                                <el-button slot="reference" type="text" size="small">删除</el-button>
+                            </el-popconfirm>
+                        </template>
+                    </el-table-column> -->
+                </el-table>
+                <div style="margin-top: 20px">
+                    <el-button @click="toggleSelection([tableData[1], tableData[2]])">切换第二、第三行的选中状态</el-button>
+                    <el-button @click="toggleSelection()">取消选择</el-button>
+                    <el-button @click="inStore">送检</el-button>
+                </div>
+
+                <el-row type="flex" justify="end">
+                    <el-col :span="8" class="pagination">
+                        <el-pagination
+                            @current-change="pageChange"
+                            background
+                            layout="prev, pager, next"
+                            :page-count="10"
+                        ></el-pagination>
+                    </el-col>
+                </el-row>
+            </article>
+        </section>
+    </div>
+</template>
+
+<script>
+
+const pageSize = 10
+const tableData = [
+                {
+                    id: "12457",
+                    date: "2020-07-14 14:35",
+                    a: "待宰栏一舍01",
+                    b: "张小刚",
+                    c: "12456"
+                },
+                {
+                    id: "12457",
+                    date: "2020-07-14 14:35",
+                    a: "待宰栏一舍01",
+                    b: "李小红",
+                    c: "12456"
+                },
+                {
+                    id: "12457",
+                    date: "2020-07-14 14:35",
+                    a: "待宰栏一舍01",
+                    b: "王小明",
+                    c: "12456"
+                },
+                {
+                    id: "12457",
+                    date: "2020-07-14 14:35",
+                    a: "待宰栏一舍01",
+                    b: "周小伟",
+                    c: "12456"
+                },
+                {
+                    id: "12457",
+                    date: "2020-07-14 14:35",
+                    a: "待宰栏一舍01",
+                    b: "张小刚",
+                    c: "12456"
+                },
+                {
+                    id: "12457",
+                    date: "2020-07-14 14:35",
+                    a: "待宰栏一舍01",
+                    b: "李小红",
+                    c: "12456"
+                },
+               
+                
+            ]
+
+export default {
+    data() {
+        return {
+            value: "",
+            multipleSelection: [],
+            page: 1,
+            tableData
+        };
+    },
+    created() {},
+    methods: {
+        toggleSelection(rows) {
+            if (rows) {
+                rows.forEach(row => {
+                    this.$refs.multipleTable.toggleRowSelection(row);
+                });
+            } else {
+                this.$refs.multipleTable.clearSelection();
+            }
+        },
+        // 入待宰栏
+        inStore() {},
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        edit(row) {},
+        del(row) {},
+        pageChange(p) {
+            console.log(p);
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+#header {
+    margin-bottom: 15px;
+}
+.table {
+    .pagination {
+        margin-top: 20px;
+    }
+}
+</style>

src/views/slaughterManagment/refrigerationStorage.vue

@@ -0,0 +1,184 @@
+<template>
+    <!-- 静态  冷库管理 -->
+    <div class="refrigerationStorage">
+        <header id="header">
+            <el-row type="flex">
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="1区" value="11"></el-option>
+                        <el-option label="2区" value="22"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="1舍" value="13"></el-option>
+                        <el-option label="2舍" value="24"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="可用" value="15"></el-option>
+                        <el-option label="可用" value="26"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-button type="primary">查找</el-button>
+                </el-col>
+                <el-col :span="4">
+                    <el-button type="primary">新增</el-button>
+                </el-col>
+            </el-row>
+        </header>
+        <section>
+            <article class="table">
+                <el-table
+                    ref="multipleTable"
+                    :data="tableData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    @selection-change="handleSelectionChange"
+                >
+                    <el-table-column type="selection" width="55"></el-table-column>
+                    <el-table-column prop="a" label="胴体编码"></el-table-column>
+                    <el-table-column prop="b" label="入库时间"></el-table-column>
+                    <el-table-column prop="c" label="储存位置"></el-table-column>
+                    <el-table-column prop="d" label="屠宰时间"></el-table-column>
+                    <el-table-column prop="e" label="入库重量"></el-table-column>
+                    <el-table-column prop="f" label="操作人员"></el-table-column>
+                    <el-table-column prop="g" label="屠宰批次"></el-table-column>
+                    <!-- <el-table-column label="操作" width="150">
+                        <template slot-scope="scope">
+                            <el-button @click="edit(scope.row)" type="text" size="small">编辑</el-button>
+                            <el-popconfirm title="是否删除此设备的信息？" @onConfirm="del(scope.row)">
+                                <el-button slot="reference" type="text" size="small">删除</el-button>
+                            </el-popconfirm>
+                        </template>
+                    </el-table-column> -->
+                </el-table>
+                <div style="margin-top: 20px">
+                    <el-button @click="toggleSelection([tableData[1], tableData[2]])">切换第二、第三行的选中状态</el-button>
+                    <el-button @click="toggleSelection()">取消选择</el-button>
+                    <el-button @click="inStore">入待宰栏</el-button>
+                </div>
+
+                <el-row type="flex" justify="end">
+                    <el-col :span="8" class="pagination">
+                        <el-pagination
+                            @current-change="pageChange"
+                            background
+                            layout="prev, pager, next"
+                            :page-count="10"
+                        ></el-pagination>
+                    </el-col>
+                </el-row>
+            </article>
+        </section>
+    </div>
+</template>
+
+<script>
+
+const pageSize = 10
+const tableData = [
+                {
+                    a: "12425",
+                    b: "2020-07-14",
+                    c: "一号仓",
+                    d: "2020-07-21",
+                    e: "49kg",
+                    f: "张小刚",
+                    g: "15464"
+                },
+                {
+                    a: "12425",
+                    b: "2020-07-14",
+                    c: "一号仓",
+                    d: "2020-07-21",
+                    e: "49kg",
+                    f: "王小明",
+                    g: "15464"
+                },
+                {
+                    a: "12425",
+                    b: "2020-07-14",
+                    c: "一号仓",
+                    d: "2020-07-21",
+                    e: "49kg",
+                    f: "周小伟",
+                    g: "15464"
+                },
+                {
+                    a: "12425",
+                    b: "2020-07-14",
+                    c: "一号仓",
+                    d: "2020-07-21",
+                    e: "49kg",
+                    f: "王小明",
+                    g: "15464"
+                },
+                {
+                    a: "12425",
+                    b: "2020-07-14",
+                    c: "一号仓",
+                    d: "2020-07-21",
+                    e: "49kg",
+                    f: "张小刚",
+                    g: "15464"
+                },
+                {
+                    a: "12425",
+                    b: "2020-07-14",
+                    c: "一号仓",
+                    d: "2020-07-21",
+                    e: "49kg",
+                    f: "周小伟",
+                    g: "15464"
+                },
+                
+                
+            ]
+
+export default {
+    data() {
+        return {
+            value: "",
+            multipleSelection: [],
+            page: 1,
+            tableData
+        };
+    },
+    created() {},
+    methods: {
+        toggleSelection(rows) {
+            if (rows) {
+                rows.forEach(row => {
+                    this.$refs.multipleTable.toggleRowSelection(row);
+                });
+            } else {
+                this.$refs.multipleTable.clearSelection();
+            }
+        },
+        // 入待宰栏
+        inStore() {},
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        edit(row) {},
+        del(row) {},
+        pageChange(p) {
+            console.log(p);
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+#header {
+    margin-bottom: 15px;
+}
+.table {
+    .pagination {
+        margin-top: 20px;
+    }
+}
+</style>

src/views/slaughterManagment/segmentation.vue

@@ -0,0 +1,160 @@
+<template>
+    <!-- 静态  分割加工 -->
+    <div class="segmentation">
+        <header id="header">
+            <el-row type="flex">
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="1区" value="11"></el-option>
+                        <el-option label="2区" value="22"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="1舍" value="13"></el-option>
+                        <el-option label="2舍" value="24"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="可用" value="15"></el-option>
+                        <el-option label="可用" value="26"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-button type="primary">查找</el-button>
+                </el-col>
+                <el-col :span="4">
+                    <el-button type="primary">新增</el-button>
+                </el-col>
+            </el-row>
+        </header>
+        <section>
+            <article class="table">
+                <el-table
+                    ref="multipleTable"
+                    :data="tableData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    @selection-change="handleSelectionChange"
+                >
+                    <el-table-column type="selection" width="55"></el-table-column>
+                    <el-table-column prop="id" label="筒体编号" width="180"></el-table-column>
+                    <el-table-column prop="date" label="加工时间" width="180"></el-table-column>
+                    <el-table-column prop="a" label="屠宰批次"></el-table-column>
+                    <el-table-column prop="b" label="加工前重量"></el-table-column>
+                    <el-table-column prop="c" label="确认人"></el-table-column>
+                    <el-table-column prop="d" label="备注"></el-table-column>
+                    <!-- <el-table-column label="操作" width="150">
+                        <template slot-scope="scope">
+                            <el-button @click="edit(scope.row)" type="text" size="small">编辑</el-button>
+                            <el-popconfirm title="是否删除此设备的信息？" @onConfirm="del(scope.row)">
+                                <el-button slot="reference" type="text" size="small">删除</el-button>
+                            </el-popconfirm>
+                        </template>
+                    </el-table-column> -->
+                </el-table>
+                <div style="margin-top: 20px">
+                    <el-button @click="toggleSelection([tableData[1], tableData[2]])">切换第二、第三行的选中状态</el-button>
+                    <el-button @click="toggleSelection()">取消选择</el-button>
+                    <el-button @click="inStore">入库</el-button>
+                </div>
+
+                <el-row type="flex" justify="end">
+                    <el-col :span="8" class="pagination">
+                        <el-pagination
+                            @current-change="pageChange"
+                            background
+                            layout="prev, pager, next"
+                            :page-count="10"
+                        ></el-pagination>
+                    </el-col>
+                </el-row>
+            </article>
+        </section>
+    </div>
+</template>
+
+<script>
+
+const pageSize = 10
+const tableData = [
+                {
+                    id: "12425",
+                    date: "2020-07-14",
+                    a: "24563",
+                    b: "52kg",
+                    c: "张小刚",
+                    d: "暂无备注"
+                },
+                {
+                    id: "12426",
+                    date: "2020-07-14",
+                    a: "24563",
+                    b: "49kg",
+                    c: "张小刚",
+                    d: "暂无备注"
+                },
+                {
+                    id: "12427",
+                    date: "2020-07-14",
+                    a: "24563",
+                    b: "46kg",
+                    c: "张小刚",
+                    d: "暂无备注"
+                },
+                {
+                    id: "12428",
+                    date: "2020-07-14",
+                    a: "24563",
+                    b: "50kg",
+                    c: "张小刚",
+                    d: "暂无备注"
+                },
+                
+            ]
+
+export default {
+    data() {
+        return {
+            value: "",
+            multipleSelection: [],
+            page: 1,
+            tableData
+        };
+    },
+    created() {},
+    methods: {
+        toggleSelection(rows) {
+            if (rows) {
+                rows.forEach(row => {
+                    this.$refs.multipleTable.toggleRowSelection(row);
+                });
+            } else {
+                this.$refs.multipleTable.clearSelection();
+            }
+        },
+        // 入待宰栏
+        inStore() {},
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        edit(row) {},
+        del(row) {},
+        pageChange(p) {
+            console.log(p);
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+#header {
+    margin-bottom: 15px;
+}
+.table {
+    .pagination {
+        margin-top: 20px;
+    }
+}
+</style>

src/views/slaughterManagment/sell.vue

@@ -0,0 +1,176 @@
+<template>
+    <!-- 静态  销售管理 -->
+    <div class="sell">
+        <header id="header">
+            <el-row type="flex">
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="1区" value="11"></el-option>
+                        <el-option label="2区" value="22"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="1舍" value="13"></el-option>
+                        <el-option label="2舍" value="24"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-select v-model="value" placeholder="请选择">
+                        <el-option label="可用" value="15"></el-option>
+                        <el-option label="可用" value="26"></el-option>
+                    </el-select>
+                </el-col>
+                <el-col :span="4">
+                    <el-button type="primary">查找</el-button>
+                </el-col>
+                <el-col :span="4">
+                    <el-button type="primary">新增</el-button>
+                </el-col>
+            </el-row>
+        </header>
+        <section>
+            <article class="table">
+                <el-table
+                    ref="multipleTable"
+                    :data="tableData"
+                    tooltip-effect="dark"
+                    style="width: 100%"
+                    @selection-change="handleSelectionChange"
+                >
+                    <el-table-column type="selection" width="55"></el-table-column>
+                    <el-table-column prop="a" label="公司（单位）"></el-table-column>
+                    <el-table-column prop="b" label="客户姓名"></el-table-column>
+                    <el-table-column prop="c" label="联系方式"></el-table-column>
+                    <el-table-column prop="d" label="地址"></el-table-column>
+                    <el-table-column prop="e" label="备注"></el-table-column>
+                    <!-- <el-table-column label="操作" width="150">
+                        <template slot-scope="scope">
+                            <el-button @click="edit(scope.row)" type="text" size="small">编辑</el-button>
+                            <el-popconfirm title="是否删除此设备的信息？" @onConfirm="del(scope.row)">
+                                <el-button slot="reference" type="text" size="small">删除</el-button>
+                            </el-popconfirm>
+                        </template>
+                    </el-table-column> -->
+                </el-table>
+                <div style="margin-top: 20px">
+                    <el-button @click="toggleSelection([tableData[1], tableData[2]])">切换第二、第三行的选中状态</el-button>
+                    <el-button @click="toggleSelection()">取消选择</el-button>
+                    <el-button @click="inStore">删除所选</el-button>
+                </div>
+
+                <el-row type="flex" justify="end">
+                    <el-col :span="8" class="pagination">
+                        <el-pagination
+                            @current-change="pageChange"
+                            background
+                            layout="prev, pager, next"
+                            :page-count="10"
+                        ></el-pagination>
+                    </el-col>
+                </el-row>
+            </article>
+        </section>
+    </div>
+</template>
+
+<script>
+
+const pageSize = 10
+const tableData = [
+                {
+                    a: "广州广泛食品有限公司",
+                    b: "张小刚",
+                    c: "13456255464",
+                    d: "深圳新思路1242号",
+                    e: "未添加备注信息"
+                },
+                {
+                    a: "广州广泛食品有限公司",
+                    b: "李小红",
+                    c: "13456255464",
+                    d: "湖北省武汉市武昌区高架路135号",
+                    e: "未添加备注信息"
+                },
+                {
+                    a: "广州广泛食品有限公司",
+                    b: "王小明",
+                    c: "13456255464",
+                    d: "金华市淮海路12号",
+                    e: "未添加备注信息"
+                },
+                {
+                    a: "广州广泛食品有限公司",
+                    b: "李小红",
+                    c: "13456255464",
+                    d: "湖北省武汉市武昌区高架路135号",
+                    e: "未添加备注信息"
+                },
+                {
+                    a: "广州广泛食品有限公司",
+                    b: "王小明",
+                    c: "13456255464",
+                    d: "金华市淮海路12号",
+                    e: "未添加备注信息"
+                },
+                {
+                    a: "广州广泛食品有限公司",
+                    b: "张小刚",
+                    c: "13456255464",
+                    d: "深圳新思路1242号",
+                    e: "未添加备注信息"
+                },
+                {
+                    a: "广州广泛食品有限公司",
+                    b: "张小刚",
+                    c: "13456255464",
+                    d: "深圳新思路1242号",
+                    e: "未添加备注信息"
+                },
+                
+            ]
+
+export default {
+    data() {
+        return {
+            value: "",
+            multipleSelection: [],
+            page: 1,
+            tableData
+        };
+    },
+    created() {},
+    methods: {
+        toggleSelection(rows) {
+            if (rows) {
+                rows.forEach(row => {
+                    this.$refs.multipleTable.toggleRowSelection(row);
+                });
+            } else {
+                this.$refs.multipleTable.clearSelection();
+            }
+        },
+        // 入待宰栏
+        inStore() {},
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        edit(row) {},
+        del(row) {},
+        pageChange(p) {
+            console.log(p);
+        }
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+#header {
+    margin-bottom: 15px;
+}
+.table {
+    .pagination {
+        margin-top: 20px;
+    }
+}
+</style>