|
@@ -0,0 +1,80 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <div class="filter-container">
|
|
|
+ <el-row type="flex" justify="end">
|
|
|
+ <el-col :md="2" :xs="24" class="left-align">
|
|
|
+ <el-button class="filter-item blue-black" type="primary" icon="el-icon-search">新增</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :md="22" :xs="24" style="flost: right">
|
|
|
+ <el-input v-model="search" :placeholder="'搜索'" style="width: 200px;" clearable />
|
|
|
+ <el-button class="filter-item blue-black" type="primary" icon="el-icon-search">查询</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ border
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column prop="data1" label="盘点单号" ></el-table-column>
|
|
|
+ <el-table-column prop="data2" label="创建人" ></el-table-column>
|
|
|
+ <el-table-column prop="data3" label="创建时间" ></el-table-column>
|
|
|
+ <el-table-column prop="data4" label="盘点时间" ></el-table-column>
|
|
|
+ <el-table-column prop="data5" label="盘点范围" ></el-table-column>
|
|
|
+ <el-table-column prop="data6" label="计划盘点时间" ></el-table-column>
|
|
|
+ <el-table-column prop="data7" label="盘点人" ></el-table-column>
|
|
|
+ <el-table-column prop="data8" label="状态" ></el-table-column>
|
|
|
+ <el-table-column prop="data9" label="应盘数" ></el-table-column>
|
|
|
+ <el-table-column prop="data10" label="盘存数" ></el-table-column>
|
|
|
+ <el-table-column label="操作" >
|
|
|
+ <template scope="scope">
|
|
|
+ <el-button type="text" size="small" @click="handleClick(scope.row)">编辑</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :page-sizes="[10, 20, 50, 100]"
|
|
|
+ :page-size="10"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="1">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ methods: {
|
|
|
+ handleClick(row) {
|
|
|
+ console.log(row);
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ search: null,
|
|
|
+ tableData: [{
|
|
|
+ data1: 'GDSE3222',
|
|
|
+ data2: '小明',
|
|
|
+ data3: '2019-11-02',
|
|
|
+ data4: '2019-11-06',
|
|
|
+ data5: '[所有]',
|
|
|
+ data6: '2019-11-02~2019-11-09',
|
|
|
+ data7: '小明',
|
|
|
+ data8: '已盘点',
|
|
|
+ data9: 2,
|
|
|
+ data10: 3
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ methods: {
|
|
|
+ handleClick(val) {},
|
|
|
+ handleSizeChange() {},
|
|
|
+ handleCurrentChange() {},
|
|
|
+ currentPage4() {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|