From 907d0ba6b7442ef9f4fb976633d0b51d36ea6570 Mon Sep 17 00:00:00 2001
From: zhaowei <zhaowei>
Date: 星期二, 15 七月 2025 11:49:19 +0800
Subject: [PATCH] 数据报表页面数据列设置固定宽度
---
src/views/eam/spare/EamSparePartReceiveList.vue | 530 ++++++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 399 insertions(+), 131 deletions(-)
diff --git a/src/views/eam/spare/EamSparePartReceiveList.vue b/src/views/eam/spare/EamSparePartReceiveList.vue
index 07129f4..80b1766 100644
--- a/src/views/eam/spare/EamSparePartReceiveList.vue
+++ b/src/views/eam/spare/EamSparePartReceiveList.vue
@@ -3,43 +3,88 @@
<!-- 鏌ヨ鍖哄煙 -->
<div class="table-page-search-wrapper">
- <a-form layout="inline" @keyup.enter.native="searchQuery">
+ <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="鍒犻櫎鏍囪">
- <a-input placeholder="璇疯緭鍏ュ垹闄ゆ爣璁�" v-model="queryParam.delFlag"></a-input>
- </a-form-item>
- </a-col>
- <a-col :xl="6" :lg="7" :md="8" :sm="24">
+ <a-col
+ :xl="6"
+ :lg="7"
+ :md="8"
+ :sm="24"
+ >
<a-form-item label="棰嗙敤鍗曠紪鐮�">
- <a-input placeholder="璇疯緭鍏ラ鐢ㄥ崟缂栫爜" v-model="queryParam.receiveCode"></a-input>
+ <a-input
+ placeholder="璇疯緭鍏ラ鐢ㄥ崟缂栫爜"
+ v-model="queryParam.receiveCode"
+ />
</a-form-item>
</a-col>
- <template v-if="toggleSearchStatus">
- <a-col :xl="6" :lg="7" :md="8" :sm="24">
- <a-form-item label="棰嗙敤浜�">
- <a-input placeholder="璇疯緭鍏ラ鐢ㄤ汉" v-model="queryParam.receiveUser"></a-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.receiveReason"></a-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.receiveStatus"></a-input>
- </a-form-item>
- </a-col>
+ <template v-if="toggleSearchStatus">
+ <a-col
+ :xl="6"
+ :lg="7"
+ :md="8"
+ :sm="24"
+ >
+ <a-form-item label="棰嗙敤浜�">
+ <a-input
+ placeholder="璇疯緭鍏ラ鐢ㄤ汉"
+ v-model="queryParam.receiveUser"
+ ></a-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.receiveStatus"
+ ></a-input> -->
+ <j-dict-select-tag
+ allow-clear
+ :disabled="false"
+ placeholder="璇烽�夋嫨棰嗙敤鐘舵��"
+ :triggerChange="true"
+ dictCode="receive_status"
+ v-model="queryParam.receiveStatus"
+ />
+ </a-form-item>
+ </a-col>
</template>
- <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>
- <a @click="handleToggleSearch" style="margin-left: 8px">
+ <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>
+ <a
+ @click="handleToggleSearch"
+ style="margin-left: 8px"
+ >
{{ toggleSearchStatus ? '鏀惰捣' : '灞曞紑' }}
- <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+ <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
</a>
</span>
</a-col>
@@ -50,14 +95,35 @@
<!-- 鎿嶄綔鎸夐挳鍖哄煙 -->
<div class="table-operator">
- <a-button @click="handleAdd" type="primary" icon="plus">鏂板</a-button>
- <a-button type="primary" icon="download" @click="handleExportXls('澶囧搧澶囦欢棰嗙敤鍗�')">瀵煎嚭</a-button>
- <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
- <a-button type="primary" icon="import">瀵煎叆</a-button>
- </a-upload>
+ <a-button
+ @click="handleAdd"
+ type="primary"
+ icon="plus"
+ >鏂板</a-button>
+ <!-- <a-button
+ type="primary"
+ icon="download"
+ @click="handleExportXls('澶囧搧澶囦欢棰嗙敤鍗�')"
+ >瀵煎嚭</a-button>
+ <a-upload
+ name="file"
+ :showUploadList="false"
+ :multiple="false"
+ :headers="tokenHeader"
+ :action="importExcelUrl"
+ @change="handleImportExcel"
+ >
+ <a-button
+ type="primary"
+ icon="import"
+ >瀵煎叆</a-button>
+ </a-upload> -->
<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-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>
@@ -65,9 +131,15 @@
<!-- table鍖哄煙-begin -->
<div>
- <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+ <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>
+ <a
+ style="margin-left: 24px"
+ @click="onClearSelected"
+ >娓呯┖</a>
</div>
<a-table
@@ -81,130 +153,326 @@
:loading="loading"
class="j-table-force-nowrap"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
- @change="handleTableChange">
+ @change="handleTableChange"
+ :customRow='clickThenSelect'
+ >
- <span slot="action" slot-scope="text, record">
- <a @click="handleEdit(record)">缂栬緫</a>
+ <span
+ slot="action"
+ slot-scope="text, record"
+ >
+ <a
+ v-show="record.receiveStatus === '1'"
+ @click="handleEdit(record)"
+ >缂栬緫</a>
<a-divider type="vertical" />
- <a-dropdown>
+ <a-popconfirm
+ title="纭畾鍒犻櫎鍚�?"
+ @confirm="() => handleDelete(record.id)"
+ >
+ <a v-show="record.receiveStatus === '1'">鍒犻櫎</a>
+ </a-popconfirm>
+ <a-divider type="vertical" />
+ <a
+ v-show="record.receiveStatus === '1'"
+ @click="handleSubmit(record)"
+ >鎻愪氦</a>
+ <a-divider type="vertical" />
+ <a
+ v-show="record.receiveStatus === '2'"
+ @click="handleConfirm(record)"
+ >纭</a>
+ <a-divider type="vertical" />
+ <a
+ v-show="record.receiveStatus === '3' && record.giveBackFlag === 'yes'"
+ @click="handleReturn(record)"
+ >褰掕繕</a>
+ <a-divider type="vertical" />
+ <a
+ v-show="record.receiveStatus === '4' && record.giveBackFlag === 'yes'"
+ @click="handleReturnConfirm(record)"
+ >褰掕繕纭</a>
+ <!-- <a-dropdown>
<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-popconfirm
+ title="纭畾鍒犻櫎鍚�?"
+ @confirm="() => handleDelete(record.id)"
+ >
<a>鍒犻櫎</a>
</a-popconfirm>
</a-menu-item>
</a-menu>
- </a-dropdown>
+ </a-dropdown> -->
</span>
</a-table>
+ <a-tabs defaultActiveKey="1">
+ <a-tab-pane
+ tab='澶囦欢棰嗙敤鏄庣粏'
+ key="1"
+ >
+ <div
+ class="table-operator"
+ style="margin:-16px"
+ >
+ <eamSparePartReceive-Detail-list :sparePartReceiveId='sparePartReceiveId' />
+ </div>
+ </a-tab-pane>
+ </a-tabs>
</div>
<!-- table鍖哄煙-end -->
<!-- 琛ㄥ崟鍖哄煙 -->
- <eamSparePartReceive-modal ref="modalForm" @ok="modalFormOk"></eamSparePartReceive-modal>
+ <eamSparePartReceive-modal
+ ref="modalForm"
+ @ok="modalFormOk"
+ ></eamSparePartReceive-modal>
</a-card>
</template>
<script>
- import '@assets/less/TableExpand.less'
- import EamSparePartReceiveModal from './modules/EamSparePartReceiveModal.vue'
- import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import '@assets/less/TableExpand.less'
+import EamSparePartReceiveModal from './modules/EamSparePartReceive/EamSparePartReceiveModal.vue'
+import EamSparePartReceiveDetailList from './modules/EamSparePartReceive/EamSparePartReceiveDetailList.vue'
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import { deleteAction, getAction, postAction } from '@api/manage'
- export default {
- name: "EamSparePartReceiveList",
- mixins:[JeecgListMixin],
- components: {
- EamSparePartReceiveModal
- },
- data () {
- return {
- description: '澶囧搧澶囦欢棰嗙敤鍗曠鐞嗛〉闈�',
- // 琛ㄥご
- columns: [
- {
- title: '#',
- dataIndex: '',
- key:'rowIndex',
- width:60,
- align:"center",
- customRender:function (t,r,index) {
- return parseInt(index)+1;
- }
- },
- {
- title: '鍒犻櫎鏍囪',
- align:"center",
- dataIndex: 'delFlag'
- },
- {
- title: '棰嗙敤鍗曠紪鐮�',
- align:"center",
- dataIndex: 'receiveCode'
- },
- {
- title: '棰嗙敤浜�',
- align:"center",
- dataIndex: 'receiveUser'
- },
- {
- title: '棰嗙敤浜嬬敱',
- align:"center",
- dataIndex: 'receiveReason'
- },
- {
- title: '棰嗙敤鐘舵��',
- align:"center",
- dataIndex: 'receiveStatus'
- },
- {
- title: '鏄惁闇�瑕佸綊杩�;鏄細瀛樺湪褰掕繕鍔ㄤ綔锛屽惁锛氱洿鎺ュ畬鎴�',
- align:"center",
- dataIndex: 'giveBackFlag'
- },
- {
- title: '瀹℃牳浜�',
- align:"center",
- dataIndex: 'approvalUser'
- },
- {
- title: '瀹℃牳鏃堕棿',
- align:"center",
- dataIndex: 'approvalTime'
- },
- {
- title: '澶囨敞',
- align:"center",
- dataIndex: 'remark'
- },
- {
- title: '鎿嶄綔',
- dataIndex: 'action',
- align:"center",
- scopedSlots: { customRender: 'action' },
+export default {
+ name: "EamSparePartReceiveList",
+ mixins: [JeecgListMixin],
+ components: {
+ EamSparePartReceiveModal,
+ EamSparePartReceiveDetailList
+ },
+ data() {
+ return {
+ description: '澶囧搧澶囦欢棰嗙敤鍗曠鐞嗛〉闈�',
+ sparePartReceiveId: "-1",
+ dataSource: [],
+ // 琛ㄥご
+ columns: [
+ {
+ title: '#',
+ dataIndex: '',
+ key: 'rowIndex',
+ width: 60,
+ align: "center",
+ customRender: function (t, r, index) {
+ return parseInt(index) + 1;
}
- ],
- url: {
- list: "/eam/eamSparePartReceive/list",
- delete: "/eam/eamSparePartReceive/delete",
- deleteBatch: "/eam/eamSparePartReceive/deleteBatch",
- exportXlsUrl: "eam/eamSparePartReceive/exportXls",
- importExcelUrl: "eam/eamSparePartReceive/importExcel",
- },
+ },
+ {
+ title: '棰嗙敤鍗曠紪鐮�',
+ align: "center",
+ dataIndex: 'receiveCode'
+ },
+ {
+ title: '棰嗙敤浜�',
+ align: "center",
+ dataIndex: 'receiveUser'
+ },
+ {
+ title: '棰嗙敤浜嬬敱',
+ align: "center",
+ dataIndex: 'receiveReason'
+ },
+ {
+ title: '棰嗙敤鐘舵��',
+ align: "center",
+ dataIndex: 'receiveStatus_dictText'
+ },
+ {
+ title: '鏄惁闇�瑕佸綊杩�',
+ align: "center",
+ dataIndex: 'giveBackFlag_dictText'
+ },
+ {
+ title: '瀹℃牳浜�',
+ align: "center",
+ dataIndex: 'approvalUser'
+ },
+ {
+ title: '瀹℃牳鏃堕棿',
+ align: "center",
+ dataIndex: 'approvalTime'
+ },
+ {
+ title: '澶囨敞',
+ align: "center",
+ dataIndex: 'remark'
+ },
+ {
+ title: '鎿嶄綔',
+ dataIndex: 'action',
+ align: "center",
+ scopedSlots: { customRender: 'action' },
+ }
+ ],
+ url: {
+ list: "/eam/eamSparePartReceive/list",
+ delete: "/eam/eamSparePartReceive/delete",
+ deleteBatch: "/eam/eamSparePartReceive/deleteBatch",
+ exportXlsUrl: "eam/eamSparePartReceive/exportXls",
+ importExcelUrl: "eam/eamSparePartReceive/importExcel",
+ submit: "eam/eamSparePartReceive/submit",
+ confirm: "eam/eamSparePartReceive/confirm",
+ return: "eam/eamSparePartReceive/return",
+ returnConfirm: "eam/eamSparePartReceive/returnConfirm",
+ },
}
},
computed: {
- importExcelUrl: function(){
+ importExcelUrl: function () {
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
}
},
- methods: {
+ methods: {
- }
+ searchReset() {
+ this.queryParam = {}
+ this.onClearSelected()
+ this.loadData(1);
+ },
+ searchQuery() {
+ this.onClearSelected()
+ this.loadData(1);
+ },
+
+ clickThenSelect(record) {
+ return {
+ on: {
+ click: () => {
+ this.onSelectChange(record.id.split(','), [record])
+ }
+ }
+ }
+ },
+ onClearSelected() {
+ this.selectedRowKeys = []
+ this.selectionRows = []
+ this.sparePartReceiveId = '-1'
+ },
+ onSelectChange(selectedRowKeys, selectionRows) {
+ if (selectedRowKeys.length == 1) {
+ this.sparePartReceiveId = selectionRows[0]['id']
+ } else {
+ this.sparePartReceiveId = '-1'
+ }
+ this.selectedRowKeys = selectedRowKeys
+ this.selectionRows = selectionRows
+ },
+
+ handleSubmit(record) {
+ if (!this.url.submit) {
+ this.$message.error('璇疯缃畊rl.submit灞炴��!')
+ return
+ }
+ var that = this
+ this.$confirm({
+ title: '纭鎻愪氦',
+ content: '纭畾鎻愪氦鍚�?',
+ onOk: function () {
+ that.loading = true;
+ postAction(that.url.submit, record).then((res) => {
+ if (res.success) {
+ that.$message.success(res.message)
+ that.loadData()
+ } else {
+ that.$message.warning(res.message)
+ }
+ that.loading = false
+ }).finally(() => {
+ that.loading = false;
+ });
+ }
+ })
+ },
+
+ handleConfirm(record) {
+ if (!this.url.confirm) {
+ this.$message.error('璇疯缃畊rl.confirm灞炴��!')
+ return
+ }
+ var that = this
+ this.$confirm({
+ title: '纭棰嗗彇',
+ content: '纭畾棰嗗彇澶囦欢鍚�?',
+ onOk: function () {
+ that.loading = true;
+ postAction(that.url.confirm, record).then((res) => {
+ if (res.success) {
+ that.$message.success(res.message)
+ that.loadData()
+ } else {
+ that.$message.warning(res.message)
+ }
+ that.loading = false
+ }).finally(() => {
+ that.loading = false;
+ });
+ }
+ })
+ },
+
+ handleReturn(record) {
+ if (!this.url.return) {
+ this.$message.error('璇疯缃畊rl.return灞炴��!')
+ return
+ }
+ var that = this
+ this.$confirm({
+ title: '澶囦欢褰掕繕',
+ content: '纭畾褰掕繕澶囦欢鍚�?',
+ onOk: function () {
+ that.loading = true;
+ postAction(that.url.return, record).then((res) => {
+ if (res.success) {
+ that.$message.success(res.message)
+ that.loadData()
+ } else {
+ that.$message.warning(res.message)
+ }
+ that.loading = false
+ }).finally(() => {
+ that.loading = false;
+ });
+ }
+ })
+ },
+
+
+ handleReturnConfirm(record) {
+ if (!this.url.returnConfirm) {
+ this.$message.error('璇疯缃畊rl.returnConfirm灞炴��!')
+ return
+ }
+ var that = this
+ this.$confirm({
+ title: '澶囦欢褰掕繕纭',
+ content: '纭畾澶囦欢褰掕繕鍚�?',
+ onOk: function () {
+ that.loading = true;
+ postAction(that.url.returnConfirm, record).then((res) => {
+ if (res.success) {
+ that.$message.success(res.message)
+ that.loadData()
+ } else {
+ that.$message.warning(res.message)
+ }
+ that.loading = false
+ }).finally(() => {
+ that.loading = false;
+ });
+ }
+ })
+ },
+
}
+}
</script>
<style scoped>
- @import '~@assets/less/common.less';
+@import '~@assets/less/common.less';
</style>
\ No newline at end of file
--
Gitblit v1.9.3