From eb231718e708442c5e8b580dd93b7fca7ce321c1 Mon Sep 17 00:00:00 2001
From: “linengliang” <vanSuperEnergy@163.com>
Date: 星期六, 18 十一月 2023 21:41:51 +0800
Subject: [PATCH] 细节修改
---
src/views/eam/EquipmentCalibrationOrder.vue | 536 +++++++++++++++++++++++++++++------------------------------
1 files changed, 264 insertions(+), 272 deletions(-)
diff --git a/src/views/eam/EquipmentCalibrationOrder.vue b/src/views/eam/EquipmentCalibrationOrder.vue
index 94c693b..aa1ded2 100644
--- a/src/views/eam/EquipmentCalibrationOrder.vue
+++ b/src/views/eam/EquipmentCalibrationOrder.vue
@@ -1,23 +1,23 @@
<template>
<a-card
- :bordered="false"
- title="璁惧妫�瀹氬伐鍗�"
+ :bordered='false'
+ title='鎶�鏈姸鎬侀壌瀹氱鐞�'
>
<!-- 鏌ヨ鍖哄煙 -->
- <div class="table-page-search-wrapper">
+ <div class='table-page-search-wrapper'>
<a-form
- layout="inline"
- @keyup.enter.native="searchQuery"
+ layout='inline'
+ @keyup.enter.native='searchQuery'
>
- <a-row :gutter="24">
+ <a-row :gutter='24'>
<a-col
- :md="6"
- :sm="8"
+ :md='6'
+ :sm='8'
>
- <a-form-item label="宸ュ崟缂栫爜">
+ <a-form-item label='宸ュ崟缂栫爜'>
<a-input
- placeholder="璇疯緭鍏ュ伐鍗曠紪鐮�"
- v-model="queryParam.num"
+ placeholder='璇疯緭鍏ュ伐鍗曠紪鐮�'
+ v-model='queryParam.num'
></a-input>
</a-form-item>
</a-col>
@@ -33,23 +33,23 @@
</a-form-item>
</a-col> -->
<a-col
- :md="6"
- :sm="8"
+ :md='6'
+ :sm='8'
>
<span
- style="float: left;overflow: hidden;"
- class="table-page-search-submitButtons"
+ style='float: left;overflow: hidden;'
+ class='table-page-search-submitButtons'
>
<a-button
- type="primary"
- @click="searchQuery"
- icon="search"
+ type='primary'
+ @click='searchQuery'
+ icon='search'
>鏌ヨ</a-button>
<a-button
- type="primary"
- @click="searchReset"
- icon="reload"
- style="margin-left: 8px"
+ type='primary'
+ @click='searchReset'
+ icon='reload'
+ style='margin-left: 8px'
>閲嶇疆</a-button>
</span>
</a-col>
@@ -59,216 +59,234 @@
<!-- 鏌ヨ鍖哄煙-END -->
<!-- 鎿嶄綔鎸夐挳鍖哄煙 -->
- <div class="table-operator">
+ <div class='table-operator'>
<a-button
- @click="handleAdd"
- type="primary"
- icon="plus"
- >鏂板</a-button>
+ @click='handleAdd'
+ type='primary'
+ icon='plus'
+ >鏂板
+ </a-button>
</div>
<!-- table鍖哄煙-begin -->
<div>
<div
- class="ant-alert ant-alert-info"
- style="margin-bottom: 16px;"
+ 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>椤�
+ <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"
+ style='margin-left: 24px'
+ @click='onClearSelected'
>娓呯┖</a>
</div>
<a-table
- ref="table"
- size="middle"
- :scroll="{ x: 'calc(2000px + 50%)', y: 900 }"
+ ref='table'
+ size='middle'
+ :scroll="{ x: 'calc(700px + 50%)', y: 900 }"
bordered
- rowKey="id"
- :columns="columns"
- :dataSource="dataSource"
- :pagination="ipagination"
- :loading="loading"
- class="j-table-force-nowrap"
- @change="handleTableChange"
- :rowSelection="rowSelection"
- :customRow="clickThenSelect"
+ rowKey='id'
+ :columns='columns'
+ :dataSource='dataSource'
+ :pagination='ipagination'
+ :loading='loading'
+ class='j-table-force-nowrap'
+ @change='handleTableChange'
+ :customRow='clickThenSelect'
+ :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, type:'radio'}"
>
- <!-- :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" -->
+
<span
- slot="action"
- slot-scope="text, record"
+ slot='action'
+ slot-scope='text, record'
>
- <a-popconfirm
- title="纭畾涓嬪彂宸ュ崟鍚�?"
- @confirm="() => handleOrderIssue(record)"
- >
- <a v-if="record.status === '1'">涓嬪彂</a>
- </a-popconfirm>
- <a-divider
- v-if="record.status === '1'"
- type="vertical"
- />
- <a
- v-if="record.status === '1'"
- @click="handleEdit(record)"
- >缂栬緫</a>
- <a-divider
- v-if="record.status === '1'"
- type="vertical"
- />
- <a
- v-if="record.status === '2' "
- @click="handleOrderExe(record)"
- >鎵ц</a>
- <a-divider
- v-if="record.status === '2'"
- type="vertical"
- />
- <a
- v-if="record.status === '4'"
- @click="handleOrderExe(record)"
- >鏌ョ湅</a>
- <a-divider
- v-if="record.status === '4'"
- type="vertical"
- />
- <a-popconfirm
- title="纭畾鎾ゅ洖宸ュ崟鍚�?"
- @confirm="() => handleOrderReset(record,'1')"
- >
- <a v-if="record.status === '2'">鎾ゅ洖</a>
- </a-popconfirm>
- <a-divider
- v-if="record.status === '2'"
- type="vertical"
- />
- <a-popconfirm
- title="纭畾鎾ゅ洖宸ュ崟鍚�?"
- @confirm="() => handleOrderReset(record,'2')"
- >
- <a v-if="record.status === '4'">鎾ゅ洖</a>
- </a-popconfirm>
- <a-divider
- v-if="record.status === '4'"
- 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>
- <a-popconfirm
- title="纭畾鍒犻櫎鍚�?"
- @confirm="() => handleDelete(record.id)"
- >
- <a v-if="record.status === '1'">鍒犻櫎</a>
- </a-popconfirm>
- </a-menu-item>
- </a-menu>
- </a-dropdown>
+ <a
+ v-if="record.status === '1'"
+ @click='handleAddOrderReport(record)'
+ >缁撴灉褰曞叆</a>
+ <a-divider
+ v-if="record.status === '1'"
+ type='vertical'
+ />
+ <a @click='handleDetail(record)'>璇︽儏</a>
+ <!-- <a-popconfirm-->
+ <!-- title='纭畾涓嬪彂宸ュ崟鍚�?'-->
+ <!-- @confirm='() => handleOrderIssue(record)'-->
+ <!-- >-->
+ <!-- <a v-if="record.status === '1'">涓嬪彂</a>-->
+ <!-- </a-popconfirm>-->
+ <!-- <a-divider-->
+ <!-- v-if="record.status === '1'"-->
+ <!-- type='vertical'-->
+ <!-- />-->
+ <!-- <a-->
+ <!-- v-if="record.status === '1'"-->
+ <!-- @click='handleEdit(record)'-->
+ <!-- >缂栬緫</a>-->
+ <!-- <a-divider-->
+ <!-- v-if="record.status === '1'"-->
+ <!-- type='vertical'-->
+ <!-- />-->
+ <!-- <a-->
+ <!-- v-if="record.status === '2' "-->
+ <!-- @click='handleOrderExe(record)'-->
+ <!-- >鎵ц</a>-->
+ <!-- <a-divider-->
+ <!-- v-if="record.status === '2'"-->
+ <!-- type='vertical'-->
+ <!-- />-->
+ <!-- <a-->
+ <!-- v-if="record.status === '4'"-->
+ <!-- @click='handleOrderExe(record)'-->
+ <!-- >鏌ョ湅</a>-->
+ <!-- <a-divider-->
+ <!-- v-if="record.status === '4'"-->
+ <!-- type='vertical'-->
+ <!-- />-->
+ <!-- <a-popconfirm-->
+ <!-- title='纭畾鎾ゅ洖宸ュ崟鍚�?'-->
+ <!-- @confirm="() => handleOrderReset(record,'1')"-->
+ <!-- >-->
+ <!-- <a v-if="record.status === '2'">鎾ゅ洖</a>-->
+ <!-- </a-popconfirm>-->
+ <!-- <a-divider-->
+ <!-- v-if="record.status === '2'"-->
+ <!-- type='vertical'-->
+ <!-- />-->
+ <!-- <a-popconfirm-->
+ <!-- title='纭畾鎾ゅ洖宸ュ崟鍚�?'-->
+ <!-- @confirm="() => handleOrderReset(record,'2')"-->
+ <!-- >-->
+ <!-- <a v-if="record.status === '4'">鎾ゅ洖</a>-->
+ <!-- </a-popconfirm>-->
+ <!-- <a-divider-->
+ <!-- v-if="record.status === '4'"-->
+ <!-- type='vertical'-->
+ <!-- />-->
+ <!-- <a-->
+ <!-- v-if="record.status === '4'"-->
+ <!-- @click='handleFinal(record)'-->
+ <!-- >褰曞叆缁撴灉</a>-->
+ <!-- <!– v-if="record.status === '5'" –>-->
+ <!-- <a-divider-->
+ <!-- v-if="record.status === '4'"-->
+ <!-- type='vertical'-->
+ <!-- />-->
+ <!-- -->
+ <!-- <a-dropdown>-->
+ <!-- <a @click='handleDetail(record)'>璇︽儏</a>-->
+ <!-- <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>-->
+ <!-- <a-popconfirm-->
+ <!-- title='纭畾鍒犻櫎鍚�?'-->
+ <!-- @confirm='() => handleDelete(record.id)'-->
+ <!-- >-->
+ <!-- <a v-if="record.status === '1'">鍒犻櫎</a>-->
+ <!-- </a-popconfirm>-->
+ <!-- </a-menu-item>-->
+ <!-- </a-menu>-->
+ <!-- </a-dropdown>-->
</span>
<span
- slot="num"
- slot-scope="text, record"
+ slot='num'
+ slot-scope='text, record'
>
<a
v-if="record.status === '3' || record.status === '2' "
- class="lot"
- @click="handleOrderExe(record)"
- >{{record.num}}</a>
+ class='lot'
+ @click='handleOrderExe(record)'
+ >{{ record.num }}</a>
- <span v-else>{{record.num}}</span>
+ <span v-else>{{ record.num }}</span>
</span>
</a-table>
<a-tabs
- type="card"
- defaultActiveKey="1"
+ defaultActiveKey='2'
>
- <a-tab-pane
- key="1"
- forceRender
- >
- <span slot="tab">
- <a-badge>绮惧害鍙傛暟 </a-badge>
- </span>
- <div
- class="table-operator"
- style="margin:10px"
- >
- <equipment-precision-parameters-list ref="PrecisionParametersList"></equipment-precision-parameters-list>
- </div>
- </a-tab-pane>
+ <!-- <a-tab-pane -->
+ <!-- key="1"-->
+ <!-- tab="妫�楠岄」"-->
+ <!-- >-->
+ <!-- <equipment-precision-parameters-list ref="PrecisionParametersList" :calibrationOrderId="mainId"></equipment-precision-parameters-list>-->
+ <!-- </a-tab-pane>-->
<a-tab-pane
- key="2"
- forceRender
+ key='2'
+ tab='妫�瀹氭姤鍛�'
>
- <span slot="tab">
- <a-badge>妫�瀹氭姤鍛� </a-badge>
- </span>
- <div
- class="table-operator"
- style="margin:10px"
- >
- <equipment-calibration-order-report-list ref="EquipmentCalibrationOrderReportList"></equipment-calibration-order-report-list>
- </div>
+ <equipment-calibration-order-report-list ref='EquipmentCalibrationOrderReportList'
+ :calibrationOrderId='mainId'></equipment-calibration-order-report-list>
</a-tab-pane>
</a-tabs>
</div>
<equipment-calibration-order-modal
- ref="modalForm"
- @ok="modalFormOk"
+ ref='modalForm'
+ @ok='modalFormOk'
></equipment-calibration-order-modal>
<equipment-calibration-order-exe-drawer
- ref="EquipmentCalibrationOrderExeDrawer"
- @ok="modalFormOk"
+ ref='EquipmentCalibrationOrderExeDrawer'
+ @ok='modalFormOk'
></equipment-calibration-order-exe-drawer>
+ <final-modal ref='finalModal' @ok='modalFormOk'></final-modal>
+
+ <equipment-calibration-order-report-modal
+ ref='equipmentCalibrationOrderReportModal'
+ @ok='modalFormOk'
+ ></equipment-calibration-order-report-modal>
</a-card>
</template>
<script>
import '@/assets/less/TableExpand.less'
-import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import EquipmentCalibrationOrderModal from './modules/equipmentCalibrationOrder/EquipmentCalibrationOrderModal'
import EquipmentCalibrationOrderExeDrawer from './modules/equipmentCalibrationOrder/EquipmentCalibrationOrderExeDrawer'
import { getAction, postAction, requestPut } from '@/api/manage'
import EquipmentPrecisionParametersList from './modules/equipmentCalibrationOrder/EquipmentPrecisionParametersList'
-import EquipmentCalibrationOrderReportList from './modules/equipmentCalibrationOrder/EquipmentCalibrationOrderReportList'
+import EquipmentCalibrationOrderReportList
+ from './modules/equipmentCalibrationOrder/EquipmentCalibrationOrderReportList'
+import FinalModal from './modules/equipmentCalibrationOrder/FinalModal.vue'
+import EquipmentCalibrationOrderReportModal
+ from './modules/equipmentCalibrationOrder/EquipmentCalibrationOrderReportModal'
export default {
name: 'EquipmentCalibrationOrder',
- mixins: [JeecgListMixin, mixinDevice],
+ mixins: [JeecgListMixin],
components: {
EquipmentCalibrationOrderModal,
EquipmentCalibrationOrderExeDrawer,
EquipmentPrecisionParametersList,
EquipmentCalibrationOrderReportList,
+ EquipmentCalibrationOrderReportModal,
+ FinalModal
},
data() {
return {
- description: '璁惧妫�瀹氬伐鍗�',
- /* 鍒嗛〉鍙傛暟 */
+ description: '鎶�鏈姸鎬侀壌瀹氱鐞�',
ipagination: {
current: 1,
pageSize: 5,
pageSizeOptions: ['5', '10', '50'],
showTotal: (total, range) => {
- return range[0] + "-" + range[1] + " 鍏�" + total + "鏉�"
+ return range[0] + '-' + range[1] + ' 鍏�' + total + '鏉�'
},
showQuickJumper: true,
showSizeChanger: true,
total: 0
},
+ dictOptions: {},
+ /* 鍒嗛〉鍙傛暟 */
// 琛ㄥご
columns: [
{
@@ -276,142 +294,117 @@
dataIndex: '',
key: 'rowIndex',
width: 60,
- align: "center",
- customRender: function (t, r, index) {
- return parseInt(index) + 1;
+ align: 'center',
+ customRender: function(t, r, index) {
+ return parseInt(index) + 1
}
},
- {
- title: '鐘舵��',
- align: "center",
- dataIndex: 'status_dictText'
- },
+
{
title: '宸ュ崟鍙�',
- align: "center",
- dataIndex: 'num',
+ align: 'center',
+ dataIndex: 'num'
// scopedSlots: { customRender: 'num' }
},
{
title: '妫�瀹氭柟寮�',
- align: "center",
- dataIndex: 'calibrationType_dictText',
+ align: 'center',
+ dataIndex: 'calibrationType_dictText'
},
{
- title: '璁惧缂栫爜',
- align: "center",
- dataIndex: 'equipmentNum',
+ title: '缁熶竴缂栫爜',
+ align: 'center',
+ dataIndex: 'equipmentNum'
},
{
title: '璁惧鍚嶇О',
- align: "center",
- dataIndex: 'equipmentName',
+ align: 'center',
+ dataIndex: 'equipmentName'
},
{
title: '鍨嬪彿',
- align: "center",
- dataIndex: 'equipmentModel',
+ align: 'center',
+ dataIndex: 'equipmentModel'
},
{
title: '瑙勬牸',
- align: "center",
- dataIndex: 'equipmentSpecification',
+ align: 'center',
+ dataIndex: 'equipmentSpecification'
},
{
title: '鍒ゅ畾渚濇嵁',
- align: "center",
- dataIndex: 'managementMode_dictText',
+ align: 'center',
+ dataIndex: 'managementMode_dictText'
},
-
+ {
+ title: '鐘舵��',
+ align: 'center',
+ dataIndex: 'status_dictText'
+ },
{
title: '鍒ゅ畾缁撴灉',
- align: "center",
- dataIndex: 'calibrationResult'
+ align: 'center',
+ dataIndex: 'calibrationResult_dictText'
},
- {
- title: '鍒涘缓浜�',
- align: "center",
- dataIndex: 'createBy'
- },
- {
- title: '鍒涘缓鏃ユ湡',
- align: "center",
- dataIndex: 'createTime'
- },
- {
- title: '妫�瀹氫汉',
- align: "center",
- dataIndex: 'calibrationUserId_dictText'
- },
+ // {
+ // title: '鍒涘缓浜�',
+ // align: 'center',
+ // dataIndex: 'createBy'
+ // },
+ // {
+ // title: '鍒涘缓鏃ユ湡',
+ // align: 'center',
+ // dataIndex: 'createTime'
+ // },
+ // {
+ // title: '妫�瀹氫汉',
+ // align: 'center',
+ // dataIndex: 'calibrationUserId_dictText'
+ // },
{
title: '瀹屾垚鏃堕棿',
- align: "center",
+ align: 'center',
dataIndex: 'calibrationTime'
},
- {
- title: '涓嬪彂鏃堕棿',
- align: "center",
- dataIndex: 'issueTime'
- },
+ // {
+ // title: '涓嬪彂鏃堕棿',
+ // align: 'center',
+ // dataIndex: 'issueTime'
+ // },
{
title: '鎿嶄綔',
dataIndex: 'action',
- align: "center",
- fixed: "right",
- width: 300,
+ align: 'center',
+ fixed: 'right',
+ width: 120,
scopedSlots: { customRender: 'action' }
}
],
url: {
- list: "/eam/calibrationOrder/listNew",
- delete: "/eam/calibrationOrder/delete",
- edit: "/eam/calibrationOrder/editStatus",
+ list: '/eam/calibrationOrder/listNew',
+ delete: '/eam/calibrationOrder/delete',
+ edit: '/eam/calibrationOrder/editStatus'
},
+ mainId: ''
}
},
computed: {
- importExcelUrl: function () {
- return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
- },
- rowSelection() {
- return {
- type: 'checkbox',
- onChange: (selectedRowKeys, selectedRows) => {
- this.selectedRowKeys = selectedRowKeys;
- this.onSelectChange(selectedRowKeys, selectedRows);
- },
- getCheckboxProps: record => ({
- props: {
- disabled: record.distable
- },
- }),
- selectedRowKeys: this.selectedRowKeys,
- };
- },
+ importExcelUrl: function() {
+ return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
+ }
},
methods: {
- clickThenSelect(record) {
- return {
- on: {
- click: () => {
- this.onSelectChange(record.id.split(","), [record]);
- }
- }
- }
- },
onSelectChange(selectedRowKeys, selectionRows) {
if (selectedRowKeys.length == 1) {
- this.$refs.EquipmentCalibrationOrderReportList.calibrationOrderId = selectedRowKeys[0]
- this.$refs.PrecisionParametersList.calibrationOrderId = selectedRowKeys[0]
+ this.mainId = selectedRowKeys[0]
} else {
- this.$refs.PrecisionParametersList.calibrationOrderId = '-1'
- this.$refs.EquipmentCalibrationOrderReportList.calibrationOrderId = '-1'
+ this.mainId = '-1'
}
- this.selectedRowKeys = selectedRowKeys;
- this.selectionRows = selectionRows;
+ this.selectedRowKeys = selectedRowKeys
+ this.selectionRows = selectionRows
},
handleOrderExe(record) {
@@ -431,52 +424,51 @@
},
handleOrderIssue(record) {
- const that = this;
+ const that = this
requestPut(that.url.edit, { id: record.id, status: '2' }).then((res) => {
if (res.success) {
- that.$message.success("宸ュ崟涓嬪彂鎴愬姛锛�")
+ that.$message.success('宸ュ崟涓嬪彂鎴愬姛锛�')
that.loadData()
} else {
- that.$message.warning("宸ュ崟涓嬪彂澶辫触锛�")
+ that.$message.warning('宸ュ崟涓嬪彂澶辫触锛�')
}
})
},
//鎾ゅ洖
handleOrderReset(record, status) {
- const that = this;
+ const that = this
requestPut(that.url.edit, { id: record.id, status: status }).then((res) => {
if (res.success) {
- that.$message.success("宸ュ崟鎾ゅ洖鎴愬姛锛�")
+ that.$message.success('宸ュ崟鎾ゅ洖鎴愬姛锛�')
that.loadData()
} else {
- that.$message.warning("宸ュ崟鎾ゅ洖澶辫触锛�")
+ that.$message.warning('宸ュ崟鎾ゅ洖澶辫触锛�')
}
})
},
- searchQuery() {
- this.$refs.PrecisionParametersList.calibrationOrderId = '-1'
- this.$refs.EquipmentCalibrationOrderReportList.calibrationOrderId = '-1'
- this.loadData(1);
- },
- searchReset() {
- this.queryParam = {};
+ onClearSelected() {
this.selectedRowKeys = []
this.selectionRows = []
- this.$refs.PrecisionParametersList.calibrationOrderId = '-1'
- this.$refs.EquipmentCalibrationOrderReportList.calibrationOrderId = '-1'
- this.loadData(1);
+ this.mainId = ''
},
-
- modalFormOk() {
- // 鏂板/淇敼 鎴愬姛鏃讹紝閲嶈浇鍒楄〃
- this.loadData()
- //娓呯┖鍒楄〃閫変腑
- this.onClearSelected()
-
- this.$refs.PrecisionParametersList.calibrationOrderId = '-1'
- this.$refs.EquipmentCalibrationOrderReportList.calibrationOrderId = '-1'
+ clickThenSelect(record) {
+ return {
+ on: {
+ click: () => {
+ this.onSelectChange(record.id.split(','), [record])
+ }
+ }
+ }
},
-
+ // 鐩存帴涓婁紶閴村畾鎶ュ憡
+ handleAddOrderReport: function(record) {
+ this.$refs.equipmentCalibrationOrderReportModal.add(record.id)
+ this.$refs.equipmentCalibrationOrderReportModal.title = '涓婁紶妫�瀹氭姤鍛�'
+ this.$refs.equipmentCalibrationOrderReportModal.disableSubmit = false
+ },
+ handleFinal(record) {
+ this.$refs.finalModal.edit(record)
+ }
}
}
</script>
--
Gitblit v1.9.3