|
|
@@ -0,0 +1,164 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <formComponent
|
|
|
+ :formOption="formOption"
|
|
|
+ :dataList="dataList"
|
|
|
+ :inDex="inDex"
|
|
|
+ ref="avatar"
|
|
|
+ @submitForm="submitForm"
|
|
|
+ @returnToForm="returnToForm"
|
|
|
+ />
|
|
|
+ <listComponent
|
|
|
+ :tableData="tableData"
|
|
|
+ @modify="modification"
|
|
|
+ @deletion="deletion"
|
|
|
+ @buttonList="buttonList"
|
|
|
+ @showSearch="showSearch"
|
|
|
+ @feedback="feedback"
|
|
|
+ @getList="getList"
|
|
|
+ :hasPermi="hasPermi"
|
|
|
+ :isItHidden="isItHidden"
|
|
|
+ :customButton="customButton"
|
|
|
+ :listStyle="listStyle"
|
|
|
+ :queryList="queryList"
|
|
|
+ :setRowList="setRowList"
|
|
|
+ />
|
|
|
+ <el-pagination
|
|
|
+ style="float: right;margin-top: 10px"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :page-sizes="[10, 20, 30, 50]"
|
|
|
+ :page-size="this.formDataList.pageSize"
|
|
|
+ background
|
|
|
+ layout="sizes, prev, pager, next"
|
|
|
+ :total="total">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ name: 'salesStatistics',
|
|
|
+ data(){
|
|
|
+ return{
|
|
|
+ dataList:{},
|
|
|
+ tableData:[],
|
|
|
+ setRowList:[],
|
|
|
+ isItHidden: true,
|
|
|
+ queryList: {
|
|
|
+ tableName: '销售出库统计',
|
|
|
+ columnList: []
|
|
|
+ },
|
|
|
+ hasPermi:{
|
|
|
+ lookup:['anpin:stockControl:query'],
|
|
|
+ disappear:['anpin:stockControl:remove']
|
|
|
+ },
|
|
|
+ customButton: [
|
|
|
+ {
|
|
|
+ type: 'primary',
|
|
|
+ size: 'mini',
|
|
|
+ icon: 'el-icon-edit',
|
|
|
+ name: '导出',
|
|
|
+ disabled: false,
|
|
|
+ hasPermi:['anpin:stockControl:anPingApply']
|
|
|
+ }],
|
|
|
+ inDex: 4,
|
|
|
+ total:0,
|
|
|
+ formDataList:{
|
|
|
+ pageSize:10,
|
|
|
+ pageNum:1,
|
|
|
+ },
|
|
|
+ listStyle: [
|
|
|
+ {
|
|
|
+ surface: '1',
|
|
|
+ label: 'serialNumber',
|
|
|
+ name: '序号',
|
|
|
+ checked: 0,
|
|
|
+ width: 100,
|
|
|
+ onabort: ''
|
|
|
+ },{
|
|
|
+ surface: '2',
|
|
|
+ label: 'fBillno',
|
|
|
+ name: '客户名称',
|
|
|
+ checked: 0,
|
|
|
+ width: 100,
|
|
|
+ onabort: ''
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ formOption:[
|
|
|
+ {
|
|
|
+ span: 6,
|
|
|
+ label: 'fBillno',
|
|
|
+ name: '申请编号',
|
|
|
+ inputType: 2,
|
|
|
+ width: 200,
|
|
|
+ labelSize: '80',
|
|
|
+ rules: [{ required: false, message: ' ' }]
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.queryList.columnList = this.listStyle
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ //修改
|
|
|
+ modification(scope) {
|
|
|
+ console.log(scope)
|
|
|
+ },
|
|
|
+ //删除
|
|
|
+ deletion(scope){},
|
|
|
+ //所以按钮
|
|
|
+ buttonList(row){
|
|
|
+ console.log(row)
|
|
|
+ },
|
|
|
+ // 显示搜索条件、点击后会调用此方法
|
|
|
+ showSearch() {
|
|
|
+ console.log('到我了')
|
|
|
+ this.searchWhether = !this.searchWhether
|
|
|
+ },
|
|
|
+ //搜索、重置、展开
|
|
|
+ feedback(res) {
|
|
|
+ console.log(res)
|
|
|
+ if (res == '展开') {
|
|
|
+ if (this.inDex == 4) {
|
|
|
+ this.inDex = this.formOption.length
|
|
|
+ } else {
|
|
|
+ this.inDex = 4
|
|
|
+ }
|
|
|
+ } else if (res == '搜索') {
|
|
|
+ this.$refs.avatar.submitForm()
|
|
|
+ } else if (res == '重置') {
|
|
|
+ this.$refs.avatar.form = {}
|
|
|
+ this.$refs.avatar.submitForm()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //点击刷新会调用此方法
|
|
|
+ getList() {
|
|
|
+ console.log('到我了2')
|
|
|
+ },
|
|
|
+ submitForm() {
|
|
|
+ console.log(this.$refs.avatar.form)
|
|
|
+ this.formDataList = this.$refs.avatar.form
|
|
|
+ },
|
|
|
+ returnToForm(row) {
|
|
|
+ console.log(row, 111)
|
|
|
+ },
|
|
|
+ //分页
|
|
|
+ handleSizeChange(val) {
|
|
|
+ // console.log(`每页 ${val} 条`);
|
|
|
+ this.formDataList.pageSize = val
|
|
|
+ this.query(this.formDataList)
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ // console.log(`当前页: ${val}`);
|
|
|
+ this.formDataList.pageNum = val
|
|
|
+ this.query(this.formDataList)
|
|
|
+ },
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+</style>
|
wengyuwen