|  | @@ -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");
 | 
	
		
			
				|  |  |      }
 |