|
@@ -12,9 +12,39 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="customer-main">
|
|
|
+ <container-title title="基础资料"></container-title>
|
|
|
+ <basic-container>
|
|
|
+ <avue-form :option="option" v-model="form"> </avue-form>
|
|
|
+ </basic-container>
|
|
|
<container-title title="库存账明细"></container-title>
|
|
|
<basic-container>
|
|
|
- <avue-crud :option="option" :data="data"></avue-crud>
|
|
|
+ <avue-crud
|
|
|
+ ref="crud"
|
|
|
+ :option="optionList"
|
|
|
+ :data="dataList"
|
|
|
+ v-model="form"
|
|
|
+ :page.sync="page"
|
|
|
+ :search.sync="search"
|
|
|
+ @search-change="searchChange"
|
|
|
+ @current-change="currentChange"
|
|
|
+ @size-change="sizeChange"
|
|
|
+ @refresh-change="refreshChange"
|
|
|
+ >
|
|
|
+ <template slot="dateSearch">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="search.date"
|
|
|
+ type="daterange"
|
|
|
+ align="right"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ <!-- <crop-select v-model="search.date" ></crop-select> -->
|
|
|
+ </template>
|
|
|
+ </avue-crud>
|
|
|
</basic-container>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -25,9 +55,77 @@ export default {
|
|
|
name: "detailsPage",
|
|
|
data() {
|
|
|
return {
|
|
|
+ form: {},
|
|
|
+ search: {},
|
|
|
option: {
|
|
|
+ menuBtn: false,
|
|
|
+ labelWidth: 80,
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: "商品编码",
|
|
|
+ prop: "a",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "图号",
|
|
|
+ prop: "b",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "仓库名称",
|
|
|
+ prop: "c",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "商品名称",
|
|
|
+ prop: "d",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "公司",
|
|
|
+ prop: "e",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "商品车型",
|
|
|
+ prop: "f",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "产地",
|
|
|
+ prop: "g",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "本仓库存",
|
|
|
+ prop: "h",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "商品类别",
|
|
|
+ prop: "i",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "品牌",
|
|
|
+ prop: "j",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "商品车型",
|
|
|
+ prop: "k",
|
|
|
+ span: 6
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "库存数量",
|
|
|
+ prop: "l",
|
|
|
+ span: 6
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ optionList: {
|
|
|
searchShow: true,
|
|
|
- searchMenuSpan: 18,
|
|
|
+ searchMenuSpan: 6,
|
|
|
border: true,
|
|
|
index: true,
|
|
|
addBtn: false,
|
|
@@ -36,12 +134,26 @@ export default {
|
|
|
menu: false,
|
|
|
column: [
|
|
|
{
|
|
|
+ label: "仓库名称",
|
|
|
+ prop: "a1",
|
|
|
+ search: true,
|
|
|
+ hide: true,
|
|
|
+ showColumn: false
|
|
|
+ },
|
|
|
+ {
|
|
|
label: "日期",
|
|
|
- prop: "a",
|
|
|
+ prop: "date",
|
|
|
search: true,
|
|
|
overHidden: true
|
|
|
},
|
|
|
{
|
|
|
+ label: "排序规则",
|
|
|
+ prop: "a2",
|
|
|
+ search: true,
|
|
|
+ hide: true,
|
|
|
+ showColumn: false
|
|
|
+ },
|
|
|
+ {
|
|
|
label: "摘要",
|
|
|
prop: "b",
|
|
|
overHidden: true
|
|
@@ -134,7 +246,66 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
- data: []
|
|
|
+ dataList: [],
|
|
|
+ page: {
|
|
|
+ pageSize: 10,
|
|
|
+ currentPage: 1,
|
|
|
+ total: 0,
|
|
|
+ pageSizes: [10, 20, 30, 40, 50, 100, 200, 300, 400, 500]
|
|
|
+ },
|
|
|
+ pickerOptions: {
|
|
|
+ shortcuts: [
|
|
|
+ {
|
|
|
+ text: "今天",
|
|
|
+ onClick(picker) {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ picker.$emit("pick", [start, end]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: "昨天",
|
|
|
+ onClick(picker) {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(start.getTime() - 3600 * 1000 * 24);
|
|
|
+ end.setTime(end.getTime() - 3600 * 1000 * 24);
|
|
|
+ picker.$emit("pick", [start, end]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: "本月",
|
|
|
+ onClick(picker) {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(new Date(start.getFullYear(), start.getMonth(), 1));
|
|
|
+ end.setTime(new Date(end.getFullYear(), end.getMonth()+1, 0));
|
|
|
+ picker.$emit("pick", [start, end]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: "上月",
|
|
|
+ onClick(picker) {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(
|
|
|
+ new Date(start.getFullYear(), start.getMonth() - 1, 1)
|
|
|
+ );
|
|
|
+ end.setTime(new Date(end.getFullYear(), end.getMonth(), 0));
|
|
|
+ picker.$emit("pick", [start, end]);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ text: "一年内",
|
|
|
+ onClick(picker) {
|
|
|
+ const end = new Date();
|
|
|
+ const start = new Date();
|
|
|
+ start.setTime(start.getTime() - 3600 * 1000 * 24 * 365);
|
|
|
+ picker.$emit("pick", [start, end]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
};
|
|
|
},
|
|
|
props: {
|
|
@@ -144,6 +315,20 @@ export default {
|
|
|
},
|
|
|
async created() {},
|
|
|
methods: {
|
|
|
+ //点击搜索按钮触发
|
|
|
+ searchChange(params, done) {
|
|
|
+ this.page.currentPage = 1;
|
|
|
+ this.onLoad(this.page, params);
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ currentChange(val) {
|
|
|
+ this.page.currentPage = val;
|
|
|
+ },
|
|
|
+ sizeChange(val) {
|
|
|
+ this.page.currentPage = 1;
|
|
|
+ this.page.pageSize = val;
|
|
|
+ },
|
|
|
+ refreshChange() {},
|
|
|
backToList() {
|
|
|
this.$emit("goBack");
|
|
|
}
|