解决菜单切换页面闪现的bug

This commit is contained in:
季圣华
2021-06-10 21:56:14 +08:00
parent 283b4ef97e
commit c29535671c
54 changed files with 3561 additions and 3369 deletions

View File

@@ -1,82 +1,86 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '调拨出库')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '调拨出库')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<allocation-out-modal ref="modalForm" @ok="modalFormOk"></allocation-out-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <allocation-out-modal ref="modalForm" @ok="modalFormOk"></allocation-out-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import AllocationOutModal from './modules/AllocationOutModal' import AllocationOutModal from './modules/AllocationOutModal'

View File

@@ -1,82 +1,86 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '组装单')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '组装单')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<assemble-modal ref="modalForm" @ok="modalFormOk"></assemble-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <assemble-modal ref="modalForm" @ok="modalFormOk"></assemble-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import AssembleModal from './modules/AssembleModal' import AssembleModal from './modules/AssembleModal'

View File

@@ -1,82 +1,86 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '拆卸单')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '拆卸单')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<disassemble-modal ref="modalForm" @ok="modalFormOk"></disassemble-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <disassemble-modal ref="modalForm" @ok="modalFormOk"></disassemble-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import DisassembleModal from './modules/DisassembleModal' import DisassembleModal from './modules/DisassembleModal'

View File

@@ -1,82 +1,86 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '其它入库')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '其它入库')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<other-in-modal ref="modalForm" @ok="modalFormOk"></other-in-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <other-in-modal ref="modalForm" @ok="modalFormOk"></other-in-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import OtherInModal from './modules/OtherInModal' import OtherInModal from './modules/OtherInModal'

View File

@@ -1,82 +1,86 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '其它出库')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '其它出库')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<other-out-modal ref="modalForm" @ok="modalFormOk"></other-out-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <other-out-modal ref="modalForm" @ok="modalFormOk"></other-out-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import OtherOutModal from './modules/OtherOutModal' import OtherOutModal from './modules/OtherOutModal'

View File

@@ -1,82 +1,86 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '采购退货出库')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '采购退货出库')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<purchase-back-modal ref="modalForm" @ok="modalFormOk"></purchase-back-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <purchase-back-modal ref="modalForm" @ok="modalFormOk"></purchase-back-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import PurchaseBackModal from './modules/PurchaseBackModal' import PurchaseBackModal from './modules/PurchaseBackModal'

View File

@@ -1,82 +1,86 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '采购入库')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '采购入库')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<purchase-in-modal ref="modalForm" @ok="modalFormOk"></purchase-in-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <purchase-in-modal ref="modalForm" @ok="modalFormOk"></purchase-in-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import PurchaseInModal from './modules/PurchaseInModal' import PurchaseInModal from './modules/PurchaseInModal'

View File

@@ -1,89 +1,93 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu-item key="2" v-if="btnEnableList.indexOf(2)>-1" @click="batchSetStatus(1)"><a-icon type="check"/>审核</a-menu-item> <a-menu slot="overlay">
<a-menu-item key="3" v-if="btnEnableList.indexOf(2)>-1" @click="batchSetStatus(0)"><a-icon type="stop"/>反审核</a-menu-item> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu> <a-menu-item key="2" v-if="btnEnableList.indexOf(2)>-1" @click="batchSetStatus(1)"><a-icon type="check"/>审核</a-menu-item>
<a-button style="margin-left: 8px"> <a-menu-item key="3" v-if="btnEnableList.indexOf(2)>-1" @click="batchSetStatus(0)"><a-icon type="stop"/>反审核</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '采购订单')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '采购订单')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<template slot="customRenderStatus" slot-scope="status"> </a-popconfirm>
<a-tag v-if="status == '0'" color="red">未审核</a-tag> </span>
<a-tag v-if="status == '1'" color="green">已审核</a-tag> <template slot="customRenderStatus" slot-scope="status">
<a-tag v-if="status == '2'" color="blue">已转采购</a-tag> <a-tag v-if="status == '0'" color="red">未审核</a-tag>
</template> <a-tag v-if="status == '1'" color="green">已审核</a-tag>
</a-table> <a-tag v-if="status == '2'" color="blue">已转采购</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<purchase-order-modal ref="modalForm" @ok="modalFormOk"></purchase-order-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <purchase-order-modal ref="modalForm" @ok="modalFormOk"></purchase-order-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import PurchaseOrderModal from './modules/PurchaseOrderModal' import PurchaseOrderModal from './modules/PurchaseOrderModal'

View File

@@ -1,82 +1,86 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '零售退货入库')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '零售退货入库')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<retail-back-modal ref="modalForm" @ok="modalFormOk"></retail-back-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <retail-back-modal ref="modalForm" @ok="modalFormOk"></retail-back-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import RetailBackModal from './modules/RetailBackModal' import RetailBackModal from './modules/RetailBackModal'

View File

@@ -1,82 +1,86 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '零售出库')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '零售出库')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<retail-out-modal ref="modalForm" @ok="modalFormOk"></retail-out-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <retail-out-modal ref="modalForm" @ok="modalFormOk"></retail-out-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import RetailOutModal from './modules/RetailOutModal' import RetailOutModal from './modules/RetailOutModal'

View File

@@ -1,82 +1,86 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '销售退货入库')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '销售退货入库')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<sale-back-modal ref="modalForm" @ok="modalFormOk"></sale-back-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <sale-back-modal ref="modalForm" @ok="modalFormOk"></sale-back-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import SaleBackModal from './modules/SaleBackModal' import SaleBackModal from './modules/SaleBackModal'

View File

@@ -1,89 +1,93 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu-item key="2" v-if="btnEnableList.indexOf(2)>-1" @click="batchSetStatus(1)"><a-icon type="check"/>审核</a-menu-item> <a-menu slot="overlay">
<a-menu-item key="3" v-if="btnEnableList.indexOf(2)>-1" @click="batchSetStatus(0)"><a-icon type="stop"/>反审核</a-menu-item> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu> <a-menu-item key="2" v-if="btnEnableList.indexOf(2)>-1" @click="batchSetStatus(1)"><a-icon type="check"/>审核</a-menu-item>
<a-button style="margin-left: 8px"> <a-menu-item key="3" v-if="btnEnableList.indexOf(2)>-1" @click="batchSetStatus(0)"><a-icon type="stop"/>反审核</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '销售订单')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '销售订单')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<template slot="customRenderStatus" slot-scope="status"> </a-popconfirm>
<a-tag v-if="status == '0'" color="red">未审核</a-tag> </span>
<a-tag v-if="status == '1'" color="green">已审核</a-tag> <template slot="customRenderStatus" slot-scope="status">
<a-tag v-if="status == '2'" color="blue">已转销售</a-tag> <a-tag v-if="status == '0'" color="red">未审核</a-tag>
</template> <a-tag v-if="status == '1'" color="green">已审核</a-tag>
</a-table> <a-tag v-if="status == '2'" color="blue">已转销售</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<sale-order-modal ref="modalForm" @ok="modalFormOk"></sale-order-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <sale-order-modal ref="modalForm" @ok="modalFormOk"></sale-order-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import SaleOrderModal from './modules/SaleOrderModal' import SaleOrderModal from './modules/SaleOrderModal'

View File

@@ -1,82 +1,86 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号查询" v-model="queryParam.number"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '销售出库')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '销售出库')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<sale-out-modal ref="modalForm" @ok="modalFormOk"></sale-out-modal> <!-- table区域-end -->
<bill-detail ref="modalDetail"></bill-detail> <!-- 表单区域 -->
</a-card> <sale-out-modal ref="modalForm" @ok="modalFormOk"></sale-out-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import SaleOutModal from './modules/SaleOutModal' import SaleOutModal from './modules/SaleOutModal'

View File

@@ -1,5 +1,5 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-card :bordered="false">
<j-modal <j-modal
:title="title" :title="title"
:width="width" :width="width"

View File

@@ -1,5 +1,5 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-card :bordered="false">
<j-modal <j-modal
:title="title" :title="title"
:width="width" :width="width"

View File

@@ -1,5 +1,5 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-card :bordered="false">
<j-modal <j-modal
:title="title" :title="title"
:width="width" :width="width"

View File

@@ -1,5 +1,5 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-card :bordered="false">
<j-modal <j-modal
:title="title" :title="title"
:width="width" :width="width"

View File

@@ -1,5 +1,5 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-card :bordered="false">
<j-modal <j-modal
:title="title" :title="title"
:width="width" :width="width"

View File

@@ -1,77 +1,81 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '收预付款')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '收预付款')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<advance-in-modal ref="modalForm" @ok="modalFormOk"></advance-in-modal> <!-- table区域-end -->
<financial-detail ref="modalDetail"></financial-detail> <!-- 表单区域 -->
</a-card> <advance-in-modal ref="modalForm" @ok="modalFormOk"></advance-in-modal>
<financial-detail ref="modalDetail"></financial-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import AdvanceInModal from './modules/AdvanceInModal' import AdvanceInModal from './modules/AdvanceInModal'

View File

@@ -1,77 +1,81 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '转账')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '转账')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<giro-modal ref="modalForm" @ok="modalFormOk"></giro-modal> <!-- table区域-end -->
<financial-detail ref="modalDetail"></financial-detail> <!-- 表单区域 -->
</a-card> <giro-modal ref="modalForm" @ok="modalFormOk"></giro-modal>
<financial-detail ref="modalDetail"></financial-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import GiroModal from './modules/GiroModal' import GiroModal from './modules/GiroModal'

View File

@@ -1,77 +1,81 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1"@click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1"@click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '收入')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '收入')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<item-in-modal ref="modalForm" @ok="modalFormOk"></item-in-modal> <!-- table区域-end -->
<financial-detail ref="modalDetail"></financial-detail> <!-- 表单区域 -->
</a-card> <item-in-modal ref="modalForm" @ok="modalFormOk"></item-in-modal>
<financial-detail ref="modalDetail"></financial-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import ItemInModal from './modules/ItemInModal' import ItemInModal from './modules/ItemInModal'

View File

@@ -1,77 +1,81 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '支出')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '支出')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<item-out-modal ref="modalForm" @ok="modalFormOk"></item-out-modal> <!-- table区域-end -->
<financial-detail ref="modalDetail"></financial-detail> <!-- 表单区域 -->
</a-card> <item-out-modal ref="modalForm" @ok="modalFormOk"></item-out-modal>
<financial-detail ref="modalDetail"></financial-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import ItemOutModal from './modules/ItemOutModal' import ItemOutModal from './modules/ItemOutModal'

View File

@@ -1,77 +1,81 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '收款')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '收款')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<money-in-modal ref="modalForm" @ok="modalFormOk"></money-in-modal> <!-- table区域-end -->
<financial-detail ref="modalDetail"></financial-detail> <!-- 表单区域 -->
</a-card> <money-in-modal ref="modalForm" @ok="modalFormOk"></money-in-modal>
<financial-detail ref="modalDetail"></financial-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import MoneyInModal from './modules/MoneyInModal' import MoneyInModal from './modules/MoneyInModal'

View File

@@ -1,77 +1,81 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="单据编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入单据编号" v-model="queryParam.billNo"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="myHandleDetail(record, '付款')">查看</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a> <a @click="myHandleDetail(record, '付款')">查看</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a v-if="btnEnableList.indexOf(1)>-1" @click="myHandleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<money-out-modal ref="modalForm" @ok="modalFormOk"></money-out-modal> <!-- table区域-end -->
<financial-detail ref="modalDetail"></financial-detail> <!-- 表单区域 -->
</a-card> <money-out-modal ref="modalForm" @ok="modalFormOk"></money-out-modal>
<financial-detail ref="modalDetail"></financial-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import MoneyOutModal from './modules/MoneyOutModal' import MoneyOutModal from './modules/MoneyOutModal'

View File

@@ -1,5 +1,5 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-card :bordered="false">
<j-modal <j-modal
:title="title" :title="title"
:width="width" :width="width"

View File

@@ -1,110 +1,114 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="类别"> <a-row :gutter="24">
<a-tree-select style="width:100%" :dropdownStyle="{maxHeight:'200px',overflow:'auto'}" allow-clear <a-col :md="6" :sm="8">
:treeData="categoryTree" v-model="queryParam.categoryId" placeholder="请选择类别"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="类别">
</a-tree-select> <a-tree-select style="width:100%" :dropdownStyle="{maxHeight:'200px',overflow:'auto'}" allow-clear
</a-form-item> :treeData="categoryTree" v-model="queryParam.categoryId" placeholder="请选择类别">
</a-col> </a-tree-select>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="条码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入条码查询" v-model="queryParam.barCode"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="条码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入条码查询" v-model="queryParam.barCode"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
<template v-if="toggleSearchStatus"> </a-form-item>
<a-col :md="6" :sm="8"> </a-col>
<a-form-item label="规格" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <template v-if="toggleSearchStatus">
<a-input placeholder="请输入规格查询" v-model="queryParam.standard"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="规格" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入规格查询" v-model="queryParam.standard"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="型号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入型号查询" v-model="queryParam.model"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="型号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入型号查询" v-model="queryParam.model"></a-input>
</template> </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-col :md="6" :sm="24"> </template>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
<a @click="handleToggleSearch" style="margin-left: 8px"> <a-button type="primary" @click="searchQuery">查询</a-button>
{{ toggleSearchStatus ? '收起' : '展开' }} <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/> <a @click="handleToggleSearch" style="margin-left: 8px">
</a> {{ toggleSearchStatus ? '收起' : '展开' }}
</a-col> <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
</span> </a>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> <div class="table-operator" style="margin-top: 5px">
<a-popover title="表格模板"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button>
<template slot="content"> <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
<p><a target="_blank" href="/doc/goods_template.xls"><b>商品Excel模板下载</b></a></p> <a-popover title="表格模板">
</template> <template slot="content">
<a-button type="primary" icon="import">导入</a-button> <p><a target="_blank" href="/doc/goods_template.xls"><b>商品Excel模板下载</b></a></p>
</a-popover> </template>
</a-upload> <a-button type="primary" icon="import">导入</a-button>
<a-button type="primary" icon="download" @click="handleExportXls('商品信息')">导出</a-button> </a-popover>
<a-dropdown v-if="selectedRowKeys.length > 0"> </a-upload>
<a-menu slot="overlay"> <a-button type="primary" icon="download" @click="handleExportXls('商品信息')">导出</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu-item key="2" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(true)"><a-icon type="check-square"/>启用</a-menu-item> <a-menu slot="overlay">
<a-menu-item key="3" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(false)"><a-icon type="close-square"/>禁用</a-menu-item> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu> <a-menu-item key="2" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(true)"><a-icon type="check-square"/>启用</a-menu-item>
<a-button style="margin-left: 8px"> <a-menu-item key="3" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(false)"><a-icon type="close-square"/>禁用</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:scroll="{ x: 1500, y: 500 }" bordered
:columns="columns" rowKey="id"
:dataSource="dataSource" :scroll="{ x: 1500, y: 500 }"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="handleEdit(record)">编辑</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<template slot="customRenderEnabled" slot-scope="enabled"> </a-popconfirm>
<a-tag v-if="enabled" color="green">启用</a-tag> </span>
<a-tag v-if="!enabled" color="orange">禁用</a-tag> <template slot="customRenderEnabled" slot-scope="enabled">
</template> <a-tag v-if="enabled" color="green">启用</a-tag>
<template slot="customRenderEnableSerialNumber" slot-scope="enableSerialNumber"> <a-tag v-if="!enabled" color="orange">禁用</a-tag>
<a-tag v-if="enableSerialNumber==1" color="green">有</a-tag> </template>
<a-tag v-if="enableSerialNumber==0" color="orange">无</a-tag> <template slot="customRenderEnableSerialNumber" slot-scope="enableSerialNumber">
</template> <a-tag v-if="enableSerialNumber==1" color="green">有</a-tag>
</a-table> <a-tag v-if="enableSerialNumber==0" color="orange">无</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<material-modal ref="modalForm" @ok="modalFormOk"></material-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<material-modal ref="modalForm" @ok="modalFormOk"></material-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import MaterialModal from './modules/MaterialModal' import MaterialModal from './modules/MaterialModal'

View File

@@ -1,50 +1,54 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
<span slot="action" slot-scope="text, record"> :loading="loading"
<a @click="handleEdit(record)">编辑</a> @change="handleTableChange">
</span> <span slot="action" slot-scope="text, record">
<!-- 状态渲染模板 --> <a @click="handleEdit(record)">编辑</a>
<template slot="customRenderFlag" slot-scope="enabled"> </span>
<a-tag v-if="enabled==1" color="green">启用</a-tag> <!-- 状态渲染模板 -->
<a-tag v-if="enabled==0" color="orange">禁用</a-tag> <template slot="customRenderFlag" slot-scope="enabled">
</template> <a-tag v-if="enabled==1" color="green">启用</a-tag>
</a-table> <a-tag v-if="enabled==0" color="orange">禁用</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<material-property-modal ref="modalForm" @ok="modalFormOk"></material-property-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<material-property-modal ref="modalForm" @ok="modalFormOk"></material-property-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import MaterialPropertyModal from './modules/MaterialPropertyModal' import MaterialPropertyModal from './modules/MaterialPropertyModal'

View File

@@ -1,57 +1,61 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="4" :sm="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="名称"> <a-row :gutter="24">
<a-input placeholder="请输入名称" v-model="queryParam.name"></a-input> <a-col :md="4" :sm="24">
</a-form-item> <a-form-item label="名称">
</a-col> <a-input placeholder="请输入名称" v-model="queryParam.name"></a-input>
<a-col :md="4" :sm="24"> </a-form-item>
<a-form-item label="编号"> </a-col>
<a-input placeholder="请输入编号" v-model="queryParam.serialNo"></a-input> <a-col :md="4" :sm="24">
</a-form-item> <a-form-item label="编号">
</a-col> <a-input placeholder="请输入编号" v-model="queryParam.serialNo"></a-input>
<a-col :md="2" :sm="24" > </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="2" :sm="24" >
</span> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
<a-col :md="3" :sm="24" > </span>
<a-form-item label="本月发生总额"> </a-col>
{{allMonthAmount}} <a-col :md="3" :sm="24" >
</a-form-item> <a-form-item label="本月发生总额">
</a-col> {{allMonthAmount}}
<a-col :md="3" :sm="24" > </a-form-item>
<a-form-item label="当前总余额"> </a-col>
{{allCurrentAmount}} <a-col :md="3" :sm="24" >
</a-form-item> <a-form-item label="当前总余额">
</a-col> {{allCurrentAmount}}
</a-row> </a-form-item>
</a-form> </a-col>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<div> </div>
<a-table <!-- table区域-begin -->
bordered <div>
ref="table" <a-table
size="middle" bordered
rowKey="id" ref="table"
:columns="columns" size="middle"
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
<span slot="action" slot-scope="text, record"> :loading="loading"
<a @click="showAccountInOutList(record)">流水</a> @change="handleTableChange">
</span> <span slot="action" slot-scope="text, record">
</a-table> <a @click="showAccountInOutList(record)">流水</a>
</div> </span>
<!-- table区域-end --> </a-table>
<account-in-out-list ref="accountInOutList" @ok="modalFormOk"></account-in-out-list> </div>
</a-card> <!-- table区域-end -->
<account-in-out-list ref="accountInOutList" @ok="modalFormOk"></account-in-out-list>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import AccountInOutList from './modules/AccountInOutList' import AccountInOutList from './modules/AccountInOutList'

View File

@@ -1,41 +1,45 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="月份"> <a-row :gutter="24">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="月份">
</a-col> <a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息"> </a-col>
<a-input placeholder="请输入商品信息" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息">
</a-col> <a-input placeholder="请输入商品信息" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="24" > </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="6" :sm="24" >
</span> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</a-row> </span>
</a-form> </a-col>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<a-table </div>
bordered <!-- table区域-begin -->
ref="table" <a-table
size="middle" bordered
rowKey="id" ref="table"
:columns="columns" size="middle"
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
</a-table> :loading="loading"
<!-- table区域-end --> @change="handleTableChange">
</a-card> </a-table>
<!-- table区域-end -->
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import { JeecgListMixin } from '@/mixins/JeecgListMixin' import { JeecgListMixin } from '@/mixins/JeecgListMixin'

View File

@@ -1,62 +1,66 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="4" :sm="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户"> <a-row :gutter="24">
<a-select placeholder="选择客户" v-model="queryParam.organId" :dropdownMatchSelectWidth="false"> <a-col :md="4" :sm="24">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
{{ item.supplier }} <a-select placeholder="选择客户" v-model="queryParam.organId" :dropdownMatchSelectWidth="false">
</a-select-option> <a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
</a-select> {{ item.supplier }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="6" :sm="24"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="24">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
:default-value="defaultTimeStr" style="width: 210px"
format="YYYY-MM-DD" v-model="queryParam.createTimeRange"
:placeholder="['开始时间', '结束时间']" :default-value="defaultTimeStr"
@change="onDateChange" format="YYYY-MM-DD"
/> :placeholder="['开始时间', '结束时间']"
</a-form-item> @change="onDateChange"
</a-col> />
<a-col :md="2" :sm="24"> </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="2" :sm="24">
</span> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
<a-col :md="8" :sm="24"> </span>
<a-form-item> </a-col>
{{firstTotal}} {{lastTotal}} {{pleaseSelect}} <a-col :md="8" :sm="24">
</a-form-item> <a-form-item>
</a-col> {{firstTotal}} {{lastTotal}} {{pleaseSelect}}
</a-row> </a-form-item>
</a-form> </a-col>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<a-table </div>
bordered <!-- table区域-begin -->
ref="table" <a-table
size="middle" bordered
rowKey="id" ref="table"
:columns="columns" size="middle"
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
<span slot="numberCustomRender" slot-scope="text, record"> :loading="loading"
<a @click="myHandleDetail(record)">{{record.number}}</a> @change="handleTableChange">
</span> <span slot="numberCustomRender" slot-scope="text, record">
</a-table> <a @click="myHandleDetail(record)">{{record.number}}</a>
<!-- table区域-end --> </span>
<!-- 表单区域 --> </a-table>
<bill-detail ref="modalDetail"></bill-detail> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import BillDetail from '../bill/dialog/BillDetail' import BillDetail from '../bill/dialog/BillDetail'

View File

@@ -1,74 +1,78 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="4" :sm="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商"> <a-row :gutter="24">
<a-select placeholder="选择供应商" v-model="queryParam.organId" :dropdownMatchSelectWidth="false"> <a-col :md="4" :sm="24">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
{{ item.supplier }} <a-select placeholder="选择供应商" v-model="queryParam.organId" :dropdownMatchSelectWidth="false">
</a-select-option> <a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
</a-select> {{ item.supplier }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="4" :sm="24"> </a-form-item>
<a-form-item label="仓库"> </a-col>
<a-select <a-col :md="4" :sm="24">
style="width: 100%" <a-form-item label="仓库">
placeholder="请选择仓库" <a-select
v-model="queryParam.depotId"> style="width: 100%"
<a-select-option v-for="(depot,index) in depotList" :value="depot.id"> placeholder="请选择仓库"
{{ depot.depotName }} v-model="queryParam.depotId">
</a-select-option> <a-select-option v-for="(depot,index) in depotList" :value="depot.id">
</a-select> {{ depot.depotName }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="5" :sm="24"> </a-form-item>
<a-form-item label="商品信息"> </a-col>
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="5" :sm="24">
</a-form-item> <a-form-item label="商品信息">
</a-col> <a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="24"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="24">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
:default-value="defaultTimeStr" style="width: 210px"
format="YYYY-MM-DD" v-model="queryParam.createTimeRange"
:placeholder="['开始时间', '结束时间']" :default-value="defaultTimeStr"
@change="onDateChange" format="YYYY-MM-DD"
/> :placeholder="['开始时间', '结束时间']"
</a-form-item> @change="onDateChange"
</a-col> />
<a-col :md="4" :sm="24" > </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="4" :sm="24" >
</span> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</a-row> </span>
</a-form> </a-col>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<a-table </div>
bordered <!-- table区域-begin -->
ref="table" <a-table
size="middle" bordered
rowKey="id" ref="table"
:columns="columns" size="middle"
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
<span slot="numberCustomRender" slot-scope="text, record"> :loading="loading"
<a @click="myHandleDetail(record)">{{record.number}}</a> @change="handleTableChange">
</span> <span slot="numberCustomRender" slot-scope="text, record">
</a-table> <a @click="myHandleDetail(record)">{{record.number}}</a>
<!-- table区域-end --> </span>
<!-- 表单区域 --> </a-table>
<bill-detail ref="modalDetail"></bill-detail> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import BillDetail from '../bill/dialog/BillDetail' import BillDetail from '../bill/dialog/BillDetail'

View File

@@ -1,69 +1,73 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="4" :sm="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商"> <a-row :gutter="24">
<a-select placeholder="选择供应商" v-model="queryParam.organId" :dropdownMatchSelectWidth="false"> <a-col :md="4" :sm="24">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
{{ item.supplier }} <a-select placeholder="选择供应商" v-model="queryParam.organId" :dropdownMatchSelectWidth="false">
</a-select-option> <a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
</a-select> {{ item.supplier }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="4" :sm="24"> </a-form-item>
<a-form-item label="仓库"> </a-col>
<a-select <a-col :md="4" :sm="24">
style="width: 100%" <a-form-item label="仓库">
placeholder="请选择仓库" <a-select
v-model="queryParam.depotId"> style="width: 100%"
<a-select-option v-for="(depot,index) in depotList" :value="depot.id"> placeholder="请选择仓库"
{{ depot.depotName }} v-model="queryParam.depotId">
</a-select-option> <a-select-option v-for="(depot,index) in depotList" :value="depot.id">
</a-select> {{ depot.depotName }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="5" :sm="24"> </a-form-item>
<a-form-item label="商品信息"> </a-col>
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="5" :sm="24">
</a-form-item> <a-form-item label="商品信息">
</a-col> <a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="24"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="24">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
:default-value="defaultTimeStr" style="width: 210px"
format="YYYY-MM-DD" v-model="queryParam.createTimeRange"
:placeholder="['开始时间', '结束时间']" :default-value="defaultTimeStr"
@change="onDateChange" format="YYYY-MM-DD"
/> :placeholder="['开始时间', '结束时间']"
</a-form-item> @change="onDateChange"
</a-col> />
<a-col :md="4" :sm="24" > </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="4" :sm="24" >
</span> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</a-row> </span>
</a-form> </a-col>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<a-table </div>
bordered <!-- table区域-begin -->
ref="table" <a-table
size="middle" bordered
rowKey="id" ref="table"
:columns="columns" size="middle"
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
</a-table> :loading="loading"
<!-- table区域-end --> @change="handleTableChange">
</a-card> </a-table>
<!-- table区域-end -->
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import { JeecgListMixin } from '@/mixins/JeecgListMixin' import { JeecgListMixin } from '@/mixins/JeecgListMixin'

View File

@@ -1,59 +1,63 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="4" :sm="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="仓库"> <a-row :gutter="24">
<a-select <a-col :md="4" :sm="24">
style="width: 100%" <a-form-item label="仓库">
placeholder="请选择仓库" <a-select
v-model="queryParam.depotId"> style="width: 100%"
<a-select-option v-for="(depot,index) in depotList" :value="depot.id"> placeholder="请选择仓库"
{{ depot.depotName }} v-model="queryParam.depotId">
</a-select-option> <a-select-option v-for="(depot,index) in depotList" :value="depot.id">
</a-select> {{ depot.depotName }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="4" :sm="24"> </a-form-item>
<a-form-item label="月份"> </a-col>
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/> <a-col :md="4" :sm="24">
</a-form-item> <a-form-item label="月份">
</a-col> <a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/>
<a-col :md="6" :sm="24"> </a-form-item>
<a-form-item label="商品信息"> </a-col>
<a-input placeholder="请输入商品名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="24">
</a-form-item> <a-form-item label="商品信息">
</a-col> <a-input placeholder="请输入商品名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="4" :sm="24" > </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="4" :sm="24" >
<a-button style="margin-left: 8px" type="primary" icon="download" @click="handleExportXls('库存状况')">导出</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
</span> <a-button type="primary" @click="searchQuery">查询</a-button>
</a-col> <a-button style="margin-left: 8px" type="primary" icon="download" @click="handleExportXls('库存状况')">导出</a-button>
<a-col :md="4" :sm="24" > </span>
<a-form-item label="本月合计金额"> </a-col>
{{totalCountMoneyStr}} <a-col :md="4" :sm="24" >
</a-form-item> <a-form-item label="本月合计金额">
</a-col> {{totalCountMoneyStr}}
</a-row> </a-form-item>
</a-form> </a-col>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<a-table </div>
bordered <!-- table区域-begin -->
ref="table" <a-table
size="middle" bordered
rowKey="id" ref="table"
:columns="columns" size="middle"
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
</a-table> :loading="loading"
<!-- table区域-end --> @change="handleTableChange">
</a-card> </a-table>
<!-- table区域-end -->
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import { JeecgListMixin } from '@/mixins/JeecgListMixin' import { JeecgListMixin } from '@/mixins/JeecgListMixin'

View File

@@ -1,74 +1,78 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="4" :sm="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户"> <a-row :gutter="24">
<a-select placeholder="选择客户" v-model="queryParam.organId" :dropdownMatchSelectWidth="false"> <a-col :md="4" :sm="24">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
{{ item.supplier }} <a-select placeholder="选择客户" v-model="queryParam.organId" :dropdownMatchSelectWidth="false">
</a-select-option> <a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
</a-select> {{ item.supplier }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="4" :sm="24"> </a-form-item>
<a-form-item label="仓库"> </a-col>
<a-select <a-col :md="4" :sm="24">
style="width: 100%" <a-form-item label="仓库">
placeholder="请选择仓库" <a-select
v-model="queryParam.depotId"> style="width: 100%"
<a-select-option v-for="(depot,index) in depotList" :value="depot.id"> placeholder="请选择仓库"
{{ depot.depotName }} v-model="queryParam.depotId">
</a-select-option> <a-select-option v-for="(depot,index) in depotList" :value="depot.id">
</a-select> {{ depot.depotName }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="5" :sm="24"> </a-form-item>
<a-form-item label="商品信息"> </a-col>
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="5" :sm="24">
</a-form-item> <a-form-item label="商品信息">
</a-col> <a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
:default-value="defaultTimeStr" style="width: 210px"
format="YYYY-MM-DD" v-model="queryParam.createTimeRange"
:placeholder="['开始时间', '结束时间']" :default-value="defaultTimeStr"
@change="onDateChange" format="YYYY-MM-DD"
/> :placeholder="['开始时间', '结束时间']"
</a-form-item> @change="onDateChange"
</a-col> />
<a-col :md="4" :sm="24" > </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="4" :sm="24" >
</span> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</a-row> </span>
</a-form> </a-col>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<a-table </div>
bordered <!-- table区域-begin -->
ref="table" <a-table
size="middle" bordered
rowKey="id" ref="table"
:columns="columns" size="middle"
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
<span slot="numberCustomRender" slot-scope="text, record"> :loading="loading"
<a @click="myHandleDetail(record)">{{record.number}}</a> @change="handleTableChange">
</span> <span slot="numberCustomRender" slot-scope="text, record">
</a-table> <a @click="myHandleDetail(record)">{{record.number}}</a>
<!-- table区域-end --> </span>
<!-- 表单区域 --> </a-table>
<bill-detail ref="modalDetail"></bill-detail> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import BillDetail from '../bill/dialog/BillDetail' import BillDetail from '../bill/dialog/BillDetail'

View File

@@ -1,69 +1,73 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="4" :sm="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户"> <a-row :gutter="24">
<a-select placeholder="选择客户" v-model="queryParam.organId" :dropdownMatchSelectWidth="false"> <a-col :md="4" :sm="24">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
{{ item.supplier }} <a-select placeholder="选择客户" v-model="queryParam.organId" :dropdownMatchSelectWidth="false">
</a-select-option> <a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
</a-select> {{ item.supplier }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="4" :sm="24"> </a-form-item>
<a-form-item label="仓库"> </a-col>
<a-select <a-col :md="4" :sm="24">
style="width: 100%" <a-form-item label="仓库">
placeholder="请选择仓库" <a-select
v-model="queryParam.depotId"> style="width: 100%"
<a-select-option v-for="(depot,index) in depotList" :value="depot.id"> placeholder="请选择仓库"
{{ depot.depotName }} v-model="queryParam.depotId">
</a-select-option> <a-select-option v-for="(depot,index) in depotList" :value="depot.id">
</a-select> {{ depot.depotName }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="5" :sm="24"> </a-form-item>
<a-form-item label="商品信息"> </a-col>
<a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="5" :sm="24">
</a-form-item> <a-form-item label="商品信息">
</a-col> <a-input placeholder="名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
:default-value="defaultTimeStr" style="width: 210px"
format="YYYY-MM-DD" v-model="queryParam.createTimeRange"
:placeholder="['开始时间', '结束时间']" :default-value="defaultTimeStr"
@change="onDateChange" format="YYYY-MM-DD"
/> :placeholder="['开始时间', '结束时间']"
</a-form-item> @change="onDateChange"
</a-col> />
<a-col :md="4" :sm="24" > </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="4" :sm="24" >
</span> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</a-row> </span>
</a-form> </a-col>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<a-table </div>
bordered <!-- table区域-begin -->
ref="table" <a-table
size="middle" bordered
rowKey="id" ref="table"
:columns="columns" size="middle"
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
</a-table> :loading="loading"
<!-- table区域-end --> @change="handleTableChange">
</a-card> </a-table>
<!-- table区域-end -->
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import { JeecgListMixin } from '@/mixins/JeecgListMixin' import { JeecgListMixin } from '@/mixins/JeecgListMixin'

View File

@@ -1,41 +1,45 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="6" :sm="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="月份"> <a-row :gutter="24">
<a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/> <a-col :md="6" :sm="24">
</a-form-item> <a-form-item label="月份">
</a-col> <a-month-picker placeholder="请选择月份" :default-value="moment(currentMonth, monthFormat)" :format="monthFormat" @change="onChange"/>
<a-col :md="6" :sm="24"> </a-form-item>
<a-form-item label="商品信息"> </a-col>
<a-input placeholder="请输入商品信息" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="24">
</a-form-item> <a-form-item label="商品信息">
</a-col> <a-input placeholder="请输入商品信息" v-model="queryParam.materialParam"></a-input>
<a-col :md="3" :sm="24" > </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="3" :sm="24" >
</span> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</a-row> </span>
</a-form> </a-col>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<a-table </div>
bordered <!-- table区域-begin -->
ref="table" <a-table
size="middle" bordered
rowKey="id" ref="table"
:columns="columns" size="middle"
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
</a-table> :loading="loading"
<!-- table区域-end --> @change="handleTableChange">
</a-card> </a-table>
<!-- table区域-end -->
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import { JeecgListMixin } from '@/mixins/JeecgListMixin' import { JeecgListMixin } from '@/mixins/JeecgListMixin'

View File

@@ -1,49 +1,53 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="4" :sm="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="仓库"> <a-row :gutter="24">
<a-select <a-col :md="4" :sm="24">
style="width: 100%" <a-form-item label="仓库">
placeholder="请选择仓库" <a-select
v-model="queryParam.depotId"> style="width: 100%"
<a-select-option v-for="(depot,index) in depotList" :value="depot.id"> placeholder="请选择仓库"
{{ depot.depotName }} v-model="queryParam.depotId">
</a-select-option> <a-select-option v-for="(depot,index) in depotList" :value="depot.id">
</a-select> {{ depot.depotName }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品信息"> </a-col>
<a-input placeholder="请输入商品名称规格型号" v-model="queryParam.materialParam"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品信息">
</a-col> <a-input placeholder="请输入商品名称规格型号" v-model="queryParam.materialParam"></a-input>
<a-col :md="6" :sm="24" > </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="6" :sm="24" >
<a-button style="margin-left: 8px" type="primary" icon="download" @click="handleExportXls('库存预警')">导出</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
</span> <a-button type="primary" @click="searchQuery">查询</a-button>
</a-col> <a-button style="margin-left: 8px" type="primary" icon="download" @click="handleExportXls('库存预警')">导出</a-button>
</a-row> </span>
</a-form> </a-col>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<a-table </div>
bordered <!-- table区域-begin -->
ref="table" <a-table
size="middle" bordered
rowKey="id" ref="table"
:columns="columns" size="middle"
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
</a-table> :loading="loading"
<!-- table区域-end --> @change="handleTableChange">
</a-card> </a-table>
<!-- table区域-end -->
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import { JeecgListMixin } from '@/mixins/JeecgListMixin' import { JeecgListMixin } from '@/mixins/JeecgListMixin'

View File

@@ -1,62 +1,66 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="4" :sm="24"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商"> <a-row :gutter="24">
<a-select placeholder="选择供应商" v-model="queryParam.organId" :dropdownMatchSelectWidth="false"> <a-col :md="4" :sm="24">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
{{ item.supplier }} <a-select placeholder="选择供应商" v-model="queryParam.organId" :dropdownMatchSelectWidth="false">
</a-select-option> <a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
</a-select> {{ item.supplier }}
</a-form-item> </a-select-option>
</a-col> </a-select>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="单据日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
:default-value="defaultTimeStr" style="width: 210px"
format="YYYY-MM-DD" v-model="queryParam.createTimeRange"
:placeholder="['开始时间', '结束时间']" :default-value="defaultTimeStr"
@change="onDateChange" format="YYYY-MM-DD"
/> :placeholder="['开始时间', '结束时间']"
</a-form-item> @change="onDateChange"
</a-col> />
<a-col :md="2" :sm="24"> </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="2" :sm="24">
</span> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
<a-col :md="8" :sm="24"> </span>
<a-form-item> </a-col>
{{firstTotal}} {{lastTotal}} {{pleaseSelect}} <a-col :md="8" :sm="24">
</a-form-item> <a-form-item>
</a-col> {{firstTotal}} {{lastTotal}} {{pleaseSelect}}
</a-row> </a-form-item>
</a-form> </a-col>
</div> </a-row>
<!-- table区域-begin --> </a-form>
<a-table </div>
bordered <!-- table区域-begin -->
ref="table" <a-table
size="middle" bordered
rowKey="id" ref="table"
:columns="columns" size="middle"
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
<span slot="numberCustomRender" slot-scope="text, record"> :loading="loading"
<a @click="myHandleDetail(record)">{{record.number}}</a> @change="handleTableChange">
</span> <span slot="numberCustomRender" slot-scope="text, record">
</a-table> <a @click="myHandleDetail(record)">{{record.number}}</a>
<!-- table区域-end --> </span>
<!-- 表单区域 --> </a-table>
<bill-detail ref="modalDetail"></bill-detail> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import BillDetail from '../bill/dialog/BillDetail' import BillDetail from '../bill/dialog/BillDetail'

View File

@@ -1,81 +1,85 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="4" :sm="6"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input> <a-col :md="4" :sm="6">
</a-form-item> <a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
<a-col :md="4" :sm="6"> </a-form-item>
<a-form-item label="编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入编号查询" v-model="queryParam.serialNo"></a-input> <a-col :md="4" :sm="6">
</a-form-item> <a-form-item label="编号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入编号查询" v-model="queryParam.serialNo"></a-input>
<a-col :md="4" :sm="6"> </a-form-item>
<a-form-item label="备注" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入备注查询" v-model="queryParam.remark"></a-input> <a-col :md="4" :sm="6">
</a-form-item> <a-form-item label="备注" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入备注查询" v-model="queryParam.remark"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定设为默认吗?" @confirm="() => handleSetDefault(record.id)"> @change="handleTableChange">
<a>设为默认</a> <span slot="action" slot-scope="text, record">
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定设为默认吗?" @confirm="() => handleSetDefault(record.id)">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a>设为默认</a>
<a @click="handleEdit(record)">编辑</a> </a-popconfirm>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<!-- 状态渲染模板 --> </a-popconfirm>
<template slot="customRenderFlag" slot-scope="isDefault"> </span>
<a-tag v-if="isDefault" color="green">是</a-tag> <!-- 状态渲染模板 -->
<a-tag v-if="!isDefault" color="orange">否</a-tag> <template slot="customRenderFlag" slot-scope="isDefault">
</template> <a-tag v-if="isDefault" color="green">是</a-tag>
</a-table> <a-tag v-if="!isDefault" color="orange">否</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<account-modal ref="modalForm" @ok="modalFormOk"></account-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<account-modal ref="modalForm" @ok="modalFormOk"></account-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import AccountModal from './modules/AccountModal' import AccountModal from './modules/AccountModal'

View File

@@ -1,88 +1,92 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="5" :sm="10"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入名称查询" v-model="queryParam.supplier"></a-input> <a-col :md="5" :sm="10">
</a-form-item> <a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称查询" v-model="queryParam.supplier"></a-input>
<a-col :md="5" :sm="10"> </a-form-item>
<a-form-item label="手机号码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入手机号码查询" v-model="queryParam.telephone"></a-input> <a-col :md="5" :sm="10">
</a-form-item> <a-form-item label="手机号码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入手机号码查询" v-model="queryParam.telephone"></a-input>
<a-col :md="5" :sm="10"> </a-form-item>
<a-form-item label="联系电话" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入联系电话查询" v-model="queryParam.phonenum"></a-input> <a-col :md="5" :sm="10">
</a-form-item> <a-form-item label="联系电话" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入联系电话查询" v-model="queryParam.phonenum"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-upload v-if="btnEnableList.indexOf(1)>-1" name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> <div class="table-operator" style="margin-top: 5px">
<a-popover title="导入注意点"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button>
<template slot="content"> <a-upload v-if="btnEnableList.indexOf(1)>-1" name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
<p>期初应收、期初应付、税率均为数值且要大于0<br/>另外期初应收、期初应付不能同时输入</p> <a-popover title="导入注意点">
</template> <template slot="content">
<a-button type="primary" icon="import">导入</a-button> <p>期初应收、期初应付、税率均为数值且要大于0<br/>另外期初应收、期初应付不能同时输入</p>
</a-popover> </template>
</a-upload> <a-button type="primary" icon="import">导入</a-button>
<a-button type="primary" icon="download" @click="handleExportXls('客户信息')">导出</a-button> </a-popover>
<a-dropdown v-if="selectedRowKeys.length > 0"> </a-upload>
<a-menu slot="overlay"> <a-button type="primary" icon="download" @click="handleExportXls('客户信息')">导出</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu-item key="2" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(true)"><a-icon type="check-square"/>启用</a-menu-item> <a-menu slot="overlay">
<a-menu-item key="3" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(false)"><a-icon type="close-square"/>禁用</a-menu-item> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu> <a-menu-item key="2" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(true)"><a-icon type="check-square"/>启用</a-menu-item>
<a-button style="margin-left: 8px"> <a-menu-item key="3" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(false)"><a-icon type="close-square"/>禁用</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="handleEdit(record)">编辑</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<!-- 状态渲染模板 --> </a-popconfirm>
<template slot="customRenderFlag" slot-scope="enabled"> </span>
<a-tag v-if="enabled" color="green">启用</a-tag> <!-- 状态渲染模板 -->
<a-tag v-if="!enabled" color="orange">禁用</a-tag> <template slot="customRenderFlag" slot-scope="enabled">
</template> <a-tag v-if="enabled" color="green">启用</a-tag>
</a-table> <a-tag v-if="!enabled" color="orange">禁用</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<customer-modal ref="modalForm" @ok="modalFormOk"></customer-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<customer-modal ref="modalForm" @ok="modalFormOk"></customer-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import CustomerModal from './modules/CustomerModal' import CustomerModal from './modules/CustomerModal'

View File

@@ -1,76 +1,80 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="4" :sm="6"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="仓库名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入仓库名称查询" v-model="queryParam.name"></a-input> <a-col :md="4" :sm="6">
</a-form-item> <a-form-item label="仓库名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入仓库名称查询" v-model="queryParam.name"></a-input>
<a-col :md="4" :sm="6"> </a-form-item>
<a-form-item label="描述" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入描述查询" v-model="queryParam.remark"></a-input> <a-col :md="4" :sm="6">
</a-form-item> <a-form-item label="描述" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入描述查询" v-model="queryParam.remark"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定设为默认吗?" @confirm="() => handleSetDefault(record.id)"> @change="handleTableChange">
<a>设为默认</a> <span slot="action" slot-scope="text, record">
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定设为默认吗?" @confirm="() => handleSetDefault(record.id)">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a>设为默认</a>
<a @click="handleEdit(record)">编辑</a> </a-popconfirm>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<!-- 状态渲染模板 --> </a-popconfirm>
<template slot="customRenderFlag" slot-scope="isDefault"> </span>
<a-tag v-if="isDefault" color="green">是</a-tag> <!-- 状态渲染模板 -->
<a-tag v-if="!isDefault" color="orange">否</a-tag> <template slot="customRenderFlag" slot-scope="isDefault">
</template> <a-tag v-if="isDefault" color="green">是</a-tag>
</a-table> <a-tag v-if="!isDefault" color="orange">否</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<depot-modal ref="modalForm" @ok="modalFormOk"></depot-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<depot-modal ref="modalForm" @ok="modalFormOk"></depot-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import DepotModal from './modules/DepotModal' import DepotModal from './modules/DepotModal'

View File

@@ -1,67 +1,71 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button @click="handleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="handleEdit(record)">编辑</a> @change="handleTableChange">
<a-divider type="vertical" /> <span slot="action" slot-scope="text, record">
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider type="vertical" />
</a-popconfirm> <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<!-- 状态渲染模板 --> </a-popconfirm>
<template slot="customRenderFlag" slot-scope="enabled"> </span>
<a-tag v-if="enabled==1" color="green">启用</a-tag> <!-- 状态渲染模板 -->
<a-tag v-if="enabled==0" color="orange">禁用</a-tag> <template slot="customRenderFlag" slot-scope="enabled">
</template> <a-tag v-if="enabled==1" color="green">启用</a-tag>
</a-table> <a-tag v-if="enabled==0" color="orange">禁用</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<function-modal ref="modalForm" @ok="modalFormOk"></function-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<function-modal ref="modalForm" @ok="modalFormOk"></function-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import FunctionModal from './modules/FunctionModal' import FunctionModal from './modules/FunctionModal'

View File

@@ -1,81 +1,85 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="4" :sm="6"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input> <a-col :md="4" :sm="6">
</a-form-item> <a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
<a-col :md="4" :sm="6"> </a-form-item>
<a-form-item label="类型" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-select v-model="queryParam.type" placeholder="请选择类型"> <a-col :md="4" :sm="6">
<a-select-option value="">请选择</a-select-option> <a-form-item label="类型" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-select-option value="收入">收入</a-select-option> <a-select v-model="queryParam.type" placeholder="请选择类型">
<a-select-option value="支出">支出</a-select-option> <a-select-option value="">请选择</a-select-option>
</a-select> <a-select-option value="收入">收入</a-select-option>
</a-form-item> <a-select-option value="支出">支出</a-select-option>
</a-col> </a-select>
<a-col :md="4" :sm="6"> </a-form-item>
<a-form-item label="备注" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入备注查询" v-model="queryParam.remark"></a-input> <a-col :md="4" :sm="6">
</a-form-item> <a-form-item label="备注" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入备注查询" v-model="queryParam.remark"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="handleEdit(record)">编辑</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<!-- 状态渲染模板 --> </a-popconfirm>
<template slot="customRenderFlag" slot-scope="isDefault"> </span>
<a-tag v-if="isDefault" color="green">是</a-tag> <!-- 状态渲染模板 -->
<a-tag v-if="!isDefault" color="orange">否</a-tag> <template slot="customRenderFlag" slot-scope="isDefault">
</template> <a-tag v-if="isDefault" color="green">是</a-tag>
</a-table> <a-tag v-if="!isDefault" color="orange">否</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<inOutItem-modal ref="modalForm" @ok="modalFormOk"></inOutItem-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<inOutItem-modal ref="modalForm" @ok="modalFormOk"></inOutItem-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import InOutItemModal from './modules/InOutItemModal' import InOutItemModal from './modules/InOutItemModal'

View File

@@ -1,78 +1,82 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="操作模块"> <a-row :gutter="24">
<a-input placeholder="请输入操作模块" v-model="queryParam.operation"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="操作模块">
</a-col> <a-input placeholder="请输入操作模块" v-model="queryParam.operation"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="操作详情"> </a-col>
<a-input placeholder="请输入操作详情" v-model="queryParam.content"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="操作详情">
</a-col> <a-input placeholder="请输入操作详情" v-model="queryParam.content"></a-input>
<a-col :md="6" :sm="10"> </a-form-item>
<a-form-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> </a-col>
<a-range-picker <a-col :md="6" :sm="10">
style="width: 210px" <a-form-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
v-model="queryParam.createTimeRange" <a-range-picker
format="YYYY-MM-DD" style="width: 210px"
:placeholder="['开始时间', '结束时间']" v-model="queryParam.createTimeRange"
@change="onDateChange" format="YYYY-MM-DD"
@ok="onDateOk" :placeholder="['开始时间', '结束时间']"
/> @change="onDateChange"
</a-form-item> @ok="onDateOk"
</a-col> />
<template v-if="toggleSearchStatus"> </a-form-item>
<a-col :md="6" :sm="8"> </a-col>
<a-form-item label="操作IP"> <template v-if="toggleSearchStatus">
<a-input placeholder="请输入操作IP" v-model="queryParam.clientIp"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="操作IP">
</a-col> <a-input placeholder="请输入操作IP" v-model="queryParam.clientIp"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="操作状态"> </a-col>
<a-select v-model="queryParam.status" placeholder="请选择操作状态"> <a-col :md="6" :sm="8">
<a-select-option value="">请选择</a-select-option> <a-form-item label="操作状态">
<a-select-option value="0">成功</a-select-option> <a-select v-model="queryParam.status" placeholder="请选择操作状态">
<a-select-option value="1">失败</a-select-option> <a-select-option value="">请选择</a-select-option>
</a-select> <a-select-option value="0">成功</a-select-option>
</a-form-item> <a-select-option value="1">失败</a-select-option>
</a-col> </a-select>
</template> </a-form-item>
<a-col :md="6" :sm="24" > </a-col>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </template>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="6" :sm="24" >
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a @click="handleToggleSearch" style="margin-left: 8px"> <a-button type="primary" @click="searchQuery">查询</a-button>
{{ toggleSearchStatus ? '收起' : '展开' }} <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/> <a @click="handleToggleSearch" style="margin-left: 8px">
</a> {{ toggleSearchStatus ? '收起' : '展开' }}
<a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
</a>
</span>
</a-col>
</a-row>
</a-form>
</div>
<!-- table区域-begin -->
<a-table
ref="table"
bordered
size="middle"
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
@change="handleTableChange">
<!-- 字符串超长截取省略号显示-->
<span slot="content" slot-scope="text, record">
<j-ellipsis :value="text" :length="40"/>
</span> </span>
</a-col> </a-table>
</a-row> <!-- table区域-end -->
</a-form> </a-card>
</div> </a-col>
<!-- table区域-begin --> </a-row>
<a-table
ref="table"
bordered
size="middle"
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
@change="handleTableChange">
<!-- 字符串超长截取省略号显示-->
<span slot="content" slot-scope="text, record">
<j-ellipsis :value="text" :length="40"/>
</span>
</a-table>
<!-- table区域-end -->
</a-card>
</template> </template>
<script> <script>

View File

@@ -1,88 +1,92 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="5" :sm="10"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入名称查询" v-model="queryParam.supplier"></a-input> <a-col :md="5" :sm="10">
</a-form-item> <a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称查询" v-model="queryParam.supplier"></a-input>
<a-col :md="5" :sm="10"> </a-form-item>
<a-form-item label="手机号码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入手机号码查询" v-model="queryParam.telephone"></a-input> <a-col :md="5" :sm="10">
</a-form-item> <a-form-item label="手机号码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入手机号码查询" v-model="queryParam.telephone"></a-input>
<a-col :md="5" :sm="10"> </a-form-item>
<a-form-item label="联系电话" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入联系电话查询" v-model="queryParam.phonenum"></a-input> <a-col :md="5" :sm="10">
</a-form-item> <a-form-item label="联系电话" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入联系电话查询" v-model="queryParam.phonenum"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-upload v-if="btnEnableList.indexOf(1)>-1" name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> <div class="table-operator" style="margin-top: 5px">
<a-popover title="导入注意点"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button>
<template slot="content"> <a-upload v-if="btnEnableList.indexOf(1)>-1" name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
<p>预收款为数值且要大于0</p> <a-popover title="导入注意点">
</template> <template slot="content">
<a-button type="primary" icon="import">导入</a-button> <p>预收款为数值且要大于0</p>
</a-popover> </template>
</a-upload> <a-button type="primary" icon="import">导入</a-button>
<a-button type="primary" icon="download" @click="handleExportXls('会员信息')">导出</a-button> </a-popover>
<a-dropdown v-if="selectedRowKeys.length > 0"> </a-upload>
<a-menu slot="overlay"> <a-button type="primary" icon="download" @click="handleExportXls('会员信息')">导出</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu-item key="2" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(true)"><a-icon type="check-square"/>启用</a-menu-item> <a-menu slot="overlay">
<a-menu-item key="3" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(false)"><a-icon type="close-square"/>禁用</a-menu-item> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu> <a-menu-item key="2" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(true)"><a-icon type="check-square"/>启用</a-menu-item>
<a-button style="margin-left: 8px"> <a-menu-item key="3" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(false)"><a-icon type="close-square"/>禁用</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="handleEdit(record)">编辑</a> @change="handleTableChange">
<a-divider type="vertical" /> <span slot="action" slot-scope="text, record">
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider type="vertical" />
</a-popconfirm> <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<!-- 状态渲染模板 --> </a-popconfirm>
<template slot="customRenderFlag" slot-scope="enabled"> </span>
<a-tag v-if="enabled" color="green">启用</a-tag> <!-- 状态渲染模板 -->
<a-tag v-if="!enabled" color="orange">禁用</a-tag> <template slot="customRenderFlag" slot-scope="enabled">
</template> <a-tag v-if="enabled" color="green">启用</a-tag>
</a-table> <a-tag v-if="!enabled" color="orange">禁用</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<member-modal ref="modalForm" @ok="modalFormOk"></member-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<member-modal ref="modalForm" @ok="modalFormOk"></member-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import MemberModal from './modules/MemberModal' import MemberModal from './modules/MemberModal'

View File

@@ -1,72 +1,76 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="姓名" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入姓名查询" v-model="queryParam.name"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="姓名" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入姓名查询" v-model="queryParam.name"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="类型" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-select v-model="queryParam.type" placeholder="请选择类型"> <a-col :md="6" :sm="8">
<a-select-option value="">请选择</a-select-option> <a-form-item label="类型" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
<a-select-option value="业务员">业务员</a-select-option> <a-select v-model="queryParam.type" placeholder="请选择类型">
<a-select-option value="仓管员">仓管员</a-select-option> <a-select-option value="">请选择</a-select-option>
<a-select-option value="务员">务员</a-select-option> <a-select-option value="务员">务员</a-select-option>
</a-select> <a-select-option value="仓管员">仓管员</a-select-option>
</a-form-item> <a-select-option value="财务员">财务员</a-select-option>
</a-col> </a-select>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="handleEdit(record)">编辑</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<person-modal ref="modalForm" @ok="modalFormOk"></person-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<person-modal ref="modalForm" @ok="modalFormOk"></person-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import PersonModal from './modules/PersonModal' import PersonModal from './modules/PersonModal'

View File

@@ -1,76 +1,80 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
<a-button type="primary" style="margin-left: 8px" @click="writeCode">填写激活码</a-button> <a-button type="primary" @click="searchQuery">查询</a-button>
</a-col> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</span> <a-button type="primary" style="margin-left: 8px" @click="writeCode">填写激活码</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importUrl" @change="handleImportJar"> <!-- 操作按钮区域 -->
<a-popover title="导入注意点"> <div class="table-operator" style="margin-top: 5px">
<template slot="content"> <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importUrl" @change="handleImportJar">
<p>请选择需要导入的插件jar包</p> <a-popover title="导入注意点">
</template> <template slot="content">
<a-button type="primary" icon="import">上传插件包</a-button> <p>请选择需要导入的插件jar包</p>
</a-popover> </template>
</a-upload> <a-button type="primary" icon="import">上传插件包</a-button>
</div> </a-popover>
<!-- table区域-begin --> </a-upload>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
@change="handleTableChange"> :pagination="ipagination"
<span slot="action" slot-scope="text, record"> :loading="loading"
<a @click="uploadTemplate(record)" >上传页面</a> @change="handleTableChange">
<a-divider type="vertical" /> <span slot="action" slot-scope="text, record">
<a-popconfirm title="确定要开启该插件吗?" @confirm="() => startPlugin(record.pluginDescriptor.pluginId)"> <a @click="uploadTemplate(record)" >上传页面</a>
<a>开启</a> <a-divider type="vertical" />
</a-popconfirm> <a-popconfirm title="确定要开启该插件吗?" @confirm="() => startPlugin(record.pluginDescriptor.pluginId)">
<a-divider type="vertical" /> <a>开启</a>
<a-popconfirm title="确定要停止该插件吗?" @confirm="() => stopPlugin(record.pluginDescriptor.pluginId)"> </a-popconfirm>
<a>停止</a> <a-divider type="vertical" />
</a-popconfirm> <a-popconfirm title="确定要停止该插件吗?" @confirm="() => stopPlugin(record.pluginDescriptor.pluginId)">
<a-divider type="vertical" /> <a>停止</a>
<a-popconfirm title="确定要卸载该插件吗?" @confirm="() => uninstallPlugin(record.pluginDescriptor.pluginId)"> </a-popconfirm>
<a>卸载</a> <a-divider type="vertical" />
</a-popconfirm> <a-popconfirm title="确定要卸载该插件吗?" @confirm="() => uninstallPlugin(record.pluginDescriptor.pluginId)">
</span> <a>卸载</a>
<span slot="linkInfo" slot-scope="text, record"> </a-popconfirm>
<a @click="linkTo(record)" target='_blank'>链接跳转</a> </span>
</span> <span slot="linkInfo" slot-scope="text, record">
<template slot="customRenderFlag" slot-scope="pluginState"> <a @click="linkTo(record)" target='_blank'>链接跳转</a>
<a-tag v-if="pluginState=='STARTED'" color="green">启用</a-tag> </span>
<a-tag v-if="pluginState=='STOPPED'" color="orange">停止</a-tag> <template slot="customRenderFlag" slot-scope="pluginState">
</template> <a-tag v-if="pluginState=='STARTED'" color="green">启用</a-tag>
</a-table> <a-tag v-if="pluginState=='STOPPED'" color="orange">停止</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<plugin-modal ref="modalForm" @ok="modalFormOk"></plugin-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<plugin-modal ref="modalForm" @ok="modalFormOk"></plugin-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import PluginModal from './modules/PluginModal' import PluginModal from './modules/PluginModal'

View File

@@ -1,71 +1,75 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="角色名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入角色名称查询" v-model="queryParam.name"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="角色名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入角色名称查询" v-model="queryParam.name"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="handleSetFunction(record)">分配功能</a> @change="handleTableChange">
<a-divider type="vertical" /> <span slot="action" slot-scope="text, record">
<a @click="handleSetPushBtn(record.id)">分配按钮</a> <a @click="handleSetFunction(record)">分配功能</a>
<a-divider type="vertical" /> <a-divider type="vertical" />
<a @click="handleEdit(record)">编辑</a> <a @click="handleSetPushBtn(record.id)">分配按钮</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <a-divider type="vertical" />
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<role-modal ref="modalForm" @ok="modalFormOk"></role-modal> <!-- table区域-end -->
<role-function-modal ref="roleFunctionModal" @ok="roleFunctionModalFormOk"></role-function-modal> <!-- 表单区域 -->
<role-push-btn-modal ref="rolePushBtnModal" @ok="modalFormOk"></role-push-btn-modal> <role-modal ref="modalForm" @ok="modalFormOk"></role-modal>
<a-modal v-model="roleFunctionModalVisible" title="操作提示" @ok="handleTipOk"> <role-function-modal ref="roleFunctionModal" @ok="roleFunctionModalFormOk"></role-function-modal>
<p>分配功能已经操作成功!现在继续<b>分配按钮</b>吗?</p> <role-push-btn-modal ref="rolePushBtnModal" @ok="modalFormOk"></role-push-btn-modal>
</a-modal> <a-modal v-model="roleFunctionModalVisible" title="操作提示" @ok="handleTipOk">
</a-card> <p>分配功能已经操作成功!现在继续<b>分配按钮</b>吗?</p>
</a-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import RoleModal from './modules/RoleModal' import RoleModal from './modules/RoleModal'

View File

@@ -1,81 +1,85 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="序列号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入序列号查询" v-model="queryParam.serialNumber"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="序列号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入序列号查询" v-model="queryParam.serialNumber"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<a-form-item label="商品名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入商品名称查询" v-model="queryParam.materialName"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="商品名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入商品名称查询" v-model="queryParam.materialName"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleBatchAdd" type="primary" icon="plus">批量新增</a-button> <div class="table-operator" style="margin-top: 5px">
<a-dropdown v-if="selectedRowKeys.length > 0"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleBatchAdd" type="primary" icon="plus">批量新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="handleEdit(record)">编辑</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<span slot="numberCustomRender" slot-scope="text, record"> </a-popconfirm>
<a @click="myHandleDetail(record)">{{record.depotHeadNumber}}</a> </span>
</span> <span slot="numberCustomRender" slot-scope="text, record">
<!-- 状态渲染模板 --> <a @click="myHandleDetail(record)">{{record.depotHeadNumber}}</a>
<template slot="customRenderFlag" slot-scope="isSell"> </span>
<a-tag v-if="isSell==1" color="green">是</a-tag> <!-- 状态渲染模板 -->
<a-tag v-if="isSell==0" color="orange">否</a-tag> <template slot="customRenderFlag" slot-scope="isSell">
</template> <a-tag v-if="isSell==1" color="green">是</a-tag>
<template slot="customRenderTime" slot-scope="timeStr"> <a-tag v-if="isSell==0" color="orange">否</a-tag>
{{simpleDateFormat(timeStr, 'yyyy-MM-dd hh:mm:ss')}} </template>
</template> <template slot="customRenderTime" slot-scope="timeStr">
</a-table> {{simpleDateFormat(timeStr, 'yyyy-MM-dd hh:mm:ss')}}
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<serial-number-modal ref="modalForm" @ok="modalFormOk"></serial-number-modal> <!-- table区域-end -->
<serial-number-batch-modal ref="serialNumberBatchModel" @ok="modalFormOk"></serial-number-batch-modal> <!-- 表单区域 -->
<bill-detail ref="modalDetail"></bill-detail> <serial-number-modal ref="modalForm" @ok="modalFormOk"></serial-number-modal>
</a-card> <serial-number-batch-modal ref="serialNumberBatchModel" @ok="modalFormOk"></serial-number-batch-modal>
<bill-detail ref="modalDetail"></bill-detail>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import SerialNumberModal from './modules/SerialNumberModal' import SerialNumberModal from './modules/SerialNumberModal'

View File

@@ -1,67 +1,71 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="公司名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入公司名称查询" v-model="queryParam.companyName"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="公司名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入公司名称查询" v-model="queryParam.companyName"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="myHandleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="handleEdit(record)">编辑</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<!-- 状态渲染模板 --> </a-popconfirm>
<template slot="customRenderFlag" slot-scope="flag"> </span>
<a-tag v-if="flag==1" color="green">启用</a-tag> <!-- 状态渲染模板 -->
<a-tag v-if="flag==0" color="orange">关闭</a-tag> <template slot="customRenderFlag" slot-scope="flag">
</template> <a-tag v-if="flag==1" color="green">启用</a-tag>
</a-table> <a-tag v-if="flag==0" color="orange">关闭</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<systemConfig-modal ref="modalForm" @ok="modalFormOk"></systemConfig-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<systemConfig-modal ref="modalForm" @ok="modalFormOk"></systemConfig-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import SystemConfigModal from './modules/SystemConfigModal' import SystemConfigModal from './modules/SystemConfigModal'

View File

@@ -1,47 +1,51 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="6" :sm="12"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="登录名称"> <a-row :gutter="24">
<a-input placeholder="输入登录名称模糊查询" v-model="queryParam.loginName"></a-input> <a-col :md="6" :sm="12">
</a-form-item> <a-form-item label="登录名称">
</a-col> <a-input placeholder="输入登录名称模糊查询" v-model="queryParam.loginName"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="6" :sm="8">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button type="primary" @click="searchQuery">查询</a-button>
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</span>
</a-col>
</a-row>
</a-form>
</div>
<!-- 操作按钮区域 -->
<div class="table-operator" style="border-top: 5px">
<a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
</div>
<!-- table区域-begin -->
<div>
<a-table
ref="table"
bordered
size="middle"
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
@change="handleTableChange">
<span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)">编辑</a>
</span> </span>
</a-col> </a-table>
</a-row> </div>
</a-form> <!-- table区域-end -->
</div> <tenant-modal ref="modalForm" @ok="modalFormOk"></tenant-modal>
<!-- 操作按钮区域 --> </a-card>
<div class="table-operator" style="border-top: 5px"> </a-col>
<a-button @click="handleAdd" type="primary" icon="plus">新增</a-button> </a-row>
</div>
<!-- table区域-begin -->
<div>
<a-table
ref="table"
bordered
size="middle"
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
@change="handleTableChange">
<span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)">编辑</a>
</span>
</a-table>
</div>
<!-- table区域-end -->
<tenant-modal ref="modalForm" @ok="modalFormOk"></tenant-modal>
</a-card>
</template> </template>
<script> <script>

View File

@@ -1,62 +1,66 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="6" :sm="8"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="计量单位" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入计量单位查询" v-model="queryParam.name"></a-input> <a-col :md="6" :sm="8">
</a-form-item> <a-form-item label="计量单位" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入计量单位查询" v-model="queryParam.name"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button> <!-- 操作按钮区域 -->
<a-dropdown v-if="selectedRowKeys.length > 0"> <div class="table-operator" style="margin-top: 5px">
<a-menu slot="overlay"> <a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
</a-menu> <a-menu slot="overlay">
<a-button style="margin-left: 8px"> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="handleEdit(record)">编辑</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
</a-table> </a-popconfirm>
</div> </span>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<unit-modal ref="modalForm" @ok="modalFormOk"></unit-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<unit-modal ref="modalForm" @ok="modalFormOk"></unit-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import UnitModal from './modules/UnitModal' import UnitModal from './modules/UnitModal'

View File

@@ -1,76 +1,80 @@
<template> <template>
<a-card :bordered="false"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <!-- 查询区域 -->
<a-row :gutter="24"> <div class="table-page-search-wrapper">
<a-col :md="6" :sm="12"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="登录名称"> <a-row :gutter="24">
<a-input placeholder="输入登录名称模糊查询" v-model="queryParam.loginName"></a-input> <a-col :md="6" :sm="12">
</a-form-item> <a-form-item label="登录名称">
</a-col> <a-input placeholder="输入登录名称模糊查询" v-model="queryParam.loginName"></a-input>
<a-col :md="6" :sm="12"> </a-form-item>
<a-form-item label="用户姓名"> </a-col>
<a-input placeholder="输入用户姓名模糊查询" v-model="queryParam.userName"></a-input> <a-col :md="6" :sm="12">
</a-form-item> <a-form-item label="用户姓名">
</a-col> <a-input placeholder="输入用户姓名模糊查询" v-model="queryParam.userName"></a-input>
<a-col :md="6" :sm="8"> </a-form-item>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <a-col :md="6" :sm="8">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button type="primary" @click="searchQuery">查询</a-button>
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</span>
</a-col>
</a-row>
</a-form>
</div>
<!-- 操作按钮区域 -->
<div class="table-operator" style="border-top: 5px">
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu slot="overlay">
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu>
<a-button style="margin-left: 8px">
批量操作
<a-icon type="down"/>
</a-button>
</a-dropdown>
</div>
<!-- table区域-begin -->
<div>
<a-table
ref="table"
bordered
size="middle"
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
@change="handleTableChange">
<span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1 && depotFlag === '1' " @click="btnSetDepot(record)">分配仓库</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1 && depotFlag === '1'" type="vertical" />
<a v-if="btnEnableList.indexOf(1)>-1 && customerFlag === '1'" @click="btnSetCustomer(record)">分配客户</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1 && customerFlag === '1'" type="vertical" />
<a @click="handleEdit(record)">编辑</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical"/>
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
<a>删除</a>
</a-popconfirm>
<a-divider type="vertical"/>
<a-popconfirm title="确定重置密码为123456吗?" @confirm="() => handleReset(record.id)">
<a>重置密码</a>
</a-popconfirm>
</span> </span>
</a-col> </a-table>
</a-row> </div>
</a-form> <!-- table区域-end -->
</div> <user-modal ref="modalForm" @ok="modalFormOk"></user-modal>
<!-- 操作按钮区域 --> <user-depot-modal ref="userDepotModal" @ok="modalFormOk"></user-depot-modal>
<div class="table-operator" style="border-top: 5px"> <user-customer-modal ref="userCustomerModal" @ok="modalFormOk"></user-customer-modal>
<a-button v-if="btnEnableList.indexOf(1)>-1" @click="handleAdd" type="primary" icon="plus">新增</a-button> </a-card>
<a-dropdown v-if="selectedRowKeys.length > 0"> </a-col>
<a-menu slot="overlay"> </a-row>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu>
<a-button style="margin-left: 8px">
批量操作
<a-icon type="down"/>
</a-button>
</a-dropdown>
</div>
<!-- table区域-begin -->
<div>
<a-table
ref="table"
bordered
size="middle"
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
@change="handleTableChange">
<span slot="action" slot-scope="text, record">
<a v-if="btnEnableList.indexOf(1)>-1 && depotFlag === '1' " @click="btnSetDepot(record)">分配仓库</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1 && depotFlag === '1'" type="vertical" />
<a v-if="btnEnableList.indexOf(1)>-1 && customerFlag === '1'" @click="btnSetCustomer(record)">分配客户</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1 && customerFlag === '1'" type="vertical" />
<a @click="handleEdit(record)">编辑</a>
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical"/>
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
<a>删除</a>
</a-popconfirm>
<a-divider type="vertical"/>
<a-popconfirm title="确定重置密码为123456吗?" @confirm="() => handleReset(record.id)">
<a>重置密码</a>
</a-popconfirm>
</span>
</a-table>
</div>
<!-- table区域-end -->
<user-modal ref="modalForm" @ok="modalFormOk"></user-modal>
<user-depot-modal ref="userDepotModal" @ok="modalFormOk"></user-depot-modal>
<user-customer-modal ref="userCustomerModal" @ok="modalFormOk"></user-customer-modal>
</a-card>
</template> </template>
<script> <script>

View File

@@ -1,88 +1,92 @@
<template> <template>
<a-card :bordered="false" class="card-area"> <a-row :gutter="24">
<!-- 查询区域 --> <a-col :md="24">
<div class="table-page-search-wrapper"> <a-card :bordered="false">
<!-- 搜索区域 --> <!-- 查询区域 -->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <!-- 搜索区域 -->
<a-col :md="5" :sm="10"> <a-form layout="inline" @keyup.enter.native="searchQuery">
<a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> <a-row :gutter="24">
<a-input placeholder="请输入名称查询" v-model="queryParam.supplier"></a-input> <a-col :md="5" :sm="10">
</a-form-item> <a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入名称查询" v-model="queryParam.supplier"></a-input>
<a-col :md="5" :sm="10"> </a-form-item>
<a-form-item label="手机号码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入手机号码查询" v-model="queryParam.telephone"></a-input> <a-col :md="5" :sm="10">
</a-form-item> <a-form-item label="手机号码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入手机号码查询" v-model="queryParam.telephone"></a-input>
<a-col :md="5" :sm="10"> </a-form-item>
<a-form-item label="联系电话" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}"> </a-col>
<a-input placeholder="请输入联系电话查询" v-model="queryParam.phonenum"></a-input> <a-col :md="5" :sm="10">
</a-form-item> <a-form-item label="联系电话" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
</a-col> <a-input placeholder="请输入联系电话查询" v-model="queryParam.phonenum"></a-input>
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> </a-form-item>
<a-col :md="6" :sm="24"> </a-col>
<a-button type="primary" @click="searchQuery">查询</a-button> <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
<a-button style="margin-left: 8px" @click="searchReset">重置</a-button> <a-col :md="6" :sm="24">
</a-col> <a-button type="primary" @click="searchQuery">查询</a-button>
</span> <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
</a-row> </a-col>
</a-form> </span>
</div> </a-row>
<!-- 操作按钮区域 --> </a-form>
<div class="table-operator" style="margin-top: 5px"> </div>
<a-button v-if="btnEnableList.indexOf(1)>-1" type="primary" icon="plus" @click="handleAdd">新增</a-button> <!-- 操作按钮区域 -->
<a-upload v-if="btnEnableList.indexOf(1)>-1" name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> <div class="table-operator" style="margin-top: 5px">
<a-popover title="导入注意点"> <a-button v-if="btnEnableList.indexOf(1)>-1" type="primary" icon="plus" @click="handleAdd">新增</a-button>
<template slot="content"> <a-upload v-if="btnEnableList.indexOf(1)>-1" name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
<p>期初应收、期初应付、税率均为数值且要大于0<br/>另外期初应收、期初应付不能同时输入</p> <a-popover title="导入注意点">
</template> <template slot="content">
<a-button type="primary" icon="import">导入</a-button> <p>期初应收、期初应付、税率均为数值且要大于0<br/>另外期初应收、期初应付不能同时输入</p>
</a-popover> </template>
</a-upload> <a-button type="primary" icon="import">导入</a-button>
<a-button type="primary" icon="download" @click="handleExportXls('供应商信息')">导出</a-button> </a-popover>
<a-dropdown v-if="selectedRowKeys.length > 0"> </a-upload>
<a-menu slot="overlay"> <a-button type="primary" icon="download" @click="handleExportXls('供应商信息')">导出</a-button>
<a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu-item key="2" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(true)"><a-icon type="check-square"/>启用</a-menu-item> <a-menu slot="overlay">
<a-menu-item key="3" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(false)"><a-icon type="close-square"/>禁用</a-menu-item> <a-menu-item key="1" v-if="btnEnableList.indexOf(1)>-1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu> <a-menu-item key="2" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(true)"><a-icon type="check-square"/>启用</a-menu-item>
<a-button style="margin-left: 8px"> <a-menu-item key="3" v-if="btnEnableList.indexOf(1)>-1" @click="batchSetStatus(false)"><a-icon type="close-square"/>禁用</a-menu-item>
批量操作 <a-icon type="down" /> </a-menu>
</a-button> <a-button style="margin-left: 8px">
</a-dropdown> 批量操作 <a-icon type="down" />
</div> </a-button>
<!-- table区域-begin --> </a-dropdown>
<div> </div>
<a-table <!-- table区域-begin -->
ref="table" <div>
size="middle" <a-table
bordered ref="table"
rowKey="id" size="middle"
:columns="columns" bordered
:dataSource="dataSource" rowKey="id"
:pagination="ipagination" :columns="columns"
:loading="loading" :dataSource="dataSource"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :pagination="ipagination"
@change="handleTableChange"> :loading="loading"
<span slot="action" slot-scope="text, record"> :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
<a @click="handleEdit(record)">编辑</a> @change="handleTableChange">
<a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" /> <span slot="action" slot-scope="text, record">
<a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a @click="handleEdit(record)">编辑</a>
<a>删除</a> <a-divider v-if="btnEnableList.indexOf(1)>-1" type="vertical" />
</a-popconfirm> <a-popconfirm v-if="btnEnableList.indexOf(1)>-1" title="确定删除吗?" @confirm="() => handleDelete(record.id)">
</span> <a>删除</a>
<!-- 状态渲染模板 --> </a-popconfirm>
<template slot="customRenderFlag" slot-scope="enabled"> </span>
<a-tag v-if="enabled" color="green">启用</a-tag> <!-- 状态渲染模板 -->
<a-tag v-if="!enabled" color="orange">禁用</a-tag> <template slot="customRenderFlag" slot-scope="enabled">
</template> <a-tag v-if="enabled" color="green">启用</a-tag>
</a-table> <a-tag v-if="!enabled" color="orange">禁用</a-tag>
</div> </template>
<!-- table区域-end --> </a-table>
<!-- 表单区域 --> </div>
<vendor-modal ref="modalForm" @ok="modalFormOk"></vendor-modal> <!-- table区域-end -->
</a-card> <!-- 表单区域 -->
<vendor-modal ref="modalForm" @ok="modalFormOk"></vendor-modal>
</a-card>
</a-col>
</a-row>
</template> </template>
<script> <script>
import VendorModal from './modules/VendorModal' import VendorModal from './modules/VendorModal'