派生自 ERP_override
north-glass-erp/northglass-erp/src/views/pp/machine/SelectMachine.vue
@@ -1,8 +1,24 @@ <script setup> import {reactive, ref} from "vue"; import {useRouter} from 'vue-router' import request from "@/utils/request"; import deepClone from "@/utils/deepClone"; import {ElDatePicker, ElMessage} from "element-plus"; import { useI18n } from 'vue-i18n' import {changeFilterEvent, filterChanged} from "@/hook" import {Search} from "@element-plus/icons-vue"; //语言获取 const { t } = useI18n() let router=useRouter() //定义数据返回结果 let produceList = ref([]) const getBasicData = ref({ id: '', basic_type: '', basic_name: '', d_basic_name: '', }) const getTableRow = (row,type) =>{ switch (type) { case 'edit' :{ @@ -30,8 +46,25 @@ return count.toFixed(2) } //子组件接收参数 const hasDecimal = (value) => { const regex = /\./; // 定义正则表达式，查找小数点 return regex.test(value); // 返回true/false } //首次加载 request.post(`/maintenance/selectMachine`).then((res) => { if (res.code == 200) { xGrid.value.loadData(res.data.data) gridOptions.loading = false } else { ElMessage.warning(res.msg) } }) //子组件接收参数 const xGrid = ref() const gridOptions = reactive({ border: "full",//表格加边框 keepSource: true,//保持源数据 @@ -50,7 +83,7 @@ useKey: true }, filterConfig: { //筛选配置项 remote: true // remote: true }, customConfig: { storage: true @@ -62,23 +95,17 @@ },//表头参数 columns:[ {type:'expand',fixed:"left",slots: { content:'content' },width: 50}, {title: '操作', width: 140, slots: { default: 'button_slot' },fixed:"left"}, { type: 'seq',fixed:"left", title: '自序', width: 50 }, {field: '设备编号', width: 120, title: '设备编号',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true, }, {field: '标准名称',width: 120, title: '标准名称', sortable: true,showOverflow:"ellipsis" ,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, {field: '设备名称', width: 130,title: '设备名称', sortable: true,filters:[{ data: '' }],slots: { filter: 'num1_filter' }}, {field: '购买时间',width: 120, title: '购买时间',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true}, {field: '安装时间', width: 100,title: '安装时间', sortable: true,showOverflow:"ellipsis"}, {field: '使用周期', width: 100,title: '使用周期(年)', sortable: true}, {field: '使用状态',width: 100, title: '使用状态', sortable: true}, {field: '维修次数',width: 120, title: '维修次数', sortable: true,showOverflow:"ellipsis"}, {field: '保养次数', width: 120,title: '保养次数', sortable: true}, {field: '最后维修时间',width: 120, title: '最后维修时间', sortable: true}, {field: '最后保养时间',width: 120, title: '最后保养时间', sortable: true}, {field: '维修费用',width: 120, title: '维修费用', sortable: true}, {field: '保养费用',width: 120, title: '保养费用', sortable: true}, {field: '所在工艺',width: 120, title: '所在工艺', sortable: true}, {field: '作废状态',width: 120, title: '作废状态', sortable: true}, {field: 'deviceId', width: 120, title: '设备编号',filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod: filterChanged }, {field: 'deviceName', width: 130,title: '设备名称' ,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod: filterChanged}, {field: 'type',width: 100, title: '使用状态',filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod: filterChanged }, {field: 'faultCount',width: 120, title: '维修次数' ,showOverflow:"ellipsis"}, {field: 'maintenanceCount', width: 120,title: '保养次数', }, {field: 'faultLastTime',width: 120, title: '最后维修时间', }, {field: 'maintenanceLastTime',width: 120, title: '最后保养时间', }, {field: 'faultCost',width: 120, title: '维修费用', }, {field: 'maintenanceCost',width: 120, title: '保养费用', }, {field: 'process',width: 120, title: '所在工艺',filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod: filterChanged } ], //表头按钮 toolbarConfig: { @@ -92,61 +119,10 @@ custom: true }, data: [ { "设备编号": 'SB2209211', '标准名称': '钢化炉(22E)', '设备名称': '钢化炉(22E)', '购买时间': '2022-03-16', '安装时间':'2022-03-16', '使用周期':'313', '使用状态':'使用中', '维修次数':'0', '保养次数':'0', '最后维修时间':'', '最后保养时间':'', '维修费用':'', '保养费用':'', '所在工艺':'钢化', '作废状态':'正常', }, { "设备编号": 'SB2209211', '标准名称': '钢化炉(22E)', '设备名称': '钢化炉(22E)', '购买时间': '2022-03-16', '安装时间':'2022-03-16', '使用周期':'313', '使用状态':'使用中', '维修次数':'0', '保养次数':'0', '最后维修时间':'', '最后保养时间':'', '维修费用':'', '保养费用':'', '所在工艺':'钢化', '作废状态':'正常', }, { "设备编号": 'SB2209211', '标准名称': '钢化炉(22E)', '设备名称': '钢化炉(22E)', '购买时间': '2022-03-16', '安装时间':'2022-03-16', '使用周期':'313', '使用状态':'使用中', '维修次数':'0', '保养次数':'0', '最后维修时间':'', '最后保养时间':'', '维修费用':'', '保养费用':'', '所在工艺':'钢化', '作废状态':'正常', }, ],//table body实际数据 //脚部求和 footerMethod ({ columns, data }) {//页脚函数 let footList=['维修次数','保养次数','维修费用','保养费用'] let footList=['','','',''] return[ columns.map((column, columnIndex) => { if (columnIndex === 0) { @@ -168,16 +144,7 @@ const dialogFormVisible = ref(false) const formLabelWidth = '140px' const form = reactive({ name: '', region: '', date1: '', date2: '', delivery: false, type: [], resource: '', desc: '', }) </script> @@ -185,7 +152,6 @@ <div class="main-div-customer"> <vxe-grid max-height="100%" @filter-change="filterChanged" class="mytable-scrollbar" ref="xGrid" v-bind="gridOptions" @@ -202,16 +168,11 @@ </ul> </template> <!--左边固定显示的插槽--> <template #button_slot="{ row }"> <el-button @click="dialogFormVisible = true" link type="primary" size="small">编辑</el-button> <el-button @click="getTableRow(row,'delete')" link type="primary" size="small">删除</el-button> </template> <template #num1_filter="{ column, $panel }"> <div> <div v-for="(option, index) in column.filters" :key="index"> <input type="type" v-model="option.data" @input="changeFilterEvent($event, option, $panel)"/> <input type="text" v-model="option.data" @input="changeFilterEvent($event, option, $panel)"/> </div> </div> </template>
