dyf/dyf-vue-ui
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改一些体验性问题

Browse Source
This commit is contained in:
liub
2025-10-08 14:19:47 +08:00
parent 8f28eb920f
commit 72699abdec
1 changed files with 73 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
src/views/equipmentManagement/repairRecords/index.vue
View File

@ -3,7 +3,7 @@
<div class="main"> <div class="main">
<div class="TopTool"> <div class="TopTool">
<div class="button-row"> <div class="button-row">
<el-button type="primary" icon="Plus" @click.stop="ShowEdit(null, true,formRef)">新增维修</el-button> <el-button type="primary" icon="Plus" @click.stop="ShowEdit(null, true, formRef)">新增维修</el-button>
<el-button type="primary" plain icon="Download" @click.stop="ExportRecord()">导出</el-button> <el-button type="primary" plain icon="Download" @click.stop="ExportRecord()">导出</el-button>
<el-button type="danger" plain icon="Delete" @click.stop="DropRecord()">批量删除</el-button> <el-button type="danger" plain icon="Delete" @click.stop="DropRecord()">批量删除</el-button>
</div> </div>
@ -47,7 +47,7 @@
v-model="advanceSearch.Date" v-model="advanceSearch.Date"
type="daterange" type="daterange"
format="YYYY-MM-DD" format="YYYY-MM-DD"
style="width: 240px;" style="width: 240px"
value-format="YYYY-MM-DD" value-format="YYYY-MM-DD"
range-separator="-" range-separator="-"
start-placeholder="开始日期" start-placeholder="开始日期"
@ -74,7 +74,7 @@
<el-table-column label="操作" align="center" fixed="right" width="280" class-name="small-padding fixed-width opt"> <el-table-column label="操作" align="center" fixed="right" width="280" class-name="small-padding fixed-width opt">
<template #default="scope"> <template #default="scope">
<div class="center"> <div class="center">
<el-text class="mx-1" type="primary" @click.stop="ShowEdit(scope.row, true,formRef)">编辑</el-text> <el-text class="mx-1" type="primary" @click.stop="ShowEdit(scope.row, true, formRef)">编辑</el-text>
<el-text class="mx-1" type="primary" @click.stop="ShowEdit(scope.row, false)">详情</el-text> <el-text class="mx-1" type="primary" @click.stop="ShowEdit(scope.row, false)">详情</el-text>
<el-text class="mx-1" type="danger" @click.stop="DropRecord([scope.row])">删除</el-text> <el-text class="mx-1" type="danger" @click.stop="DropRecord([scope.row])">删除</el-text>
</div> </div>
@ -101,8 +101,7 @@
:draggable="true" :draggable="true"
> >
<div class="form"> <div class="form">
<el-form :model="cEdit" ref="formRef" style="max-width: 750px" :rules="rules" > <el-form :model="cEdit" ref="formRef" style="max-width: 750px" :rules="rules">
<el-form-item label="设备名称" label-position="right" prop="deviceId"> <el-form-item label="设备名称" label-position="right" prop="deviceId">
<!-- <el-input v-model="selectedRow['deviceName']" :readonly="true" @click.stop="ShowDevice('Edit', true)" placeholder="请选择设备" /> --> <!-- <el-input v-model="selectedRow['deviceName']" :readonly="true" @click.stop="ShowDevice('Edit', true)" placeholder="请选择设备" /> -->
<el-select v-model="cEdit.deviceId" placeholder="选择设备" clearable :disabled="!cEdit.isEdit" filterable> <el-select v-model="cEdit.deviceId" placeholder="选择设备" clearable :disabled="!cEdit.isEdit" filterable>
@ -143,6 +142,7 @@
accept=".jpg,.jpeg,.png,.gif.webp" accept=".jpg,.jpeg,.png,.gif.webp"
:limit="9" :limit="9"
list-type="picture-card" list-type="picture-card"
:class="{ 'hide-add-btn': !cEdit.isEdit }"
> >
<el-icon> <el-icon>
<Plus /> <Plus />
@ -154,7 +154,7 @@
<img :src="file.url" class="el-upload-list__item-thumbnail" /> <img :src="file.url" class="el-upload-list__item-thumbnail" />
<!-- 操作按钮组 --> <!-- 操作按钮组 -->
<div class="el-upload-list__item-actions"> <div class="el-upload-list__item-actions" v-show="cEdit.isEdit">
<!-- 自定义删除按钮 --> <!-- 自定义删除按钮 -->
<span class="el-upload-list__item-delete" @click.stop="dropImg('before', file, index)"> <span class="el-upload-list__item-delete" @click.stop="dropImg('before', file, index)">
<el-icon> <el-icon>
@ -179,6 +179,7 @@
accept=".jpg,.jpeg,.png,.gif.webp" accept=".jpg,.jpeg,.png,.gif.webp"
:limit="9" :limit="9"
list-type="picture-card" list-type="picture-card"
:class="{ 'hide-add-btn': !cEdit.isEdit }"
> >
<el-icon> <el-icon>
<Plus /> <Plus />
@ -189,7 +190,7 @@
<!-- 图片缩略图 --> <!-- 图片缩略图 -->
<img :src="file.url" class="el-upload-list__item-thumbnail" /> <img :src="file.url" class="el-upload-list__item-thumbnail" />
<!-- 操作按钮组 --> <!-- 操作按钮组 -->
<div class="el-upload-list__item-actions"> <div class="el-upload-list__item-actions" v-show="cEdit.isEdit">
<!-- 自定义删除按钮 --> <!-- 自定义删除按钮 -->
<span class="el-upload-list__item-delete" @click.stop="dropImg('after', file, index)"> <span class="el-upload-list__item-delete" @click.stop="dropImg('after', file, index)">
<el-icon> <el-icon>
@ -338,7 +339,6 @@
import api from '@/api/equipmentManagement/repairRecords/index'; import api from '@/api/equipmentManagement/repairRecords/index';
const { proxy } = getCurrentInstance() as ComponentInternalInstance; const { proxy } = getCurrentInstance() as ComponentInternalInstance;
var grid = ref(null); var grid = ref(null);
var deviceGrid = ref(null); var deviceGrid = ref(null);
@ -490,15 +490,12 @@ function DropRecord(arr = undefined) {
() => { () => {
showloading('fullLoading'); showloading('fullLoading');
arr = arr.map((item) => item.recordId); arr = arr.map((item) => item.recordId);
api.dropRepir(arr).then(res=>{ api.dropRepir(arr).then((res) => {
if(res && res.code==200){ if (res && res.code == 200) {
Search(); Search();
} }
alert(res.msg); alert(res.msg);
}); });
}, },
hideConfirm, hideConfirm,
'提示' '提示'
@ -511,7 +508,7 @@ function ToggleAdvance() {
} }
//显示编辑 //显示编辑
function ShowEdit(item = undefined, isEdit = true,formEl=undefined) { function ShowEdit(item = undefined, isEdit = true, formEl = undefined) {
Status.ShowEditPop = true; Status.ShowEditPop = true;
let def = { let def = {
recordId: null, //维修记录id recordId: null, //维修记录id
@ -590,9 +587,9 @@ function ShowEdit(item = undefined, isEdit = true,formEl=undefined) {
return { name: v.imageId, url: v.imageUrl, id: v.imageId }; return { name: v.imageId, url: v.imageUrl, id: v.imageId };
}); });
if (!formEl) return if (!formEl) return;
formEl.validate(); formEl.validate();
} }
if (item) { if (item) {
selectedRow.value['deviceName'] = item.deviceName; selectedRow.value['deviceName'] = item.deviceName;
@ -671,80 +668,79 @@ var dropImg = (type, file, index) => {
//保存表单数据 //保存表单数据
function SaveFormData(formEl: FormInstance | undefined) { function SaveFormData(formEl: FormInstance | undefined) {
if (!cEdit.isEdit) { if (!cEdit.isEdit) {
CloseEdit();
return; return;
} }
if (!formEl) return if (!formEl) return;
let submit=()=>{ let submit = () => {
showloading('fullLoading'); showloading('fullLoading');
setTimeout(() => { setTimeout(() => {
let promise = null; let promise = null;
let formData = new FormData(); let formData = new FormData();
let keys = Object.keys(cEdit); let keys = Object.keys(cEdit);
for (let i = 0; i < keys.length; i++) { for (let i = 0; i < keys.length; i++) {
let key = keys[i]; let key = keys[i];
if (key == 'isEdit') { if (key == 'isEdit') {
continue; continue;
}
if (cEdit[key] === null || cEdit[key] === undefined) {
continue;
}
formData.append(key, cEdit[key]);
} }
if (cEdit[key] === null || cEdit[key] === undefined) {
continue;
}
formData.append(key, cEdit[key]);
}
// 添加第一个控件的文件 // 添加第一个控件的文件
if (beforeFile.value.length > 0) { if (beforeFile.value.length > 0) {
for (let i = 0; i < beforeFile.value.length; i++) { for (let i = 0; i < beforeFile.value.length; i++) {
let file = beforeFile.value[i]; let file = beforeFile.value[i];
if (file && !file.id) { if (file && !file.id) {
formData.append('beforeFile', file); formData.append('beforeFile', file);
}
} }
} }
}
if (afterFile.value.length > 0) { if (afterFile.value.length > 0) {
// formData.append('afterFile', afterFile.value[0]); // formData.append('afterFile', afterFile.value[0]);
for (let i = 0; i < afterFile.value.length; i++) { for (let i = 0; i < afterFile.value.length; i++) {
let file = afterFile.value[i]; let file = afterFile.value[i];
if (file && !file.id) { if (file && !file.id) {
formData.append('afterFile', file); formData.append('afterFile', file);
}
} }
} }
}
if (cEdit.recordId) { if (cEdit.recordId) {
promise = api.updateRepair(formData); promise = api.updateRepair(formData);
} else { } else {
promise = api.addRepir(formData); promise = api.addRepir(formData);
} }
promise promise
.then((res) => { .then((res) => {
if (res.code == 200) { if (res.code == 200) {
alert('操作成功'); alert('操作成功');
CloseEdit(); CloseEdit();
Search(); Search();
} else { } else {
alert(res.msg); alert(res.msg);
} }
}) })
.finally(() => { .finally(() => {
ResetFormData(); ResetFormData();
hideloading(); hideloading();
}); });
}, 0); }, 0);
} };
formEl.validate((valid) => { formEl.validate((valid) => {
if (valid) { if (valid) {
submit(); submit();
} }
}) });
} }
//导出 //导出
@ -1079,12 +1075,16 @@ input:focus {
} }
:deep .el-upload-list--picture-card .el-upload-list__item .el-upload-list__item, :deep .el-upload-list--picture-card .el-upload-list__item .el-upload-list__item,
.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item{ .el-upload-list--picture-card .el-upload-list__item .el-upload-list__item {
margin:0px ; margin: 0px;
} }
// :deep .el-upload-list__item,.el-upload-list__item{ // :deep .el-upload-list__item,.el-upload-list__item{
// margin-right: 8px !important; // margin-right: 8px !important;
// } // }
:deep .hide-add-btn .el-upload.is-disabled,
.hide-add-btn .el-upload.is-disabled {
display: none !important;
}
</style> </style>