|
|
@@ -0,0 +1,333 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <a-card :bordered="false" class="top" style="margin-bottom:1%">
|
|
|
+
|
|
|
+ <!-- 查询区域 -->
|
|
|
+ <div class="table-page-search-wrapper">
|
|
|
+ <a-form layout="inline" @keyup.enter.native="searchQuery">
|
|
|
+ <a-row :gutter="24">
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="存货编码">
|
|
|
+ <a-input-search placeholder="请输入" v-model="queryParam.planningOrganization" @search="onSearch"></a-input-search>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="存货名称">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.documentNumber"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="颜色">
|
|
|
+ <a-range-picker v-model="documentData" style="width: 100%;" @change="changeStartDate" />
|
|
|
+ <!-- <a-date-picker showTime valueFormat="YYYY-MM-DD" format = "YYYY-MM-DD" v-model="queryParam.transferDate" style="width: 100%"/> -->
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="定尺">
|
|
|
+ <a-select v-model="queryParam.documentStatus" style='width:100%' >
|
|
|
+ <a-select-option value='1'> 1</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <template v-if="toggleSearchStatus">
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="合金">
|
|
|
+ <a-input-search placeholder="请输入" v-model="queryParam.salesman" @search="onSearch"></a-input-search>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="标准">
|
|
|
+ <a-input-search placeholder="请输入" v-model="queryParam.planningDepartment" @search="onSearch"></a-input-search>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="规格">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.projectCode"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="型号">
|
|
|
+ <a-input-search placeholder="请输入" v-model="queryParam.project" @search="onSearch"></a-input-search>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="安全库存">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.remark"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="最高库存">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.processingOrderNumber"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="起订点">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.changeOrderVersion"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="辅单位">
|
|
|
+ <a-input placeholder="请输入" v-model="queryParam.Source"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <a-form-item label="单位">
|
|
|
+ <a-select v-model="queryParam.type" style='width:100%' >
|
|
|
+ <a-select-option value='1'> 1</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ </template>
|
|
|
+ <a-col :md="4" :sm="24">
|
|
|
+ <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
|
|
+ <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
|
|
|
+ <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
|
|
|
+ <a @click="handleToggleSearch" style="margin-left: 8px">
|
|
|
+ {{ toggleSearchStatus ? '收起' : '展开' }}
|
|
|
+ <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
|
|
|
+ </a>
|
|
|
+ </span>
|
|
|
+ </a-col>
|
|
|
+
|
|
|
+ </a-row>
|
|
|
+ </a-form>
|
|
|
+ </div>
|
|
|
+ </a-card>
|
|
|
+
|
|
|
+ <a-card class="middle" style="margin-bottom:1%">
|
|
|
+ <!-- 操作按钮区域 -->
|
|
|
+ <div class="table-operator">
|
|
|
+ <a-button type="danger" size="small" @click='addList'>新增</a-button>
|
|
|
+ <!-- <a-button >修改</a-button> -->
|
|
|
+ <a-button size="small">删除</a-button>
|
|
|
+ <a-button size="small">提交</a-button>
|
|
|
+ <a-button size="small">审核</a-button>
|
|
|
+ <a-button size="small">弃审</a-button>
|
|
|
+ <a-button size="small">流程</a-button>
|
|
|
+ <a-button type="danger" size="small">输出</a-button>
|
|
|
+ <a-button type="danger" size="small">打印</a-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- table区域-begin -->
|
|
|
+ <div>
|
|
|
+ <a-table
|
|
|
+ ref="table"
|
|
|
+ size="middle"
|
|
|
+ bordered
|
|
|
+ rowKey="id"
|
|
|
+ :columns="columns"
|
|
|
+ :dataSource="dataSource"
|
|
|
+ :pagination="ipagination"
|
|
|
+ :scroll="{ x: 1500, y: 300 }"
|
|
|
+ :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
|
|
|
+ @change="handleTableChange"
|
|
|
+ >
|
|
|
+
|
|
|
+ </a-table>
|
|
|
+ </div>
|
|
|
+ <!-- table区域-end -->
|
|
|
+
|
|
|
+ </a-card>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <script>
|
|
|
+
|
|
|
+ import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
|
|
+ import moment from 'dayjs'
|
|
|
+ import { httpAction ,getAction} from '@/api/manage'
|
|
|
+ import {queryDepartTreeList} from '@/api/api'
|
|
|
+ //---------workflow by fhf end -------------
|
|
|
+ export default {
|
|
|
+ name: "SafetyStockList",
|
|
|
+ mixins: [JeecgListMixin],
|
|
|
+ components: {
|
|
|
+ },
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ description: '安全库存列表页面',
|
|
|
+ queryParam:{},
|
|
|
+ selectedRowKeys:[],
|
|
|
+ documentData:[],
|
|
|
+ toggleSearchStatus:true,
|
|
|
+ dataSource:[],
|
|
|
+ // 表头
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ title: '#',
|
|
|
+ dataIndex: '',
|
|
|
+ key: 'rowIndex',
|
|
|
+ width: 60,
|
|
|
+ align: "center",
|
|
|
+ customRender:function (t, r, index) {
|
|
|
+ return parseInt(index)+1;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '存货编码',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'planningOrganization',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '存货名称',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'documentNumber',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '颜色',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'documentData',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '定尺',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'documentStatus',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '合金',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'salesman',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '标准',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'planningDepartment',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '规格',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'projectCode',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '型号',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'remark',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '安全库存',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'processingOrderNumber',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '最高库存',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'changeOrderVersion',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '辅单位',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'Source',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '单位',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'type',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '按辅计量计算',
|
|
|
+ align:"center",
|
|
|
+ dataIndex: 'Creator',
|
|
|
+ ellipsis: true,
|
|
|
+
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ // ---------workflow by fhf start -------------
|
|
|
+ serviceName: 'assetAllocationService',
|
|
|
+ // ---------workflow by fhf end -------------
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ },
|
|
|
+
|
|
|
+ created () {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //单据日期
|
|
|
+ changeStartDate(){
|
|
|
+
|
|
|
+ },
|
|
|
+ onSearch(){
|
|
|
+ this.$refs.materialProcurementSearch.visible = true
|
|
|
+ },
|
|
|
+ searchReset(){
|
|
|
+ this.queryParam={}
|
|
|
+ },
|
|
|
+ addList(){
|
|
|
+ this.$refs.materialProcurementAdd.visible=true
|
|
|
+ },
|
|
|
+ onSelectChange(selectedRowKeys, selectionRows) {
|
|
|
+ this.selectedRowKeys = selectedRowKeys;
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ <style scoped lang="less">
|
|
|
+ /* @import '~@assets/less/common.less' */
|
|
|
+ /deep/.ant-input{
|
|
|
+ height:29px;
|
|
|
+ }
|
|
|
+ /deep/.ant-select-selection--single {
|
|
|
+ height: 29px;
|
|
|
+
|
|
|
+ }
|
|
|
+ /deep/.ant-select{
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ /deep/.ant-form label{
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ /deep/.table-page-search-wrapper .ant-form-inline .ant-form-item{
|
|
|
+ margin-bottom:9px
|
|
|
+ }
|
|
|
+ /deep/.top>.ant-card-body{
|
|
|
+ padding-bottom:0px;
|
|
|
+ padding-top: 12px;
|
|
|
+ }
|
|
|
+ /deep/.ant-btn{
|
|
|
+ height:28px
|
|
|
+ }
|
|
|
+ /deep/.ant-table-thead > tr > th{
|
|
|
+ padding: 6px 8px !important;
|
|
|
+ }
|
|
|
+ /deep/ .ant-table-tbody > tr > td{
|
|
|
+ padding: 6px 8px !important;
|
|
|
+ }
|
|
|
+ /deep/ .ant-table{
|
|
|
+ font-size:12px
|
|
|
+ }
|
|
|
+ /deep/.ant-table-fixed-header .ant-table-scroll .ant-table-header{
|
|
|
+ width: calc(100% + 9px);//减去滚动条的宽度
|
|
|
+ }
|
|
|
+ /deep/.middle>.ant-card-body{
|
|
|
+ padding-bottom:2px;
|
|
|
+ padding-top:14px;
|
|
|
+ }
|
|
|
+ /deep/.ant-select-sm .ant-select-selection__rendered{
|
|
|
+ line-height: 27px;
|
|
|
+ }
|
|
|
+ </style>
|
