From e50fa16b6dbc4e7c50d5fbdbc04d2a556ca01c4e Mon Sep 17 00:00:00 2001
From: chenlu <1320612696@qq.com>
Date: 星期一, 02 十二月 2024 11:26:36 +0800
Subject: [PATCH] 补片流程卡调整
---
north-glass-erp/northglass-erp/src/views/pp/machine/AddMaintenanceAndRepair.vue | 375 +++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 275 insertions(+), 100 deletions(-)
diff --git a/north-glass-erp/northglass-erp/src/views/pp/machine/AddMaintenanceAndRepair.vue b/north-glass-erp/northglass-erp/src/views/pp/machine/AddMaintenanceAndRepair.vue
index 0d4c8ef..c5357ff 100644
--- a/north-glass-erp/northglass-erp/src/views/pp/machine/AddMaintenanceAndRepair.vue
+++ b/north-glass-erp/northglass-erp/src/views/pp/machine/AddMaintenanceAndRepair.vue
@@ -1,120 +1,295 @@
-<script lang="ts" setup>
-import {reactive, ref} from 'vue'
-import {Search} from "@element-plus/icons-vue"
-import {useRouter} from "vue-router"
-const router = useRouter()
-// do not use same name with ref
-const value = ref('')
-const options = [
- {
- value: 'Option1',
- label: 'Option1',
- },
- {
- value: 'Option2',
- label: 'Option2',
- },
- {
- value: 'Option3',
- label: 'Option3',
- },
-]
-const form = reactive({
- name: '',
- region: '',
- date1: '',
- date2: '',
- delivery: false,
- type: [],
- resource: '',
- desc: '',
+<script setup>
+
+import {computed, nextTick, onMounted, reactive, ref, toRefs} from "vue";
+import {useRouter, useRoute} from 'vue-router'
+import request from "@/utils/request";
+import {ElMessage} from "element-plus";
+import {changeFilterEvent, filterChanged} from "@/hook"
+import userInfo from "@/stores/userInfo"
+import {useI18n} from 'vue-i18n'
+import {addListener, toolbarButtonClickEvent} from "@/hook/mouseMove";
+//璇█鑾峰彇
+const {t} = useI18n()
+const route = useRoute()
+const user = userInfo()
+let router = useRouter()
+
+//瀹氫箟鎺ユ敹鍔犺浇琛ㄥご涓嬫媺鏁版嵁
+const titleSelectJson = ref({
+ processType: [],
+ deviceType: [],
+
})
+const titleUploadData = ref({
+ process: '',
+})
-const tableData = [
- {
- 1: '',
- 2: '',
- 3: '',
- 4: '',
- 5:'',
- 6:'',
+onMounted(() => {
+ //鍚敤琛ㄦ牸鎷栧姩閫変腑
+ addListener(xGrid.value, gridOptions)
+})
+//绗竴娆″姞杞芥暟鎹�
+request.post(`/maintenance/selectData`).then((res) => {
+ if (res.code == 200) {
+ //宸ュ簭涓嬫媺妗�
+ titleSelectJson.value.processType = res.data.process;
+ //璁惧涓嬫媺妗�
+ titleSelectJson.value.deviceType = res.data.device
+ } else {
+ ElMessage.warning(res.msg)
+ }
+})
+
+//瀛愮粍浠舵帴鏀跺弬鏁�
+const xGrid = ref()
+const gridOptions = reactive({
+ border: "full",//琛ㄦ牸鍔犺竟妗�
+ keepSource: true,//淇濇寔婧愭暟鎹�
+ align: 'center',//鏂囧瓧灞呬腑
+ stripe: true,//鏂戦┈绾�
+ rowConfig: {isCurrent: true, isHover: true, height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
+ id: 'CustomerList',
+ showFooter: true,//鏄剧ず鑴�
+ printConfig: {},
+ importConfig: {},
+ exportConfig: {},
+ scrollY: {enabled: true},//寮�鍚櫄鎷熸粴鍔�
+ showOverflow: true,
+ columnConfig: {
+ resizable: true,
+ useKey: true
},
- {
- 1: '',
- 2: '',
- 3: '',
- 4: '',
- 5:'',
- 6:'',
-
+ filterConfig: { //绛涢�夐厤缃」
+ remote: true
},
- {
- 1: '',
- 2: '',
- 3: '',
- 4: '',
- 5:'',
- 6:'',
-
+ customConfig: {
+ storage: true
},
-]
+ editConfig: {
+ trigger: 'click',
+ mode: 'row',
+ showStatus: true
+ },//琛ㄥご鍙傛暟
+ columns: [
+ {type: 'seq', fixed: "left", title: t('basicData.Number'), width: 50},
+ {
+ field: 'deviceName',
+ title: t('machine.basicName'),
+ editRender: {},
+ slots: {default: 'basicCategory_default', edit: 'deviceName'}
+ },
+ {
+ field: 'type',
+ title: t('machine.type'),
+ editRender: {name: 'input', attrs: {placeholder: ''}},
+ },
+ {
+ field: 'faultTime',
+ title: t('machine.faultTime'),
+ editRender: {name: 'input', attrs: {placeholder: '', type: 'date'}},
+ },
+ {
+ field: 'faultReason',
+ title: t('machine.faultReason'),
+ editRender: {name: 'input', attrs: {placeholder: ''}},
+ },
+ {
+ field: 'maintenanceTime',
+ title: t('machine.maintenanceTime'),
+ editRender: {name: 'input', attrs: {placeholder: '', type: 'date'}},
+ },
+ {
+ field: 'maintenanceIllustrate',
+ title: t('machine.maintenanceIllustrate'),
+ editRender: {name: 'input', attrs: {placeholder: ''}},
+ },
+ {
+ field: 'startTime',
+ title: t('machine.startTime'),
+ editRender: {name: 'input', attrs: {placeholder: '', type: 'date'}},
+ },
+ {
+ field: 'stopTime',
+ title: t('machine.stopTime'),
+ editRender: {name: 'input', attrs: {placeholder: '', type: 'date'}},
+ },
+
+ {
+ field: 'process',
+ title: t('machine.process'),
+ editRender: {},
+ slots: {default: 'reportingDeviceSort_default', edit: 'process'}
+ },
+ {
+ field: 'personnel',
+ title: t('machine.personnel'),
+ editRender: {name: 'input', attrs: {placeholder: ''}},
+ },
+ {
+ field: 'cost',
+ title: t('machine.cost'),
+ editRender: {name: 'input', attrs: {placeholder: ''}},
+ },
+ ],
+ //琛ㄥご鎸夐挳
+ toolbarConfig: {
+ buttons: [
+ {code: 'removeRow', name: t('basicData.delete'), status: 'primary', icon: 'vxe-icon-delete'},
+ {code: 'addRow', name: t('reportingWorks.increase'), status: 'primary', icon: 'vxe-icon-square-plus'},
+ {code: 'save', name: t('basicData.save'), status: 'primary', icon: 'vxe-icon-save'},
+ ],
+ // import: false,
+ // export: true,
+ // print: true,
+ zoom: true,
+ custom: true
+ },
+ data: [],//table body瀹為檯鏁版嵁
+ //鑴氶儴姹傚拰
+ footerMethod({columns, data}) {//椤佃剼鍑芥暟
+ let footList = ['', '']
+ return [
+ columns.map((column, columnIndex) => {
+ if (columnIndex === 0) {
+ return ''
+ }
+ if (footList.includes(column.field)) {
+ return sumNum(data, column.field)
+ }
+ return ''
+ })
+ ]
+ }
+
+})
+
+const teamGridEvents = {
+ toolbarButtonClick({code}) {
+ const $grid = xGrid.value
+ if ($grid) {
+ switch (code) {
+ case 'addRow': {
+ $grid.insertAt({})
+ break
+ }
+ case 'removeRow': {
+ let result = toolbarButtonClickEvent()
+ if (result) {
+ $grid.remove(result.row)
+ }
+ break
+ }
+ case 'save': {
+ const tableData = $grid.getTableData().fullData
+ //console.log(tableData)
+ let machineData = ref({
+ machine: tableData
+ })
+ request.post("/maintenance/saveMaintenanceAndRepair", machineData.value).then((res) => {
+ if (res.code == 200) {
+ ElMessage.success(t('basicData.msg.saveSuccess'))
+ //router.push('/main/processCard/SplittingDetails?orderId=${orderId}')
+ router.push({
+ path: '/main/machine/AddMaintenanceAndRepair',
+ query: {random: Math.random()}
+ })
+
+ //location.reload();
+ } else {
+ ElMessage.warning(res.msg)
+ }
+ })
+ break
+ }
+ }
+ }
+ }
+}
+
+const size = ref<'default' | 'large' | 'small'>('default')
+
+const value1 = ref('')
+
+const computedDevice = computed((name) => {
+ return function (name) {
+ return titleSelectJson.value.deviceType.filter((item) => {
+
+ return item.basic_name === name
+ })
+ }
+})
+
</script>
<template>
- <div>
- <div id="selectForm" style="float: right">
- <el-row :gutter="0">
+ <div class="main-div-customer">
+ <vxe-grid
+ ref="xGrid"
+ class="mytable-scrollbar"
+ height="650px"
+ max-height="100%"
+ v-bind="gridOptions"
+ v-on="teamGridEvents"
+ >
- <el-button type="primary">淇濆瓨</el-button>
- </el-row>
+ <template #num1_filter="{ column, $panel }">
+ <div>
+ <div v-for="(option, index) in column.filters" :key="index">
+ <input v-model="option.data" type="text"
+ @keyup.enter.native="$panel.confirmFilter()"
+ @input="changeFilterEvent($event, option, $panel)"/>
+ </div>
+ </div>
+ </template>
+ <!--璁惧-->
+ <template #deviceName="{ row }">
+ <vxe-select v-model="row.deviceName"
+ clearable
+ filterable
+ placeholder="">
+ <vxe-option v-for="item in titleSelectJson.deviceType"
+ :key="item.basic_name"
+ :label="item.basic_name"
+ :value="item.basic_name"/>
+ </vxe-select>
+ </template>
+ <template #basicCategory_default="{ row }">
+ <span>{{ row.deviceName }}</span>
+ </template>
- </div>
- <el-table :data="tableData" border style="width: 100%" height="100%">
- <el-table-column prop="1" label="璁惧鍚嶇О" >
- <el-input></el-input>
- </el-table-column>
- <el-table-column prop="2" label="绫诲瀷" >
- <el-input></el-input>
- </el-table-column>
- <el-table-column prop="3" label="鏁呴殰鏃ユ湡" :show-overflow-tooltip='true' >
- <el-input></el-input>
- </el-table-column>
- <el-table-column prop="4" label="鏁呴殰鍘熷洜" :show-overflow-tooltip='true' >
- <el-input></el-input>
- </el-table-column>
- <el-table-column prop="5" label="淇濆吇鏃ユ湡" >
- <el-input></el-input>
- </el-table-column>
- <el-table-column prop="6" label="淇濆吇璇存槑" >
- <el-input></el-input>
- </el-table-column>
- <el-table-column prop="7" label="缁翠慨/淇濆吇寮�濮嬫椂闂�" width="150px">
- <el-input></el-input>
- </el-table-column>
- <el-table-column prop="8" label="缁翠慨/淇濆吇瀹屾垚鏃堕棿" width="150px" >
- <el-input></el-input>
- </el-table-column>
- <el-table-column prop="9" label="鎵�鍦ㄥ伐鑹�" >
- <el-input></el-input>
- </el-table-column>
- <el-table-column prop="10" label="缁翠慨/淇濆吇浜哄憳" :show-overflow-tooltip='true'>
- <el-input></el-input>
- </el-table-column>
- <el-table-column prop="11" label="璐圭敤" >
- <el-input></el-input>
- </el-table-column>
- </el-table><!-- <h1>{{msg}}</h1> -->
+
+ <!--宸ュ簭-->
+ <template #process="{ row }">
+ <vxe-select v-model="row.process"
+ clearable
+ filterable
+ placeholder="">
+ <vxe-option v-for="item in computedDevice(row.deviceName)" :key="item.id" :label="item.basic_category"
+ :value="item.basic_category"/>
+ </vxe-select>
+ </template>
+ <template #reportingDeviceSort_default="{ row }">
+ <span>{{ row.process }}</span>
+ </template>
+
+ </vxe-grid>
+
</div>
</template>
<style scoped>
-#selectForm {
-
+.main-div-customer {
+ width: 99%;
height: 100%;
- text-align: center;
}
-
+.vxe-grid {
+ /* 绂佺敤娴忚鍣ㄩ粯璁ら�変腑 */
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0