| | |
| | | basic_name: '', |
| | | d_basic_name: '', |
| | | }) |
| | | const getTableRow = (row,type) =>{ |
| | | switch (type) { |
| | | case 'edit' :{ |
| | | //alert('我接收到子组件传送的编辑信息') |
| | | router.push({path: '/main/reportingWorks/ReportingWorkDetail', query: { id: row.id }}) |
| | | break |
| | | } |
| | | case 'delete':{ |
| | | alert('我接收到子组件传送的删除信息') |
| | | break |
| | | } |
| | | case 'setType':{ |
| | | alert('我接收到子组件传送的反审状态') |
| | | break |
| | | } |
| | | } |
| | | } |
| | | |
| | | //表尾求和 |
| | | const sumNum = (list, field) => { |
| | |
| | | keepSource: true,//保持源数据 |
| | | align: 'center',//文字居中 |
| | | stripe:true,//斑马纹 |
| | | rowConfig: {isCurrent: true, isHover: true,height: 50},//鼠标移动或选择高亮 |
| | | rowConfig: {isCurrent: true, isHover: true,height: 30},//鼠标移动或选择高亮 |
| | | id: 'CustomerList', |
| | | showFooter: true,//显示脚 |
| | | printConfig: {}, |
| | |
| | | },//表头参数 |
| | | columns:[ |
| | | {type:'expand',fixed:"left",slots: { content:'content' },width: 50}, |
| | | { type: 'seq',fixed:"left", title: '自序', width: 50 }, |
| | | {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 } |
| | | { type: 'seq',fixed:"left", title: t('basicData.Number'), width: 50 }, |
| | | {field: 'deviceId', width: 120, title: t('machine.basicId'),filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod: filterChanged }, |
| | | {field: 'deviceName', width: 130,title: t('machine.basicName') ,filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod: filterChanged}, |
| | | {field: 'type',width: 100, title: t('machine.type'),filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod: filterChanged }, |
| | | {field: 'faultCount',width: 120, title: t('machine.faultCount') ,showOverflow:"ellipsis"}, |
| | | {field: 'maintenanceCount', width: 120,title: t('machine.maintenanceCount'), }, |
| | | {field: 'faultLastTime',width: 120, title: t('machine.faultLastTime'), }, |
| | | {field: 'maintenanceLastTime',width: 120, title: t('machine.maintenanceLastTime'), }, |
| | | {field: 'faultCost',width: 120, title: t('machine.faultCost'), }, |
| | | {field: 'maintenanceCost',width: 120, title: t('machine.maintenanceCost'), }, |
| | | {field: 'process',width: 120, title: t('machine.basicCategory'),filters:[{ data: '' }],slots: { filter: 'num1_filter' },filterMethod: filterChanged } |
| | | ], |
| | | //表头按钮 |
| | | toolbarConfig: { |
| | |
| | | return[ |
| | | columns.map((column, columnIndex) => { |
| | | if (columnIndex === 0) { |
| | | return '合计:' |
| | | return t('basicData.total') |
| | | } |
| | | if (footList.includes(column.field)) { |
| | | return sumNum(data, column.field) |
| | |
| | | <template #num1_filter="{ column, $panel }"> |
| | | <div> |
| | | <div v-for="(option, index) in column.filters" :key="index"> |
| | | <input type="text" v-model="option.data" @input="changeFilterEvent($event, option, $panel)"/> |
| | | <input type="text" v-model="option.data" |
| | | @keyup.enter.native="$panel.confirmFilter()" |
| | | @input="changeFilterEvent($event, option, $panel)"/> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | |
| | | </vxe-grid> |
| | | |
| | | <el-dialog v-model="dialogFormVisible" title="设备编辑"> |
| | | <el-dialog v-model="dialogFormVisible" :title="$t('machine.deviceEditing')"> |
| | | <el-form :model="form"> |
| | | <el-form-item label="标准名称" :label-width="formLabelWidth"> |
| | | <el-form-item :label="$t('machine.standardName')" :label-width="formLabelWidth"> |
| | | <el-input v-model="form.name" autocomplete="off" style="width: 220px"/> |
| | | </el-form-item> |
| | | <el-form-item label="设备名称" :label-width="formLabelWidth"> |
| | | <el-form-item :label="$t('machine.basicName')" :label-width="formLabelWidth"> |
| | | <el-input v-model="form.name" autocomplete="off" style="width: 220px"/> |
| | | </el-form-item> |
| | | <el-form-item label="购买时间" :label-width="formLabelWidth"> |
| | | <el-form-item :label="$t('machine.purchaseTime')" :label-width="formLabelWidth"> |
| | | <el-date-picker |
| | | v-model="value1" |
| | | type="date" |
| | |
| | | :size="size" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="安装时间" :label-width="formLabelWidth"> |
| | | <el-form-item :label="$t('machine.installationTime')" :label-width="formLabelWidth"> |
| | | <el-date-picker |
| | | v-model="value1" |
| | | type="date" |
| | |
| | | :size="size" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="保养周期" :label-width="formLabelWidth"> |
| | | <el-form-item :label="$t('machine.maintenanceCycle')" :label-width="formLabelWidth"> |
| | | <el-input v-model="form.name" autocomplete="off" style="width: 220px"/> |
| | | </el-form-item> |
| | | <el-form-item label="所在工艺" :label-width="formLabelWidth"> |
| | | <el-select v-model="form.region" placeholder="钢化" style="width: 220px"> |
| | | <el-option label="切割" value="shanghai" /> |
| | | <el-option label="磨边" value="mobian" /> |
| | | <el-option label="钢化" value="ganghua" /> |
| | | <el-form-item :label="$t('machine.standardName')" :label-width="formLabelWidth"> |
| | | <el-select v-model="form.region" :placeholder="$t('machine.tempering')" style="width: 220px"> |
| | | <el-option :label="$t('machine.cutting')" value="shanghai" /> |
| | | <el-option :label="$t('machine.edgeGrinding')" value="mobian" /> |
| | | <el-option :label="$t('machine.tempering')" value="ganghua" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form> |
| | | <template #footer> |
| | | <span class="dialog-footer"> |
| | | <el-button @click="dialogFormVisible = false">取消</el-button> |
| | | <el-button @click="dialogFormVisible = false">{{$t('basicData.cancelButtonText')}}</el-button> |
| | | <el-button type="primary" @click="dialogFormVisible = false"> |
| | | 确认 |
| | | {{$t('basicData.confirmButtonText')}} |
| | | </el-button> |
| | | </span> |
| | | </template> |