chenrui 4 سال پیش
والد
کامیت
11e522a199

+ 132 - 1
src/config/router.config.js

@@ -1190,6 +1190,138 @@ export const asyncRouterMap = [
           }
         ]
       },
+      // 财务管理
+      {
+        path: '/financialManagement',
+        redirect: '/financialManagement/warehousingAudit',
+        component: PageView,
+        meta: {
+          title: '财务管理',
+          icon: 'gold'
+          // permission: 'M_shop'
+        },
+        children: [
+          {
+            path: '/financialManagement/warehousingAudit',
+            redirect: '/financialManagement/warehousingAudit/list',
+            name: 'warehousingAudit',
+            component: RouteView,
+            meta: {
+              title: '入库审核',
+              icon: 'gold'
+              // permission: 'M_goodsManage_list'
+            },
+            hideChildrenInMenu: true,
+            children: [
+              {
+                path: '/financialManagement/warehousingAudit/list',
+                name: 'warehousingAuditList',
+                component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/warehousingAudit/list.vue'),
+                meta: {
+                  title: '入库审核列表',
+                  icon: 'gold',
+                  hidden: true
+                  // permission: 'M_goodsManage_list'
+                }
+              },
+              {
+                path: '/financialManagement/warehousingAudit/detail/:id',
+                name: 'warehousingAuditDetail',
+                component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/warehousingAudit/detail.vue'),
+                meta: {
+                  title: '入库审核详情',
+                  icon: 'gold',
+                  hidden: true
+                  // permission: 'B_goodsManage_edit'
+                }
+              }
+            ]
+          },
+          {
+            path: '/financialManagement/inventoryReview',
+            redirect: '/financialManagement/inventoryReview/list',
+            name: 'inventoryReview',
+            component: RouteView,
+            meta: {
+              title: '盘点审核',
+              icon: 'gold'
+              // permission: 'M_goodsManage_list'
+            },
+            hideChildrenInMenu: true,
+            children: [
+              {
+                path: '/financialManagement/inventoryReview/list',
+                name: 'inventoryReviewList',
+                component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/inventoryReview/list.vue'),
+                meta: {
+                  title: '盘点审核列表',
+                  icon: 'gold',
+                  hidden: true
+                  // permission: 'M_goodsManage_list'
+                }
+              },
+              {
+                path: '/financialManagement/inventoryReview/detail/:id',
+                name: 'inventoryReviewDetail',
+                component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/inventoryReview/detail.vue'),
+                meta: {
+                  title: '盘点审核详情',
+                  icon: 'gold',
+                  hidden: true
+                  // permission: 'B_goodsManage_edit'
+                }
+              }
+            ]
+          },
+          {
+            path: '/financialManagement/expenseManagement',
+            redirect: '/financialManagement/expenseManagement/list',
+            name: 'expenseManagement',
+            component: RouteView,
+            meta: {
+              title: '费用管理',
+              icon: 'gold'
+              // permission: 'M_goodsManage_list'
+            },
+            hideChildrenInMenu: true,
+            children: [
+              {
+                path: '/financialManagement/expenseManagement/list',
+                name: 'expenseManagementList',
+                component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/expenseManagement/list.vue'),
+                meta: {
+                  title: '费用单列表',
+                  icon: 'gold',
+                  hidden: true
+                  // permission: 'M_goodsManage_list'
+                }
+              },
+              {
+                path: '/financialManagement/expenseManagement/add',
+                name: 'expenseManagementDetail',
+                component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/expenseManagement/edit.vue'),
+                meta: {
+                  title: '新增费用单',
+                  icon: 'gold',
+                  hidden: true
+                  // permission: 'B_goodsManage_edit'
+                }
+              },
+              {
+                path: '/financialManagement/expenseManagement/edit/:id',
+                name: 'expenseManagementDetail',
+                component: () => import(/* webpackChunkName: "financialManagement" */ '@/views/financialManagement/expenseManagement/edit.vue'),
+                meta: {
+                  title: '编辑费用单',
+                  icon: 'gold',
+                  hidden: true
+                  // permission: 'B_goodsManage_edit'
+                }
+              }
+            ]
+          }
+        ]
+      },
       // 基础资料
       {
         path: '/basicData',
@@ -1275,7 +1407,6 @@ export const asyncRouterMap = [
           }
         ]
       },
-      // 财务管理
       // auth
       {
         path: '/auth',

+ 94 - 0
src/views/financialManagement/expenseManagement/detailModal.vue

@@ -0,0 +1,94 @@
+<template>
+  <a-modal
+    centered
+    class="expenseManagementDetail-modal"
+    :footer="null"
+    :maskClosable="false"
+    title="详情"
+    v-model="isShow"
+    @cancle="isShow=false"
+    :width="600">
+    <!-- 详情 -->
+    <div v-if="detailsData">
+      <a-descriptions :column="1" size="default">
+        <a-descriptions-item label="费用类型">{{ detailsData.productName || '--' }}</a-descriptions-item>
+        <a-descriptions-item label="费用金额">{{ detailsData.productCode || '--' }}</a-descriptions-item>
+        <a-descriptions-item label="结算方式">{{ detailsData.origCode || '--' }}</a-descriptions-item>
+        <a-descriptions-item label="关联单号">{{ detailsData.unit || '--' }}</a-descriptions-item>
+        <a-descriptions-item label="备注">{{ detailsData.productBrandName || '--' }}</a-descriptions-item>
+      </a-descriptions>
+      <div class="btn-cont"><a-button id="expenseManagementDetail-modal-back" @click="isShow = false">返回列表</a-button></div>
+    </div>
+  </a-modal>
+</template>
+
+<script>
+import { dealerProductDetail } from '@/api/dealerProduct'
+export default {
+  name: 'expenseManagementDetailModal',
+  props: {
+    openModal: { //  弹框显示状态
+      type: Boolean,
+      default: false
+    },
+    itemId: {
+      type: [Number, String],
+      default: ''
+    }
+  },
+  data () {
+    return {
+      isShow: this.openModal, //  是否打开弹框
+      // detailsData: null, //  详情数据
+      detailsData: {
+        productName: '',
+        productCode: '',
+        origCode: '',
+        unit: '',
+        productBrandName: '',
+      }
+    }
+  },
+  methods: {
+    //  获取详情
+    getDetail(){
+		// dealerProductDetail({ id: this.itemId }).then(res => {
+		// 	if (res.status == 200) {
+		// 		this.detailsData = res.data
+		// 	}else{
+		// 		this.detailsData = null
+		// 	}
+		// })
+    }
+  },
+  watch: {
+    //  父页面传过来的弹框状态
+    openModal (newValue, oldValue) {
+      this.isShow = newValue
+    },
+    //  重定义的弹框状态
+    isShow (newValue, oldValue) {
+      if (!newValue) {
+        this.$emit('close')
+      }
+    },
+    itemId (newValue, oldValue) {
+      if (this.isShow && newValue) {
+        this.getDetail()
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less">
+  .expenseManagementDetail-modal{
+    .ant-modal-body {
+    	padding: 40px 40px 24px;
+    }
+    .btn-cont {
+    	text-align: center;
+    	margin: 35px 0 10px;
+    }
+  }
+</style>

+ 145 - 0
src/views/financialManagement/expenseManagement/edit.vue

@@ -0,0 +1,145 @@
+<template>
+	<div class="expenseManagementEdit-wrap">
+		<a-page-header :ghost="false" @back="handleBack" class="expenseManagementEdit-back">
+			<!-- 自定义的二级文字标题 -->
+			<template slot="subTitle">
+				<a id="expenseManagementEdit-back-btn" href="javascript:;" @click="handleBack">返回列表</a>
+			</template>
+		</a-page-header>
+		<a-card :bordered="false" class="expenseManagementEdit-table-page-wrapper">
+			<a-form-model
+				id="expenseManagementEdit-form"
+				ref="ruleForm"
+				:model="form"
+				:rules="rules"
+				:label-col="formItemLayout.labelCol"
+				:wrapper-col="formItemLayout.wrapperCol" >
+        <a-form-model-item label="费用类型" prop="distributionType">
+        	<v-select code="DISPATCH_FASHION" id="expenseManagementEdit-distributionType" v-model="form.distributionType" allowClear placeholder="请选择费用类型" ></v-select>
+        </a-form-model-item>
+        <a-form-model-item label="费用金额" prop="name">
+          <a-input-number id="expenseManagementEdit-name" v-model="form.name" :precision="0" :min="0" :max="999999" placeholder="请输入费用金额(0~999999)" allowClear style="width: 90%;" /> 元
+        </a-form-model-item>
+        <a-form-model-item label="结算方式" prop="distributionType">
+        	<v-select code="DISPATCH_FASHION" id="expenseManagementEdit-distributionType" v-model="form.distributionType" allowClear placeholder="请选择结算方式" ></v-select>
+        </a-form-model-item>
+        <a-form-model-item label="关联单号" prop="mobile">
+          <a-input id="expenseManagementEdit-mobile" :maxLength="30" v-model="form.mobile" placeholder="请输入关联单号(最多30个字符)" allowClear />
+        </a-form-model-item>
+        <a-form-model-item label="备注" prop="remarks">
+        	<a-textarea id="expenseManagementEdit-remarks" :maxLength="500" v-model="form.remarks" placeholder="请输入备注(最多500个字符)" allowClear />
+        </a-form-model-item>
+				<a-form-model-item :wrapper-col="{ span: 12, offset: 6 }" style="text-align: center;">
+					<a-button type="primary" @click="handleSave" id="expenseManagementEdit-btn-save" style="padding: 0 60px;margin: 0 30px;">保存</a-button>
+					<a-button type="danger" @click="handleSubmit" id="expenseManagementEdit-btn-submit" style="padding: 0 60px;margin: 0 30px;">提交</a-button>
+				</a-form-model-item>
+			</a-form-model>
+		</a-card>
+	</div>
+</template>
+
+<script>
+import { STable, VSelect } from '@/components'
+import { custSave, custFindById } from '@/api/customer'
+export default {
+	name: 'expenseManagementEdit',
+	components: { STable, VSelect },
+	data() {
+		return {
+			formItemLayout: {
+				labelCol: { span: 4 },
+				wrapperCol: { span: 16 }
+			},
+			form: {
+				name: '', // 客户名称
+				mobile: '', //  联系手机
+				contact: '', //  联系人
+				provinceId: undefined, //  省
+				province: '',
+				cityId: undefined, // 市
+				city: '',
+				areaId: undefined, // 区
+				area: '',
+				address: '', //  详细地址
+				fax: '', //  客户传真
+				distributionType: '', //  配送方式
+				remarks: '', //  是否卫星仓客户
+				custType: undefined, //  客户类型
+				priceType: '', //  价格类型
+				payType: '', //  支付方式
+				paymentType: '', //  收款方式
+				contactTel: '' //  联系电话
+			},
+			rules: {
+				name: [{ required: true, message: '请输入客户名称', trigger: 'blur' }],
+				mobile: [{ required: true, message: '请输入联系手机', trigger: 'blur' }],
+				provinceId: [{ required: true, message: '请选择省', trigger: 'change' }],
+				cityId: [{ required: true, message: '请选择市', trigger: 'change' }],
+				areaId: [{ required: true, message: '请选择区/县', trigger: 'change' }],
+				custType: [{ required: true, message: '请选择客户类型', trigger: 'change' }],
+				priceType: [{ required: true, message: '请选择价格类型', trigger: 'change' }],
+				payType: [{ required: true, message: '请选择支付方式', trigger: 'change' }],
+				paymentType: [{ required: true, message: '请选择收款方式', trigger: 'change' }]
+			},
+		}
+	},
+	methods: {
+		//  详情
+		getDetail() {
+			// custFindById({ id: this.$route.params.id }).then(res => {
+			// 	if (res.status == 200) {
+			// 		// this.detailsData = res.data
+			// 	} else {
+			// 		this.$refs.ruleForm.resetFields()
+			// 	}
+			// })
+		},
+		//  保存
+		handleSubmit(e) {
+			e.preventDefault()
+			const _this = this
+			this.$refs.ruleForm.validate(valid => {
+				if (valid) {
+          const form = _this.form
+          form.id = this.$route.params.id ? this.$route.params.id : null
+          console.log(form,'-----提交信息')
+          // custSave(form).then(res => {
+          //   if (res.status == 200) {
+          //     _this.$message.success(res.message)
+          //     setTimeout(() => {
+          //       _this.$router.push({ path: '/financialManagement/expenseManagement/list' })
+          //     }, 1000)
+          //   }
+          // })
+				} else {
+					console.log('error submit!!')
+					return false
+				}
+			})
+		},
+    //  提交
+    handleSave(){},
+		//  返回列表
+		handleBack() {
+			this.$router.push({ path: '/financialManagement/expenseManagement/list' })
+		},
+	},
+	beforeRouteEnter(to, from, next) {
+		next(vm => {
+			vm.$refs.ruleForm.resetFields()
+			if (vm.$route.params.id) {
+				//  编辑页
+				vm.getDetail()
+			}
+		});
+	}
+};
+</script>
+
+<style lang="less">
+.expenseManagementEdit-wrap {
+	.expenseManagementEdit-back {
+		margin-bottom: 15px;
+	}
+}
+</style>

+ 253 - 0
src/views/financialManagement/expenseManagement/list.vue

@@ -0,0 +1,253 @@
+<template>
+  <a-card :bordered="false" class="expenseManagementList-wrap">
+    <!-- 搜索条件 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)">
+        <a-row :gutter="15">
+          <a-col :md="6" :sm="24">
+            <a-form-item label="费用单号">
+              <a-input id="expenseManagementList-purchaseNo" v-model.trim="queryParam.purchaseNo" allowClear placeholder="请输入费用单号"/>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="24">
+            <a-form-item label="创建时间">
+              <a-range-picker v-model="queryParam.creatDate" id="expenseManagementList-creatDate"/>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="24">
+            <a-form-item label="费用类型">
+              <v-select
+                v-model="queryParam.billStatus"
+                ref="billStatus"
+                id="expenseManagementList-billStatus"
+                code="PAYMENT_TYPE"
+                placeholder="请选择费用类型"
+                allowClear></v-select>
+            </a-form-item>
+          </a-col>
+          <template v-if="advanced">
+            <a-col :md="6" :sm="24">
+              <a-form-item label="单据状态">
+                <v-select
+                  v-model="queryParam.billStatus"
+                  ref="billStatus"
+                  id="expenseManagementList-billStatus"
+                  code="PAYMENT_TYPE"
+                  placeholder="请选择单据状态"
+                  allowClear></v-select>
+              </a-form-item>
+            </a-col>
+            <a-col :md="6" :sm="24">
+              <a-form-item label="结算状态">
+                <v-select
+                  v-model="queryParam.billStatus"
+                  ref="billStatus"
+                  id="expenseManagementList-billStatus"
+                  code="PAYMENT_TYPE"
+                  placeholder="请选择结算状态"
+                  allowClear></v-select>
+              </a-form-item>
+            </a-col>
+          </template>
+          <a-col :md="6" :sm="24">
+            <span class="table-page-search-submitButtons">
+              <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="expenseManagementList-refresh">查询</a-button>
+              <a-button style="margin-left: 8px" @click="resetSearchForm()" :disabled="disabled" id="expenseManagementList-reset">重置</a-button>
+              <a @click="advanced=!advanced" style="margin-left: 8px">
+                {{ advanced ? '收起' : '展开' }}
+                <a-icon :type="advanced ? 'up' : 'down'"/>
+              </a>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+    <!-- 操作按钮 -->
+    <div class="table-operator">
+      <a-button id="expenseManagementList-add" type="primary" @click="handleEdit()">新增费用单</a-button>
+    </div>
+    <!-- alert -->
+    <a-alert type="info" showIcon style="margin-bottom:15px">
+      <div slot="message">共 <strong>6</strong> 条记录,金额共计 <strong>¥14</strong></div>
+    </a-alert>
+    <!-- 列表 -->
+    <s-table
+      class="sTable"
+      ref="table"
+      size="default"
+      :rowKey="(record) => record.id"
+      :columns="columns"
+      :data="loadData"
+      bordered>
+      <!-- 采购单号 -->
+      <template slot="purchaseNo" slot-scope="text, record">
+        <span style="color: #ed1c24;cursor: pointer;">{{record.purchaseNo}}</span>
+      </template>
+      <!-- 采购入库单号 -->
+      <template slot="purchaseNos" slot-scope="text, record">
+        <span style="color: #ed1c24;cursor: pointer;">{{record.purchaseNo}}</span>
+      </template>
+      <!-- 状态 -->
+      <template slot="state" slot-scope="text, record">
+        <span>{{record.state == 1 ? '已启用' : '已禁用'}}</span>
+      </template>
+      <!-- 操作 -->
+      <template slot="action" slot-scope="text, record">
+        <a-button size="small" type="primary" @click="handleExamine(record, 1)" id="expenseManagement-adopt-btn">通过</a-button>
+        <a-button size="small" @click="handleExamine(record, 2)" id="expenseManagement-unadopt-btn" style="margin: 0 0 10px 8px">不通过</a-button>
+        <a-button size="small" type="primary" @click="handleEdit(record)" id="expenseManagement-edit-btn" style="margin: 0 0 10px 8px">编辑</a-button>
+        <a-button size="small" type="primary" @click="handleSubmit(record)" id="expenseManagement-submit-btn" style="margin: 0 0 10px 8px">提交</a-button>
+        <a-button size="small" type="dashed" @click="handleDetail(record)" id="expenseManagement-detail-btn" style="margin: 0 0 10px 8px">详情</a-button>
+        <a-button size="small" type="danger" @click="handleDel(record)" id="expenseManagement-del-btn" style="margin: 0 0 0 8px">删除</a-button>
+      </template>
+    </s-table>
+    <!-- 详情 -->
+    <expense-management-detail-modal :openModal="openModal" :itemId="itemId" @close="openModal=false" />
+  </a-card>
+</template>
+
+<script>
+import { STable, VSelect } from '@/components'
+// import { getRoleList, getServiceList } from '@/api/manage'
+import expenseManagementDetailModal from './detailModal.vue'
+export default {
+  components: { STable, VSelect, expenseManagementDetailModal },
+  data () {
+    return {
+      disabled: false, //  查询、重置按钮是否可操作
+      advanced: false,  //  高级搜索 展开/关闭
+      // 查询参数
+      queryParam: {},
+      // 表头
+      columns: [
+        { title: '费用单号', scopedSlots: { customRender: 'purchaseNo' }, align: 'center' },
+        { title: '创建时间', dataIndex: 'creatDates', align: 'center' },
+        { title: '费用类型', dataIndex: 'creatDate', align: 'center' },
+        { title: '金额', dataIndex: 'totalPrice', align: 'center' },
+        { title: '单据状态', dataIndex: 'totalP', align: 'center' },
+        { title: '结算状态', dataIndex: 'totalNums', align: 'center' },
+        { title: '操作', scopedSlots: { customRender: 'action' }, width: 270, align: 'center' }
+      ],
+      // 加载数据方法 必须为 Promise 对象
+      loadData: parameter => {
+        this.disabled = true
+        // return customerBundleDelayList( Object.assign(parameter, this.queryParam) ).then(res => {
+        //   const data = res.data
+        //   const no = (data.pageNo - 1) * data.pageSize
+        //   for (var i = 0; i < data.list.length; i++) {
+        //     data.list[i].no = no + i + 1
+        //   }
+        //   this.disabled = false
+        //   return data
+        // })
+        const _this = this
+        return new Promise(function(resolve, reject){
+          const data = {
+            pageNo: 1,
+            pageSize: 10,
+            list: [
+              { id: '1', purchaseNo: 'jgqp11111111111', creatDate: '产品1', custName: 'jgqp111123545', totalP: '箭冠品牌', totalNums: '产品分类1', totalPrice: '5', payType: '122' }
+            ],
+            count: 10
+          }
+          const no = (data.pageNo - 1) * data.pageSize
+          for (var i = 0; i < data.list.length; i++) {
+            data.list[i].no = no + i + 1
+          }
+          _this.disabled = false
+          resolve(data)
+        })
+      },
+      openModal: false,  //  查看详情  弹框
+      itemId: '',  //  当前id
+    }
+  },
+  methods: {
+    //  新增/编辑
+    handleEdit(row){
+      this.$router.push({ path: `/financialManagement/expenseManagement/add`})
+    },
+    //  提交
+    handleSubmit(row){
+      const _this = this
+      _this.itemId = item.id
+      _this.$confirm({
+        title: '提示',
+        content: '确定要进行提交操作吗?',
+        centered: true,
+        onOk () {
+          // dealerProductTypeDel({ id: _this.itemId }).then(res => {
+          //   if (res.status == 200) {
+          //     _this.$message.success(res.message)
+          //     _this.$refs.table.refresh()
+          //   }
+          // })
+        }
+      })
+    },
+    //  详情
+    handleDetail(row){
+      this.itemId = row.id
+      this.openModal = true
+      // this.$router.push({ path: `/financialManagement/expenseManagement/detail/${row.id}`})
+    },
+    //  审核
+    handleExamine(row, type){
+      const _this = this
+      this.$confirm({
+        title: '提示',
+        content: '操作后不可恢复,确定要进行'+ (type==1 ? ' 通过 ' : ' 不通过 ') +'操作吗?',
+        okText: '确定',
+        cancelText: '取消',
+        centered: true,
+        onOk () {
+          // delectRolePower({
+          //   id: row.id
+          // }).then(res => {
+          //   console.log(res, 'res1111')
+          //   if (res.status == 200) {
+          //     _this.$message.success(res.message)
+          //     _this.$refs.table.refresh()
+          //   }
+          // })
+        }
+      })
+    },
+    //  删除
+    handleDel (row) {
+      const _this = this
+      _this.itemId = row.id
+      _this.$confirm({
+        title: '提示',
+        content: '删除后原数据不可恢复,是否删除?',
+        centered: true,
+        onOk () {
+          // dealerProductTypeDel({ id: _this.itemId }).then(res => {
+          //   if (res.status == 200) {
+          //     _this.$message.success(res.message)
+          //     _this.$refs.table.refresh()
+          //   }
+          // })
+        }
+      })
+    },
+    //  重置
+    resetSearchForm () {
+      this.queryParam.orderBundleNo = ''
+      this.queryParam.orderBundle.custMobile = ''
+      this.queryParam.bundleName = ''
+      this.queryParam.itemName = ''
+      this.oldTime = undefined
+      this.newTime = undefined
+      this.$refs.table.refresh(true)
+    },
+  }
+}
+</script>
+<style lang="less">
+  .expenseManagementList-wrap{
+    .sTable{
+      margin-top: 15px;
+    }
+  }
+</style>

+ 165 - 0
src/views/financialManagement/inventoryReview/detail.vue

@@ -0,0 +1,165 @@
+<template>
+  <div class="inventoryReviewDetail-wrap">
+    <a-page-header :ghost="false" @back="handleBack" >
+      <!-- 自定义的二级文字标题 -->
+      <template slot="subTitle">
+        <a id="inventoryReviewDetail-back-btn" href="javascript:;" @click="handleBack">返回列表</a>
+      </template>
+      <!-- 操作区,位于 title 行的行尾 -->
+      <template slot="extra">
+        <a-button key="2" id="inventoryReviewDetail-preview-btn">打印预览</a-button>
+        <a-button key="1" type="primary" id="inventoryReviewDetail-print-btn">快速打印</a-button>
+      </template>
+    </a-page-header>
+    <!-- 内容 -->
+    <a-page-header title="盘点单号:CG2021010100001" ></a-page-header>
+    <!-- alert -->
+    <a-alert type="info" showIcon style="margin-bottom:15px">
+      <div slot="message"><strong class="red">红色代表盘盈</strong>,<strong class="green">绿色代表盈亏</strong></div>
+    </a-alert>
+    <!-- 盈亏统计 -->
+    <a-card :bordered="false" class="inventoryReviewDetail-cont">
+      <a-collapse :activeKey="['1']">
+        <a-collapse-panel key="1" header="盈亏统计">
+          <a-descriptions :column="2" bordered>
+            <a-descriptions-item label="库存数量">2</a-descriptions-item>
+            <a-descriptions-item label="库存成本">20</a-descriptions-item>
+            <a-descriptions-item label="盘盈数量">¥120.36</a-descriptions-item>
+            <a-descriptions-item label="盘盈成本">3</a-descriptions-item>
+            <a-descriptions-item label="盘亏数量">4</a-descriptions-item>
+            <a-descriptions-item label="盘亏成本">¥11.2</a-descriptions-item>
+            <a-descriptions-item>
+              <template slot="label">
+                盈亏总数量
+                <a-popover>
+                  <template slot="content">
+                    双击列表配件可快速选中添加
+                  </template>
+                  <a-icon type="question-circle" theme="twoTone" />
+                </a-popover>
+              </template>
+              4
+            </a-descriptions-item>
+            <a-descriptions-item>
+              <template slot="label">
+                盈亏总成本
+                <a-popover>
+                  <template slot="content">
+                    双击列表配件可快速选中添加
+                  </template>
+                  <a-icon type="question-circle" theme="twoTone" />
+                </a-popover>
+              </template>
+              4
+            </a-descriptions-item>
+          </a-descriptions>
+        </a-collapse-panel>
+      </a-collapse>
+    </a-card>
+    <!-- 产品明细 -->
+    <a-card :bordered="false" class="inventoryReviewDetail-cont">
+      <a-collapse :activeKey="['1']">
+        <a-collapse-panel key="1" header="产品明细">
+          <!-- 列表 -->
+          <s-table
+            class="sTable"
+            ref="table"
+            size="default"
+            :rowKey="(record) => record.id"
+            :columns="columns"
+            :data="loadData"
+            bordered>
+            <!-- 采购数量 -->
+            <template slot="purchaseNum" slot-scope="text, record">
+              <span>{{record.purchaseNum}}</span>
+            </template>
+            <!-- 缺货数量 -->
+            <template slot="outOfStockNum" slot-scope="text, record">
+              <span>{{record.outOfStockNum}}</span>
+            </template>
+          </s-table>
+        </a-collapse-panel>
+      </a-collapse>
+    </a-card>
+  </div>
+</template>
+
+<script>
+  import { STable, VSelect } from '@/components'
+  export default{
+    components: { STable, VSelect },
+    data(){
+      return{
+        // 表头
+        columns: [
+          { title: '产品编码', dataIndex: 'creatDate', align: 'center' },
+          { title: '产品名称', dataIndex: 'custName', align: 'center' },
+          { title: '单位', dataIndex: 'mementPay', align: 'center' },
+          { title: '仓库', dataIndex: 'shDaste', align: 'center' },
+          { title: '仓位', dataIndex: 'shsDate', align: 'center' },
+          { title: '库存数量', scopedSlots: { customRender: 'purchaseNum' }, align: 'center' },
+          { title: '库存成本', dataIndex: 'totalNums', align: 'center' },
+          { title: '盘点数量', scopedSlots: { customRender: 'purchasesNum' }, align: 'center' },
+          { title: '盘点盈亏数量', dataIndex: 'totalP', align: 'center' },
+          { title: '盘点盈亏成本', dataIndex: 'shDate', align: 'center' },
+        ],
+        // 加载数据方法 必须为 Promise 对象
+        loadData: parameter => {
+          this.disabled = true
+          // return customerBundleDelayList( Object.assign(parameter, this.queryParam) ).then(res => {
+          //   const data = res.data
+          //   const no = (data.pageNo - 1) * data.pageSize
+          //   for (var i = 0; i < data.list.length; i++) {
+          //     data.list[i].no = no + i + 1
+          //   }
+          //   this.disabled = false
+          //   return data
+          // })
+          const _this = this
+          return new Promise(function(resolve, reject){
+            const data = {
+              pageNo: 1,
+              pageSize: 10,
+              list: [
+                { id: '1', purchaseNo: 'jgqp11111111111', creatDate: '产品1', custName: 'jgqp111123545', totalP: '箭冠品牌', totalNums: '产品分类1', totalPrice: '5', payType: '122' }
+              ],
+              count: 10
+            }
+            const no = (data.pageNo - 1) * data.pageSize
+            for (var i = 0; i < data.list.length; i++) {
+              data.list[i].no = no + i + 1
+            }
+            _this.disabled = false
+            resolve(data)
+          })
+        },
+      }
+    },
+    methods: {
+      //  返回列表
+      handleBack(){
+        this.$router.push({ path: '/financialManagement/inventoryReview/list'})
+      },
+    }
+  }
+</script>
+
+<style lang="less">
+  .inventoryReviewDetail-wrap{
+    .inventoryReviewDetail-cont{
+      margin-bottom: 15px;
+      .timeline-box{
+        margin-top: 30px;
+        .auxiliary-txt{
+          color: #808695;
+        }
+      }
+    }
+    .green{
+      color: #19be6b;
+    }
+    .red{
+      color: #ed1c24;
+    }
+  }
+</style>

+ 172 - 0
src/views/financialManagement/inventoryReview/list.vue

@@ -0,0 +1,172 @@
+<template>
+  <a-card :bordered="false" class="inventoryReviewList-wrap">
+    <!-- 搜索条件 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)">
+        <a-row :gutter="15">
+          <a-col :md="6" :sm="24">
+            <a-form-item label="盘点单号">
+              <a-input id="inventoryReviewList-purchaseNo" v-model.trim="queryParam.purchaseNo" allowClear placeholder="请输入盘点单号"/>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="24">
+            <a-form-item label="盘点审核时间">
+              <a-range-picker v-model="queryParam.creatDate" id="inventoryReviewList-creatDate"/>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="24">
+            <a-form-item label="财务审核状态">
+              <v-select
+                v-model="queryParam.billStatus"
+                ref="billStatus"
+                id="inventoryReviewList-billStatus"
+                code="PAYMENT_TYPE"
+                placeholder="请选择财务审核状态"
+                allowClear></v-select>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="24">
+            <span class="table-page-search-submitButtons">
+              <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="inventoryReviewList-refresh">查询</a-button>
+              <a-button style="margin-left: 8px" @click="resetSearchForm()" :disabled="disabled" id="inventoryReviewList-reset">重置</a-button>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+    <!-- alert -->
+    <a-alert type="info" showIcon style="margin-bottom:15px">
+      <div slot="message">共 <strong>6</strong> 条记录,其中待审核 <strong>14</strong> 条 </div>
+    </a-alert>
+    <!-- 列表 -->
+    <s-table
+      class="sTable"
+      ref="table"
+      size="default"
+      :rowKey="(record) => record.id"
+      :columns="columns"
+      :data="loadData"
+      bordered>
+      <!-- 采购单号 -->
+      <template slot="purchaseNo" slot-scope="text, record">
+        <span style="color: #ed1c24;cursor: pointer;">{{record.purchaseNo}}</span>
+      </template>
+      <!-- 采购入库单号 -->
+      <template slot="purchaseNos" slot-scope="text, record">
+        <span style="color: #ed1c24;cursor: pointer;">{{record.purchaseNo}}</span>
+      </template>
+      <!-- 状态 -->
+      <template slot="state" slot-scope="text, record">
+        <span>{{record.state == 1 ? '已启用' : '已禁用'}}</span>
+      </template>
+      <!-- 操作 -->
+      <template slot="action" slot-scope="text, record">
+        <a-button size="small" type="primary" @click="handleExamine(record, 1)" id="inventoryReview-adopt-btn">通过</a-button>
+        <a-button size="small" @click="handleExamine(record, 2)" id="inventoryReview-unadopt-btn" style="margin: 0 0 10px 8px">不通过</a-button>
+        <a-button size="small" type="dashed" @click="handleDetail(record)" id="inventoryReview-detail-btn" style="margin: 0 0 10px 8px">详情</a-button>
+      </template>
+    </s-table>
+  </a-card>
+</template>
+
+<script>
+import { STable, VSelect } from '@/components'
+// import { getRoleList, getServiceList } from '@/api/manage'
+export default {
+  components: { STable, VSelect },
+  data () {
+    return {
+      disabled: false, //  查询、重置按钮是否可操作
+      // 查询参数
+      queryParam: {},
+      // 表头
+      columns: [
+        { title: '盘点单号', scopedSlots: { customRender: 'purchaseNo' }, align: 'center' },
+        { title: '盘点产品款数', dataIndex: 'totalP', align: 'center' },
+        { title: '库存总成本', dataIndex: 'totalPrice', align: 'center' },
+        { title: '盘盈总数量', dataIndex: 'totalNums', align: 'center' },
+        { title: '盘亏总数量', dataIndex: 'totaslNums', align: 'center' },
+        { title: '盘点审核时间', dataIndex: 'creatDates', align: 'center' },
+        { title: '财务审核时间', dataIndex: 'creatDate', align: 'center' },
+        { title: '财务审核状态', dataIndex: 'payType', align: 'center' },
+        { title: '操作', scopedSlots: { customRender: 'action' }, width: 270, align: 'center' }
+      ],
+      // 加载数据方法 必须为 Promise 对象
+      loadData: parameter => {
+        this.disabled = true
+        // return customerBundleDelayList( Object.assign(parameter, this.queryParam) ).then(res => {
+        //   const data = res.data
+        //   const no = (data.pageNo - 1) * data.pageSize
+        //   for (var i = 0; i < data.list.length; i++) {
+        //     data.list[i].no = no + i + 1
+        //   }
+        //   this.disabled = false
+        //   return data
+        // })
+        const _this = this
+        return new Promise(function(resolve, reject){
+          const data = {
+            pageNo: 1,
+            pageSize: 10,
+            list: [
+              { id: '1', purchaseNo: 'jgqp11111111111', creatDate: '产品1', custName: 'jgqp111123545', totalP: '箭冠品牌', totalNums: '产品分类1', totalPrice: '5', payType: '122' }
+            ],
+            count: 10
+          }
+          const no = (data.pageNo - 1) * data.pageSize
+          for (var i = 0; i < data.list.length; i++) {
+            data.list[i].no = no + i + 1
+          }
+          _this.disabled = false
+          resolve(data)
+        })
+      },
+    }
+  },
+  methods: {
+    //  详情
+    handleDetail(row){
+      this.$router.push({ path: `/financialManagement/inventoryReview/detail/${row.id}`})
+    },
+    //  审核
+    handleExamine(row, type){
+      const _this = this
+      this.$confirm({
+        title: '提示',
+        content: '操作后不可恢复,确定要进行'+ (type==1 ? ' 通过 ' : ' 不通过 ') +'操作吗?',
+        okText: '确定',
+        cancelText: '取消',
+        centered: true,
+        onOk () {
+          // delectRolePower({
+          //   id: row.id
+          // }).then(res => {
+          //   console.log(res, 'res1111')
+          //   if (res.status == 200) {
+          //     _this.$message.success(res.message)
+          //     _this.$refs.table.refresh()
+          //   }
+          // })
+        }
+      })
+    },
+    //  重置
+    resetSearchForm () {
+      this.queryParam.orderBundleNo = ''
+      this.queryParam.orderBundle.custMobile = ''
+      this.queryParam.bundleName = ''
+      this.queryParam.itemName = ''
+      this.oldTime = undefined
+      this.newTime = undefined
+      this.$refs.table.refresh(true)
+    },
+  }
+}
+</script>
+<style lang="less">
+  .inventoryReviewList-wrap{
+    .sTable{
+      margin-top: 15px;
+    }
+  }
+</style>

+ 135 - 0
src/views/financialManagement/warehousingAudit/detail.vue

@@ -0,0 +1,135 @@
+<template>
+  <div class="warehousingAuditDetail-wrap">
+    <a-page-header :ghost="false" @back="handleBack" >
+      <!-- 自定义的二级文字标题 -->
+      <template slot="subTitle">
+        <a id="warehousingAuditDetail-back-btn" href="javascript:;" @click="handleBack">返回列表</a>
+      </template>
+      <!-- 操作区,位于 title 行的行尾 -->
+      <template slot="extra">
+        <a-button key="2" id="warehousingAuditDetail-preview-btn">打印预览</a-button>
+        <a-button key="1" type="primary" id="warehousingAuditDetail-print-btn">快速打印</a-button>
+      </template>
+    </a-page-header>
+    <!-- 内容 -->
+    <a-page-header title="单号:CG2021010100001" ></a-page-header>
+    <!-- 基础信息 -->
+    <a-card :bordered="false" class="warehousingAuditDetail-cont">
+      <a-collapse :activeKey="['1']">
+        <a-collapse-panel key="1" header="基础信息">
+          <a-descriptions :column="3">
+            <a-descriptions-item label="供应商">箭冠营销中心</a-descriptions-item>
+            <a-descriptions-item label="入库时间">箭冠营销中心</a-descriptions-item>
+            <a-descriptions-item label="采购单号">箭冠营销中心</a-descriptions-item>
+          </a-descriptions>
+          <a-descriptions :column="3" bordered>
+            <a-descriptions-item label="采购总款数">2</a-descriptions-item>
+            <a-descriptions-item label="采购总数量">20</a-descriptions-item>
+            <a-descriptions-item label="采购总成本">¥120.36</a-descriptions-item>
+            <a-descriptions-item label="入库总款数">3</a-descriptions-item>
+            <a-descriptions-item label="入库总数量">4</a-descriptions-item>
+            <a-descriptions-item label="入库总成本">¥11.2</a-descriptions-item>
+          </a-descriptions>
+        </a-collapse-panel>
+      </a-collapse>
+    </a-card>
+    <!-- 入库明细 -->
+    <a-card :bordered="false" class="warehousingAuditDetail-cont">
+      <a-collapse :activeKey="['1']">
+        <a-collapse-panel key="1" header="入库明细">
+          <!-- 列表 -->
+          <s-table
+            class="sTable"
+            ref="table"
+            size="default"
+            :rowKey="(record) => record.id"
+            :columns="columns"
+            :data="loadData"
+            bordered>
+            <!-- 采购数量 -->
+            <template slot="purchaseNum" slot-scope="text, record">
+              <span>{{record.purchaseNum}}</span>
+            </template>
+            <!-- 缺货数量 -->
+            <template slot="outOfStockNum" slot-scope="text, record">
+              <span>{{record.outOfStockNum}}</span>
+            </template>
+          </s-table>
+        </a-collapse-panel>
+      </a-collapse>
+    </a-card>
+  </div>
+</template>
+
+<script>
+  import { STable, VSelect } from '@/components'
+  export default{
+    components: { STable, VSelect },
+    data(){
+      return{
+        // 表头
+        columns: [
+          { title: '序号', dataIndex: 'no', align: 'center' },
+          { title: '产品编码', dataIndex: 'creatDate', align: 'center' },
+          { title: '产品名称', dataIndex: 'custName', align: 'center' },
+          { title: '原厂编码', dataIndex: 'totalP', align: 'center' },
+          { title: '采购数量', scopedSlots: { customRender: 'purchaseNum' }, align: 'center' },
+          { title: '入库数量', scopedSlots: { customRender: 'purchasesNum' }, align: 'center' },
+          { title: '成本价', dataIndex: 'totalNums', align: 'center' },
+          { title: '单位', dataIndex: 'mementPay', align: 'center' },
+          { title: '入库小计', dataIndex: 'shDate', align: 'center' },
+          { title: '仓库', dataIndex: 'shDaste', align: 'center' },
+          { title: '仓位', dataIndex: 'shsDate', align: 'center' },
+        ],
+        // 加载数据方法 必须为 Promise 对象
+        loadData: parameter => {
+          this.disabled = true
+          // return customerBundleDelayList( Object.assign(parameter, this.queryParam) ).then(res => {
+          //   const data = res.data
+          //   const no = (data.pageNo - 1) * data.pageSize
+          //   for (var i = 0; i < data.list.length; i++) {
+          //     data.list[i].no = no + i + 1
+          //   }
+          //   this.disabled = false
+          //   return data
+          // })
+          const _this = this
+          return new Promise(function(resolve, reject){
+            const data = {
+              pageNo: 1,
+              pageSize: 10,
+              list: [
+                { id: '1', purchaseNo: 'jgqp11111111111', creatDate: '产品1', custName: 'jgqp111123545', totalP: '箭冠品牌', totalNums: '产品分类1', totalPrice: '5', payType: '122' }
+              ],
+              count: 10
+            }
+            const no = (data.pageNo - 1) * data.pageSize
+            for (var i = 0; i < data.list.length; i++) {
+              data.list[i].no = no + i + 1
+            }
+            _this.disabled = false
+            resolve(data)
+          })
+        },
+      }
+    },
+    methods: {
+      //  返回列表
+      handleBack(){
+        this.$router.push({ path: '/financialManagement/warehousingAudit/list'})
+      },
+    }
+  }
+</script>
+
+<style lang="less">
+  .warehousingAuditDetail-cont{
+    margin-bottom: 15px;
+    .timeline-box{
+      margin-top: 30px;
+      .auxiliary-txt{
+        color: #808695;
+      }
+    }
+  }
+</style>

+ 184 - 0
src/views/financialManagement/warehousingAudit/list.vue

@@ -0,0 +1,184 @@
+<template>
+  <a-card :bordered="false" class="warehousingAuditList-wrap">
+    <!-- 搜索条件 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)">
+        <a-row :gutter="15">
+          <a-col :md="6" :sm="24">
+            <a-form-item label="采购单号">
+              <a-input id="warehousingAuditList-purchaseNo" v-model.trim="queryParam.purchaseNo" allowClear placeholder="请输入采购单号"/>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="24">
+            <a-form-item label="采购入库单号">
+              <a-input id="warehousingAuditList-purchaseNo" v-model.trim="queryParam.purchaseNo" allowClear placeholder="请输入采购入库单号"/>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="24">
+            <a-form-item label="入库时间">
+              <a-range-picker v-model="queryParam.creatDate" id="warehousingAuditList-creatDate"/>
+            </a-form-item>
+          </a-col>
+          <template v-if="advanced">
+            <a-col :md="6" :sm="24">
+              <a-form-item label="财务审核状态">
+                <v-select
+                  v-model="queryParam.billStatus"
+                  ref="billStatus"
+                  id="warehousingAuditList-billStatus"
+                  code="PAYMENT_TYPE"
+                  placeholder="请选择财务审核状态"
+                  allowClear></v-select>
+              </a-form-item>
+            </a-col>
+          </template>
+          <a-col :md="6" :sm="24">
+            <span class="table-page-search-submitButtons">
+              <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="warehousingAuditList-refresh">查询</a-button>
+              <a-button style="margin-left: 8px" @click="resetSearchForm()" :disabled="disabled" id="warehousingAuditList-reset">重置</a-button>
+              <a @click="advanced=!advanced" style="margin-left: 8px">
+                {{ advanced ? '收起' : '展开' }}
+                <a-icon :type="advanced ? 'up' : 'down'"/>
+              </a>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+    <!-- alert -->
+    <a-alert type="info" showIcon style="margin-bottom:15px">
+      <div slot="message">共 <strong>6</strong> 条记录,其中待审核 <strong>14</strong> 条 </div>
+    </a-alert>
+    <!-- 列表 -->
+    <s-table
+      class="sTable"
+      ref="table"
+      size="default"
+      :rowKey="(record) => record.id"
+      :columns="columns"
+      :data="loadData"
+      bordered>
+      <!-- 采购单号 -->
+      <template slot="purchaseNo" slot-scope="text, record">
+        <span style="color: #ed1c24;cursor: pointer;">{{record.purchaseNo}}</span>
+      </template>
+      <!-- 采购入库单号 -->
+      <template slot="purchaseNos" slot-scope="text, record">
+        <span style="color: #ed1c24;cursor: pointer;">{{record.purchaseNo}}</span>
+      </template>
+      <!-- 状态 -->
+      <template slot="state" slot-scope="text, record">
+        <span>{{record.state == 1 ? '已启用' : '已禁用'}}</span>
+      </template>
+      <!-- 操作 -->
+      <template slot="action" slot-scope="text, record">
+        <a-button size="small" type="primary" @click="handleExamine(record, 1)" id="warehousingAudit-adopt-btn">通过</a-button>
+        <a-button size="small" @click="handleExamine(record, 2)" id="warehousingAudit-unadopt-btn" style="margin: 0 0 10px 8px">不通过</a-button>
+        <a-button size="small" type="dashed" @click="handleDetail(record)" id="warehousingAudit-detail-btn" style="margin: 0 0 10px 8px">详情</a-button>
+      </template>
+    </s-table>
+  </a-card>
+</template>
+
+<script>
+import { STable, VSelect } from '@/components'
+// import { getRoleList, getServiceList } from '@/api/manage'
+export default {
+  components: { STable, VSelect },
+  data () {
+    return {
+      advanced: false,  //  高级搜索 展开/关闭
+      disabled: false, //  查询、重置按钮是否可操作
+      // 查询参数
+      queryParam: {},
+      // 表头
+      columns: [
+        { title: '采购单号', scopedSlots: { customRender: 'purchaseNo' }, align: 'center' },
+        { title: '采购入库单号', scopedSlots: { customRender: 'purchaseNos' }, align: 'center' },
+        { title: '总款数', dataIndex: 'totalP', align: 'center' },
+        { title: '入库总数量', dataIndex: 'totalNums', align: 'center' },
+        { title: '入库总成本', dataIndex: 'totalPrice', align: 'center' },
+        { title: '入库时间', dataIndex: 'creatDate', align: 'center' },
+        { title: '财务审核时间', dataIndex: 'creatDates', align: 'center' },
+        { title: '财务审核状态', dataIndex: 'payType', align: 'center' },
+        { title: '操作', scopedSlots: { customRender: 'action' }, width: 270, align: 'center' }
+      ],
+      // 加载数据方法 必须为 Promise 对象
+      loadData: parameter => {
+        this.disabled = true
+        // return customerBundleDelayList( Object.assign(parameter, this.queryParam) ).then(res => {
+        //   const data = res.data
+        //   const no = (data.pageNo - 1) * data.pageSize
+        //   for (var i = 0; i < data.list.length; i++) {
+        //     data.list[i].no = no + i + 1
+        //   }
+        //   this.disabled = false
+        //   return data
+        // })
+        const _this = this
+        return new Promise(function(resolve, reject){
+          const data = {
+            pageNo: 1,
+            pageSize: 10,
+            list: [
+              { id: '1', purchaseNo: 'jgqp11111111111', creatDate: '产品1', custName: 'jgqp111123545', totalP: '箭冠品牌', totalNums: '产品分类1', totalPrice: '5', payType: '122' }
+            ],
+            count: 10
+          }
+          const no = (data.pageNo - 1) * data.pageSize
+          for (var i = 0; i < data.list.length; i++) {
+            data.list[i].no = no + i + 1
+          }
+          _this.disabled = false
+          resolve(data)
+        })
+      },
+    }
+  },
+  methods: {
+    //  详情
+    handleDetail(row){
+      this.$router.push({ path: `/financialManagement/warehousingAudit/detail/${row.id}`})
+    },
+    //  审核
+    handleExamine(row, type){
+      const _this = this
+      this.$confirm({
+        title: '提示',
+        content: '操作后不可恢复,确定要进行'+ (type==1 ? ' 通过 ' : ' 不通过 ') +'操作吗?',
+        okText: '确定',
+        cancelText: '取消',
+        centered: true,
+        onOk () {
+          // delectRolePower({
+          //   id: row.id
+          // }).then(res => {
+          //   console.log(res, 'res1111')
+          //   if (res.status == 200) {
+          //     _this.$message.success(res.message)
+          //     _this.$refs.table.refresh()
+          //   }
+          // })
+        }
+      })
+    },
+    //  重置
+    resetSearchForm () {
+      this.queryParam.orderBundleNo = ''
+      this.queryParam.orderBundle.custMobile = ''
+      this.queryParam.bundleName = ''
+      this.queryParam.itemName = ''
+      this.oldTime = undefined
+      this.newTime = undefined
+      this.$refs.table.refresh(true)
+    },
+  }
+}
+</script>
+<style lang="less">
+  .warehousingAuditList-wrap{
+    .sTable{
+      margin-top: 15px;
+    }
+  }
+</style>