From 92ff846fb659c62037a32b1d8c15eae9df9d9b54 Mon Sep 17 00:00:00 2001
From: zenglf <18502938215@163.com>
Date: 星期一, 18 九月 2023 13:24:30 +0800
Subject: [PATCH] Merge branch 'develop' of http://117.34.109.166:18448/r/vue_mdc_430
---
src/views/spare/SparePartOutboundList.vue | 457 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 457 insertions(+), 0 deletions(-)
diff --git a/src/views/spare/SparePartOutboundList.vue b/src/views/spare/SparePartOutboundList.vue
new file mode 100644
index 0000000..cea17dc
--- /dev/null
+++ b/src/views/spare/SparePartOutboundList.vue
@@ -0,0 +1,457 @@
+<template>
+ <a-card
+ title="澶囦欢鍑哄簱"
+ :bordered='false'
+ >
+ <div class='table-page-search-wrapper'>
+ <a-form
+ layout='inline'
+ @keyup.enter.native='searchQuery'
+ >
+ <a-row :gutter='24'>
+ <a-col
+ :xl='6'
+ :lg='7'
+ :md='8'
+ :sm='24'
+ >
+ <a-form-item label='鍑哄簱鍗曞彿'>
+ <j-input
+ placeholder='璇疯緭鍏ュ嚭搴撳崟鍙�'
+ v-model='queryParam.num'
+ ></j-input>
+ </a-form-item>
+ </a-col>
+ <!-- <a-col
+ :xl='6'
+ :lg='7'
+ :md='8'
+ :sm='24'
+ >
+ <a-form-item label='鐘舵��'>
+ <a-input
+ placeholder='璇烽�夋嫨鐘舵��'
+ v-model='queryParam.name'
+ ></a-input>
+ </a-form-item>
+ </a-col> -->
+ <a-col
+ :xl='6'
+ :lg='7'
+ :md='8'
+ :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>
+ </span>
+ </a-col>
+ </a-row>
+ </a-form>
+ </div>
+
+ <div class='table-operator'>
+ <a-button
+ @click='handleAdd'
+ v-has="'sparePartOutbound:add'"
+ type='primary'
+ icon='plus'
+ >鏂板</a-button>
+ <a-button @click='handleSubmit' type='primary' icon='check' v-has="'sparePartOutbound:submitAndCancel'"
+ v-if="selectedRowKeys.length > 0 && (selectionRows[0].status ==='0' || selectionRows[0].status==='3')">
+ 鎻愪氦
+ </a-button>
+ <a-button v-if="selectedRowKeys.length > 0 && selectionRows[0].status==='1'"
+ @click='handleRevocation' type='primary' icon='rollback'>鎾ゅ洖
+ </a-button>
+
+
+ <!-- <a-dropdown v-if='selectedRowKeys.length > 0'>
+ <a-menu slot='overlay'>
+ <a-menu-item
+ key='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>
+
+ <div>
+ <!-- <div
+ class='ant-alert ant-alert-info'
+ style='margin-bottom: 16px;'
+ >
+ <i class='anticon anticon-info-circle ant-alert-icon'></i> 宸查�夋嫨 <a style='font-weight: 600'>{{ selectedRowKeys.length }}</a>椤�
+ <a
+ style='margin-left: 24px'
+ @click='onClearSelected'
+ >娓呯┖</a>
+ </div> -->
+
+ <a-table
+ ref='table'
+ size='middle'
+ bordered
+ rowKey='id'
+ :scroll="{ x: 'calc(1400px + 50%)', y: 900 }"
+ :columns='columns'
+ :dataSource='dataSource'
+ :pagination='ipagination'
+ :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'radio'}"
+ :loading='loading'
+ :customRow='clickThenSelect'
+ @change='handleTableChange'
+ >
+ <!-- :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}' -->
+
+ <span
+ slot='action'
+ slot-scope='text, record'
+ >
+ <a v-if="record.status === '0' || record.status === '3'" @click='handleEdit(record)' v-has="'sparePartOutbound:edit'">缂栬緫</a>
+ <a v-if="record.status === '1'" @click='handleApprove(record)'>瀹℃壒</a>
+ <a-divider
+ v-if="record.status == '0' || record.status == '3' || record.status == '1'"
+ type='vertical'
+ />
+ <a-dropdown>
+ <a class='ant-dropdown-link'>鏇村 <a-icon type='down' /></a>
+ <a-menu slot='overlay'>
+ <a-menu-item>
+ <a @click='handleDetail(record)'>璇︽儏</a>
+ </a-menu-item>
+ <a-menu-item v-if="record.status == '0'||record.status == '3'" v-has="'sparePartOutbound:delete'">
+ <a-popconfirm
+ title='纭畾鍒犻櫎鍚�?'
+ @confirm='() => handleDelete(record.id)'
+ >
+ <a>鍒犻櫎</a>
+ </a-popconfirm>
+ </a-menu-item>
+ </a-menu>
+ </a-dropdown>
+ </span>
+<!-- <span
+ slot='action'
+ slot-scope='text, record'
+ >
+ <a
+ v-if="record.status === '0'"
+ @click='handleEdit(record)'
+ >缂栬緫</a>
+
+ <a-divider
+ v-if="record.status === '0'"
+ type='vertical'
+ />
+ <a-popconfirm
+ title="纭畾鎻愪氦鍏ュ簱鍗曞悧?"
+ @confirm="() => handleSubmit(record)"
+ >
+ <a v-if="record.status === '0'">鎻愪氦</a>
+ </a-popconfirm>
+ <a-popconfirm
+ title="纭畾閫氳繃鍚�?"
+ @confirm="() => handlePass(record)"
+ >
+ <a v-if="record.status === '1'">閫氳繃</a>
+ </a-popconfirm>
+ <a-divider
+ v-if="record.status === '1'"
+ type="vertical"
+ />
+ <a-popconfirm
+ title="纭畾鎾ゅ洖鍚�?"
+ @confirm="() => handleReset(record)"
+ >
+ <a v-if="record.status === '1'">鎾ゅ洖</a>
+ </a-popconfirm>
+ <a-divider
+ v-if="record.status === '0'"
+ type="vertical"
+ />
+ <a-dropdown v-if="record.status === '0'">
+ <a class='ant-dropdown-link'>鏇村 <a-icon type='down' /></a>
+ <a-menu slot='overlay'>
+ <a-menu-item>
+ <a-popconfirm
+ title='纭畾鍒犻櫎鍚�?'
+ @confirm='() => handleDelete(record.id)'
+ >
+ <a>鍒犻櫎</a>
+ </a-popconfirm>
+ </a-menu-item>
+ </a-menu>
+ </a-dropdown>
+ </span>-->
+
+ </a-table>
+ <a-tabs
+ type="card"
+ defaultActiveKey="1"
+ >
+ <a-tab-pane
+ tab='澶囦欢鍑哄簱鏄庣粏淇℃伅'
+ key="1"
+ >
+ <div
+ class="table-operator"
+ style="margin:-16px"
+ >
+ <spare-part-outbound-detail :sparePartOutboundId='sparePartOutboundId' />
+ </div>
+ </a-tab-pane>
+
+ </a-tabs>
+ </div>
+
+ <spare-part-outbound-modal
+ ref='modalForm'
+ @ok='modalFormOk'
+ ></spare-part-outbound-modal>
+ <approvel-modal ref='approvalModalForm' @ok='approvalModalFormOk' @cancel='approvalModalFormOk'></approvel-modal>
+ </a-card>
+</template>
+
+<script>
+
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import { getAction, requestPut } from '@/api/manage'
+import SparePartOutboundDetail from './modules/sparePartOutbound/SparePartOutboundDetail'
+import SparePartOutboundModal from './modules/sparePartOutbound/SparePartOutboundModal'
+import '@/assets/less/TableExpand.less'
+import ApprovelModal from '@views/common/ApprovelModal'
+export default {
+ name: 'SparePartOutboundList',
+ mixins: [JeecgListMixin],
+ components: {
+ SparePartOutboundDetail,
+ SparePartOutboundModal,
+ ApprovelModal
+ },
+ data() {
+ return {
+ columns: [
+ {
+ title: '#',
+ dataIndex: '',
+ key: 'rowIndex',
+ width: 60,
+ align: 'center',
+ customRender: function (t, r, index) {
+ return parseInt(index) + 1
+ }
+ },
+ {
+ title: '鍑哄簱鍗曠紪鐮�',
+ align: 'center',
+ dataIndex: 'num',
+ },
+ {
+ title: '鐘舵��',
+ align: 'center',
+ dataIndex: 'status_dictText',
+ },
+ {
+ title: '浠撳簱',
+ align: 'center',
+ dataIndex: 'warehouseId_dictText',
+ },
+ {
+ title: '棰嗙敤閮ㄩ棬',
+ align: 'center',
+ dataIndex: 'departId_dictText',
+ },
+ {
+ title: '鍑哄簱浜哄憳',
+ align: 'center',
+ dataIndex: 'outboundPersonId_dictText',
+ },
+ {
+ title: '鍒涘缓浜�',
+ align: 'center',
+ dataIndex: 'createBy',
+ },
+ {
+ title: '鍒涘缓鏃ユ湡',
+ align: 'center',
+ dataIndex: 'createTime',
+ },
+ {
+ title: '鏇存柊浜�',
+ align: 'center',
+ dataIndex: 'updateBy',
+ },
+ {
+ title: '鏇存柊鏃ユ湡',
+ align: 'center',
+ dataIndex: 'updateTime',
+ },
+ {
+ title: '鎿嶄綔',
+ dataIndex: 'action',
+ align: 'center',
+ fixed: 'right',
+ scopedSlots: { customRender: 'action' },
+ width: 200,
+ }
+ ],
+ url: {
+ list: '/spare/sparePartOutbound/list',
+ delete: '/spare/sparePartOutbound/delete',
+ deleteBatch: '/spare/sparePartOutbound/deleteBatch',
+ auditOperation: "/spare/sparePartOutbound/auditOperation",
+ /*鏂板*/
+ submit: '/spare/sparePartOutbound/submit',
+ revocation: '/spare/sparePartOutbound/revocation',
+ reject: 'spare/sparePartOutbound/reject',
+ approval: 'spare/sparePartOutbound/approval'
+ },
+ /* 鍒嗛〉鍙傛暟 */
+ ipagination: {
+ current: 1,
+ pageSize: 5,
+ pageSizeOptions: ['5', '10', '50'],
+ showTotal: (total, range) => {
+ return range[0] + '-' + range[1] + ' 鍏�' + total + '鏉�'
+ },
+ showQuickJumper: true,
+ showSizeChanger: true,
+ total: 0
+ },
+ sparePartOutboundId: '-1'
+ }
+ },
+ mounted() {
+ this.$bus.$on('outboundSuccess', (data) => {
+ this.loadData()
+ })
+ },
+ methods: {
+ clickThenSelect(record) {
+ return {
+ on: {
+ click: () => {
+ this.onSelectChange(record.id.split(','), [record])
+ }
+ }
+ }
+ },
+ onClearSelected() {
+ this.selectedRowKeys = []
+ this.selectionRows = []
+ this.sparePartOutboundId = '-1'
+ },
+ onSelectChange(selectedRowKeys, selectionRows) {
+ if (selectedRowKeys.length == 1) {
+ this.sparePartOutboundId = selectionRows[0]['id']
+ } else {
+ this.sparePartOutboundId = '-1'
+ }
+ this.selectedRowKeys = selectedRowKeys
+ this.selectionRows = selectionRows
+ },
+ handleApprove: function(record) {
+ let reject, approval
+ reject = this.url.reject
+ approval = this.url.approval
+ this.$refs.approvalModalForm.showModals(record, reject, approval)
+ this.$refs.approvalModalForm.title = '瀹℃壒'
+ this.$refs.approvalModalForm.disableSubmit = false
+
+ },
+ approvalModalFormOk() {
+ // 閫氳繃/椹冲洖鏃讹紝閲嶈浇鍒楄〃
+ this.loadData()
+ //娓呯┖鍒楄〃閫変腑
+ this.onClearSelected()
+ },
+/* handleSubmit(record) {
+ const that = this;
+ requestPut(that.url.auditOperation, { id: record.id, status: '1' }).then((res) => {
+ if (res.success) {
+ that.$message.success("鎻愪氦鎴愬姛!")
+ that.loadData()
+ } else {
+ that.$message.warning("鎻愪氦澶辫触!")
+ }
+ })
+ },*/
+ handlePass(record) {
+ const that = this;
+ requestPut(that.url.auditOperation, { id: record.id, status: '2' }).then((res) => {
+ if (res.success) {
+ that.$message.success("瀹℃牳閫氳繃!")
+ that.loadData()
+ } else {
+ that.$message.warning("瀹℃牳澶辫触!")
+ }
+ })
+ },
+ handleReset(record) {
+ const that = this;
+ requestPut(that.url.auditOperation, { id: record.id, status: '0' }).then((res) => {
+ if (res.success) {
+ that.$message.success("鎾ゅ洖鎴愬姛!")
+ that.loadData()
+ } else {
+ that.$message.warning("鎾ゅ洖澶辫触!")
+ }
+ })
+ },
+ loadData(arg) {
+ if (!this.url.list) {
+ this.$message.error('璇疯缃畊rl.list灞炴��!')
+ return
+ }
+ //鍔犺浇鏁版嵁 鑻ヤ紶鍏ュ弬鏁�1鍒欏姞杞界涓�椤电殑鍐呭
+ if (arg === 1) {
+ this.ipagination.current = 1
+ }
+ this.onClearSelected()
+ var params = this.getQueryParams()//鏌ヨ鏉′欢
+ this.loading = true
+ getAction(this.url.list, params).then((res) => {
+ if (res.success) {
+ this.dataSource = res.result.records
+ this.ipagination.total = res.result.total
+ }
+ if (res.code === 510) {
+ this.$message.warning(res.message)
+ }
+ this.loading = false
+ })
+ },
+ searchReset() {
+ this.sparePartOutboundId = '-1'
+ this.queryParam = {}
+ this.loadData(1);
+ },
+ }
+
+}
+</script>
+<style scoped>
+@import '~@assets/less/common.less';
+.table-operator .ant-btn {
+ margin: 10px 8px 8px 10px;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3