update waitinglist unplanned--edit
This commit is contained in:
parent
8e081342f0
commit
564a4a42d2
@ -71,6 +71,11 @@
|
|||||||
</base-dialog>
|
</base-dialog>
|
||||||
|
|
||||||
<!-- 编辑 -->
|
<!-- 编辑 -->
|
||||||
|
<UnplannedEditDrawer
|
||||||
|
ref="unplanned"
|
||||||
|
v-if="openUnplannedDrawer"
|
||||||
|
@destroy="openUnplannedDrawer = false" />
|
||||||
|
|
||||||
<!-- <RecordDetail
|
<!-- <RecordDetail
|
||||||
v-if="recordDetailVisible"
|
v-if="recordDetailVisible"
|
||||||
ref="recordDetailDrawer"
|
ref="recordDetailDrawer"
|
||||||
@ -84,6 +89,7 @@
|
|||||||
import moment from 'moment';
|
import moment from 'moment';
|
||||||
import basicPageMixin from '@/mixins/lb/basicPageMixin';
|
import basicPageMixin from '@/mixins/lb/basicPageMixin';
|
||||||
import DialogFormUnplanned from './WaitingList--add--unplanned.vue';
|
import DialogFormUnplanned from './WaitingList--add--unplanned.vue';
|
||||||
|
import UnplannedEditDrawer from './WaitingListUnplanned--edit.vue';
|
||||||
import {
|
import {
|
||||||
deleteEqMaintainLog,
|
deleteEqMaintainLog,
|
||||||
exportMaintainLogExcel,
|
exportMaintainLogExcel,
|
||||||
@ -117,7 +123,7 @@ const btn = {
|
|||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'SpecialEquipmentMaintainRecord',
|
name: 'SpecialEquipmentMaintainRecord',
|
||||||
components: { DialogFormUnplanned, WaitingListTable, WaitingListTable },
|
components: { DialogFormUnplanned, WaitingListTable, UnplannedEditDrawer },
|
||||||
mixins: [basicPageMixin],
|
mixins: [basicPageMixin],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@ -441,8 +447,8 @@ export default {
|
|||||||
basePath: '/base/equipment-maintain-log',
|
basePath: '/base/equipment-maintain-log',
|
||||||
mode: null,
|
mode: null,
|
||||||
allSpecialEquipments: [],
|
allSpecialEquipments: [],
|
||||||
openPlannedDialog: false,
|
openPlannedDrawer: false,
|
||||||
openUnplannedDialog: false,
|
openUnplannedDrawer: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
@ -669,23 +675,7 @@ export default {
|
|||||||
this.open = true;
|
this.open = true;
|
||||||
this.title = '添加待确认保养记录';
|
this.title = '添加待确认保养记录';
|
||||||
},
|
},
|
||||||
/** 修改按钮操作 */
|
|
||||||
async handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
if (row.relatePlan == 1) {
|
|
||||||
// 计划型
|
|
||||||
const res = await this.info();
|
|
||||||
this.form = res.data;
|
|
||||||
this.form.maintainWorker = res.data.maintainWorker.split(',');
|
|
||||||
this.openPlannedDialog = true;
|
|
||||||
} else {
|
|
||||||
// 非计划型 2
|
|
||||||
const res = await this.info();
|
|
||||||
this.form = res.data;
|
|
||||||
this.form.maintainWorker = res.data.maintainWorker.split(',');
|
|
||||||
this.openUnplannedDialog = true;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
submitForm() {
|
submitForm() {
|
||||||
this.$refs['form'].validate((valid) => {
|
this.$refs['form'].validate((valid) => {
|
||||||
@ -739,8 +729,24 @@ export default {
|
|||||||
console.log('confirm', row);
|
console.log('confirm', row);
|
||||||
},
|
},
|
||||||
/** 编辑 */
|
/** 编辑 */
|
||||||
handleEdit(row) {
|
async handleEdit(row) {
|
||||||
console.log('edit', row);
|
this.reset();
|
||||||
|
if (row.relatePlan == 1) {
|
||||||
|
// 计划型
|
||||||
|
const res = await this.info({ id: row.id });
|
||||||
|
this.form = res.data;
|
||||||
|
this.form.maintainWorker = res.data.maintainWorker.split(',');
|
||||||
|
this.openPlannedDrawer = true;
|
||||||
|
} else {
|
||||||
|
// 非计划型 2
|
||||||
|
// const res = await this.info({ id: row.id });
|
||||||
|
// this.form = res.data;
|
||||||
|
// this.form.maintainWorker = res.data.maintainWorker.split(',');
|
||||||
|
this.openUnplannedDrawer = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.unplanned.init(row);
|
||||||
|
});
|
||||||
|
}
|
||||||
},
|
},
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
|
@ -14,20 +14,12 @@
|
|||||||
custom-class="mes-drawer"
|
custom-class="mes-drawer"
|
||||||
size="60%"
|
size="60%"
|
||||||
@closed="$emit('destroy')">
|
@closed="$emit('destroy')">
|
||||||
<SmallTitle slot="title">
|
<SmallTitle slot="title">编辑</SmallTitle>
|
||||||
{{
|
|
||||||
mode.includes('detail')
|
|
||||||
? '详情'
|
|
||||||
: mode.includes('edit')
|
|
||||||
? '编辑'
|
|
||||||
: '新增'
|
|
||||||
}}
|
|
||||||
</SmallTitle>
|
|
||||||
|
|
||||||
<div class="drawer-body flex">
|
<div class="drawer-body flex">
|
||||||
<div class="drawer-body__content">
|
<div class="drawer-body__content">
|
||||||
<div class="form-part" style="margin-bottom: 32px">
|
<div class="form-part" style="margin-bottom: 32px">
|
||||||
<el-skeleton v-if="!showForm" animated />
|
<!-- <el-skeleton v-if="!showForm" animated /> -->
|
||||||
<el-form
|
<el-form
|
||||||
class="equipment-info-form"
|
class="equipment-info-form"
|
||||||
ref="form"
|
ref="form"
|
||||||
@ -36,73 +28,156 @@
|
|||||||
label-position="top"
|
label-position="top"
|
||||||
v-loading="formLoading">
|
v-loading="formLoading">
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="12">
|
<el-col :span="8">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
label="设备名称"
|
label="保养计划单号"
|
||||||
prop="name"
|
prop="maintainOrderNumber"
|
||||||
:rules="[
|
:rules="[
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: '设备名称不能为空',
|
message: '请输入保养计划单号',
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
]">
|
]">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="form.name"
|
v-model="form.maintainOrderNumber"
|
||||||
:disabled="disabled"
|
:placeholder="`请输入保养计划单号`" />
|
||||||
placeholder="请输入设备名称"></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="设备编码" prop="code" :rules="[]">
|
<el-col :span="8">
|
||||||
<el-input
|
<el-form-item label="保养计划名称" prop="name">
|
||||||
v-model="form.code"
|
<el-input value="---" disabled />
|
||||||
:disabled="disabled"
|
|
||||||
placeholder="请输入设备编码"></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="20">
|
<el-col :span="8">
|
||||||
<el-col :span="12">
|
<el-form-item
|
||||||
<el-form-item label="所在区域" prop="location">
|
label="部门"
|
||||||
<el-input
|
prop="departmentId"
|
||||||
v-model="form.location"
|
:rules="[
|
||||||
:disabled="disabled"
|
{ required: true, message: '请选择部门', trigger: 'blur' },
|
||||||
placeholder="请输入所在区域"></el-input>
|
]">
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="12">
|
|
||||||
<el-form-item label="负责人" prop="responsiblePeopleId">
|
|
||||||
<el-select
|
<el-select
|
||||||
v-model="form.responsiblePeopleId"
|
v-model="form.departmentId"
|
||||||
:disabled="disabled"
|
:placeholder="`请选择部门`"
|
||||||
placeholder="请输入负责人">
|
clearable
|
||||||
|
filterable>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="rp in rpList"
|
v-for="opt in departmentOptions"
|
||||||
:key="rp.id"
|
:key="opt.value"
|
||||||
:label="rp.name"
|
:label="opt.label"
|
||||||
:value="rp.id"></el-option>
|
:value="opt.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="20">
|
<el-col :span="8">
|
||||||
<el-col v-if="isFireEquipment" :span="12">
|
<el-form-item
|
||||||
<el-form-item label="有效期至" prop="dueDate" :rules="[]">
|
label="产线"
|
||||||
|
prop="lineId"
|
||||||
|
:rules="[
|
||||||
|
{ required: true, message: '请选择产线', trigger: 'blur' },
|
||||||
|
]">
|
||||||
|
<el-select
|
||||||
|
v-model="form.lineId"
|
||||||
|
:placeholder="`请选择产线`"
|
||||||
|
clearable
|
||||||
|
filterable>
|
||||||
|
<el-option
|
||||||
|
v-for="opt in lineOptions"
|
||||||
|
:key="opt.value"
|
||||||
|
:label="opt.label"
|
||||||
|
:value="opt.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="计划保养人员" prop="maintainer">
|
||||||
|
<el-input value="---" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="计划开始时间" prop="planStartTime">
|
||||||
|
<el-input value="---" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="计划结束时间" prop="planEndTime">
|
||||||
|
<el-input value="---" disabled />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item
|
||||||
|
label="实际开始时间"
|
||||||
|
prop="startTime"
|
||||||
|
:rules="[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择实际开始时间',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
]">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="form.dueDate"
|
v-model="form.startTime"
|
||||||
:disabled="disabled"
|
|
||||||
type="datetime"
|
type="datetime"
|
||||||
placeholder="请选择生产日期"
|
placeholder="请选择实际开始时间"
|
||||||
value-format="timestamp"></el-date-picker>
|
value-format="timestamp"></el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="20">
|
<el-col :span="8">
|
||||||
<!-- 上传资料 -->
|
<el-form-item
|
||||||
<el-col>
|
label="实际结束时间"
|
||||||
<el-form-item label="上传图片" prop="assets" :rules="[]">
|
prop="endTime"
|
||||||
<AssetsUpload v-model="form.assets" :disabled="disabled" />
|
:rules="[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择实际结束时间',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
]">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="form.endTime"
|
||||||
|
type="datetime"
|
||||||
|
placeholder="请选择实际结束时间"
|
||||||
|
value-format="timestamp"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item
|
||||||
|
label="实际保养人员"
|
||||||
|
prop="maintainWorker"
|
||||||
|
:rules="[
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请选择实际保养人员',
|
||||||
|
trigger: 'blur',
|
||||||
|
},
|
||||||
|
]">
|
||||||
|
<el-select
|
||||||
|
v-model="form.maintainWorker"
|
||||||
|
:placeholder="`请选择实际保养人员`"
|
||||||
|
multiple
|
||||||
|
clearable
|
||||||
|
filterable>
|
||||||
|
<el-option
|
||||||
|
v-for="opt in maintainerOptions"
|
||||||
|
:key="opt.value"
|
||||||
|
:label="opt.label"
|
||||||
|
:value="opt.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="备注" prop="remark">
|
||||||
|
<el-input v-model="form.remark" :placeholder="`请输入备注`" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
@ -112,9 +187,12 @@
|
|||||||
<SmallTitle>保养内容</SmallTitle>
|
<SmallTitle>保养内容</SmallTitle>
|
||||||
|
|
||||||
<div style="margin-top: 12px; position: relative">
|
<div style="margin-top: 12px; position: relative">
|
||||||
<div
|
<SearchBar
|
||||||
v-if="!mode.includes('detail')"
|
:formConfigs="searchBarFormConfig"
|
||||||
style="position: absolute; top: -40px; right: 0">
|
ref="attr-search-bar"
|
||||||
|
@headBtnClick="handleSearchBarBtnClick" />
|
||||||
|
|
||||||
|
<div style="position: absolute; top: -40px; right: 0">
|
||||||
<el-button @click="handleAddAttr" type="text">
|
<el-button @click="handleAddAttr" type="text">
|
||||||
<i class="el-icon-plus"></i>
|
<i class="el-icon-plus"></i>
|
||||||
添加属性
|
添加属性
|
||||||
@ -122,13 +200,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<base-table
|
<base-table
|
||||||
v-loading="attrListLoading"
|
v-loading="attrListLoading"
|
||||||
:table-props="section.props"
|
:table-props="attrTableProps"
|
||||||
:page="attrQuery?.params.pageNo || 1"
|
:page="attrQuery?.params.pageNo || 1"
|
||||||
:limit="attrQuery?.params.pageSize || 10"
|
:limit="attrQuery?.params.pageSize || 10"
|
||||||
:table-data="list"
|
:table-data="attrList"
|
||||||
@emitFun="handleEmitFun">
|
@emitFun="handleEmitFun">
|
||||||
<method-btn
|
<method-btn
|
||||||
v-if="section.tableBtn"
|
|
||||||
slot="handleBtn"
|
slot="handleBtn"
|
||||||
label="操作"
|
label="操作"
|
||||||
:method-list="tableBtn"
|
:method-list="tableBtn"
|
||||||
@ -137,8 +214,8 @@
|
|||||||
|
|
||||||
<!-- 分页组件 -->
|
<!-- 分页组件 -->
|
||||||
<pagination
|
<pagination
|
||||||
v-show="total > 0"
|
v-show="attrTotal > 0"
|
||||||
:total="total"
|
:total="attrTotal"
|
||||||
:page.sync="attrQuery.params.pageNo"
|
:page.sync="attrQuery.params.pageNo"
|
||||||
:limit.sync="attrQuery.params.pageSize"
|
:limit.sync="attrQuery.params.pageSize"
|
||||||
@pagination="getAttrList" />
|
@pagination="getAttrList" />
|
||||||
@ -147,10 +224,7 @@
|
|||||||
|
|
||||||
<div class="drawer-body__footer">
|
<div class="drawer-body__footer">
|
||||||
<el-button style="" @click="handleCancel">取消</el-button>
|
<el-button style="" @click="handleCancel">取消</el-button>
|
||||||
<el-button v-if="mode == 'detail'" type="primary" @click="toggleEdit">
|
<el-button type="primary" @click="handleConfirm">保存</el-button>
|
||||||
编辑
|
|
||||||
</el-button>
|
|
||||||
<el-button v-else type="primary" @click="handleConfirm">保存</el-button>
|
|
||||||
<!-- sections的第二项必须是 属性列表 -->
|
<!-- sections的第二项必须是 属性列表 -->
|
||||||
<!-- <el-button
|
<!-- <el-button
|
||||||
v-if="sections[1].allowAdd"
|
v-if="sections[1].allowAdd"
|
||||||
@ -163,7 +237,6 @@
|
|||||||
|
|
||||||
<!-- 属性对话框 -->
|
<!-- 属性对话框 -->
|
||||||
<base-dialog
|
<base-dialog
|
||||||
v-if="sections[1].allowAdd"
|
|
||||||
:dialogTitle="attrTitle"
|
:dialogTitle="attrTitle"
|
||||||
:dialogVisible="attrFormVisible"
|
:dialogVisible="attrFormVisible"
|
||||||
width="35%"
|
width="35%"
|
||||||
@ -172,19 +245,16 @@
|
|||||||
@close="closeAttrForm"
|
@close="closeAttrForm"
|
||||||
@cancel="closeAttrForm"
|
@cancel="closeAttrForm"
|
||||||
@confirm="submitAttrForm">
|
@confirm="submitAttrForm">
|
||||||
<DialogForm
|
<!-- <DialogForm
|
||||||
v-if="attrFormVisible"
|
v-if="attrFormVisible"
|
||||||
ref="attrForm"
|
ref="attrForm"
|
||||||
:dataForm="attrForm"
|
:dataForm="attrForm"
|
||||||
:rows="attrRows" />
|
:rows="attrRows" /> -->
|
||||||
</base-dialog>
|
</base-dialog>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import DialogForm from './DialogForm';
|
|
||||||
import EquipmentInfoForm from './EquipmentInfoForm.vue';
|
|
||||||
|
|
||||||
const SmallTitle = {
|
const SmallTitle = {
|
||||||
name: 'SmallTitle',
|
name: 'SmallTitle',
|
||||||
props: ['size'],
|
props: ['size'],
|
||||||
@ -212,16 +282,32 @@ const SmallTitle = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { SmallTitle, DialogForm, EquipmentInfoForm },
|
components: { SmallTitle },
|
||||||
props: ['sections', 'mode', 'dataId'], // dataId 作为一个通用的存放id的字段
|
props: ['dataId'], // dataId 作为一个通用的存放id的字段
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
showForm: false,
|
|
||||||
btnLoading: false,
|
btnLoading: false,
|
||||||
total: 0,
|
|
||||||
form: {},
|
form: {},
|
||||||
list: [],
|
lineList: [],
|
||||||
|
maintainerList: [],
|
||||||
|
departmentList: [],
|
||||||
|
attrTableProps: [
|
||||||
|
{
|
||||||
|
prop: 'equipmentName',
|
||||||
|
label: '设备名称',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'program',
|
||||||
|
label: '保养项目',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
prop: 'maintenanceDes',
|
||||||
|
label: '保养描述',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
attrList: [],
|
||||||
|
attrTotal: 0,
|
||||||
attrTitle: '',
|
attrTitle: '',
|
||||||
attrForm: {
|
attrForm: {
|
||||||
id: null,
|
id: null,
|
||||||
@ -253,71 +339,68 @@ export default {
|
|||||||
params: {
|
params: {
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
|
equipmentName: null,
|
||||||
},
|
},
|
||||||
}, // 属性列表的请求
|
}, // 属性列表的请求
|
||||||
infoQuery: null, // 基本信息的请求
|
searchBarFormConfig: [
|
||||||
|
{
|
||||||
|
type: 'input',
|
||||||
|
label: '设备',
|
||||||
|
placeholder: '请输入设备名称',
|
||||||
|
param: 'equipmentName',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
type: 'button',
|
||||||
|
btnName: '查询',
|
||||||
|
name: 'search',
|
||||||
|
color: 'primary',
|
||||||
|
},
|
||||||
|
],
|
||||||
attrFormSubmitting: false,
|
attrFormSubmitting: false,
|
||||||
attrListLoading: false,
|
attrListLoading: false,
|
||||||
syncFileListFlag: null,
|
// syncFileListFlag: null,
|
||||||
|
tableBtn: [],
|
||||||
|
row: null,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
formRows() {
|
departmentOptions() {
|
||||||
return this.sections[0].rows.map((row) => {
|
return (this.departmentList || []).map((item) => ({
|
||||||
return row.map((col) => {
|
id: item.id,
|
||||||
if (col.key == 'eq-pics') {
|
label: item.name,
|
||||||
// 重置图片的位置
|
value: item.id,
|
||||||
return {
|
}));
|
||||||
...col,
|
|
||||||
bind: {
|
|
||||||
...col.bind,
|
|
||||||
},
|
|
||||||
style: {
|
|
||||||
left: 0,
|
|
||||||
right: 'unset',
|
|
||||||
},
|
|
||||||
};
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
...col,
|
|
||||||
bind: {
|
|
||||||
...col.bind,
|
|
||||||
// 详情 模式下,禁用各种输入
|
|
||||||
disabled: this.mode == 'detail',
|
|
||||||
},
|
|
||||||
};
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
tableBtn() {
|
lineOptions() {
|
||||||
return this.mode == 'detail' ? [] : this.sections[1].tableBtn;
|
return (this.lineList || []).map((item) => ({
|
||||||
|
id: item.id,
|
||||||
|
label: item.name,
|
||||||
|
value: item.id,
|
||||||
|
}));
|
||||||
|
},
|
||||||
|
maintainerOptions() {
|
||||||
|
return (this.maintainerList || []).map((item) => ({
|
||||||
|
id: item.id,
|
||||||
|
label: item.name,
|
||||||
|
value: item.name,
|
||||||
|
}));
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
for (const section of this.sections) {
|
this.getList('maintainer');
|
||||||
// 请求具体信息
|
this.getList('department');
|
||||||
if ('url' in section) {
|
this.getList('line');
|
||||||
const query = {
|
|
||||||
url: section.url,
|
|
||||||
method: section.method || 'get',
|
|
||||||
params: section.queryParams || null,
|
|
||||||
data: section.data || null,
|
|
||||||
};
|
|
||||||
this.$axios(query).then(({ data }) => {
|
|
||||||
if (section.key == 'base') {
|
|
||||||
this.form = data;
|
|
||||||
this.showForm = true;
|
|
||||||
this.infoQuery = query;
|
|
||||||
} else if (section.key == 'attrs') {
|
|
||||||
this.attrQuery = query;
|
|
||||||
this.list = data.list;
|
|
||||||
this.total = data.total;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
handleSearchBarBtnClick(btn) {
|
||||||
|
console.log('btn', btn);
|
||||||
|
switch (btn.btnName) {
|
||||||
|
case 'search':
|
||||||
|
this.attrQuery.params.equipmentName = btn['key'];
|
||||||
|
this.handleQuery();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
handleTableBtnClick({ type, data }) {
|
handleTableBtnClick({ type, data }) {
|
||||||
switch (type) {
|
switch (type) {
|
||||||
case 'edit':
|
case 'edit':
|
||||||
@ -330,11 +413,11 @@ export default {
|
|||||||
},
|
},
|
||||||
async handleConfirm() {
|
async handleConfirm() {
|
||||||
this.btnLoading = true;
|
this.btnLoading = true;
|
||||||
this.syncFileListFlag = Math.random();
|
// this.syncFileListFlag = Math.random();
|
||||||
|
|
||||||
this.$nextTick(async () => {
|
this.$nextTick(async () => {
|
||||||
const { code, data } = await this.$axios({
|
const { code, data } = await this.$axios({
|
||||||
url: this.sections[0].urlUpdate,
|
url: '/update', // this.sections[0].urlUpdate,
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data: this.form,
|
data: this.form,
|
||||||
});
|
});
|
||||||
@ -352,28 +435,76 @@ export default {
|
|||||||
console.log('handleEmitFun', val);
|
console.log('handleEmitFun', val);
|
||||||
},
|
},
|
||||||
|
|
||||||
init() {
|
init(row) {
|
||||||
this.visible = true;
|
this.visible = true;
|
||||||
|
this.row = row;
|
||||||
|
this.getInfo(row);
|
||||||
|
this.getAttrList(row);
|
||||||
},
|
},
|
||||||
|
|
||||||
async getAttrList() {
|
async getInfo(row) {
|
||||||
this.attrListLoading = true;
|
this.formLoading = true;
|
||||||
const res = await this.$axios(this.attrQuery);
|
const res = await this.$axios(
|
||||||
|
'/base/equipment-maintain-log/get?id=' + row.id
|
||||||
|
);
|
||||||
if (res.code == 0) {
|
if (res.code == 0) {
|
||||||
this.list = res.data.list;
|
this.form = res.data;
|
||||||
this.total = res.data.total;
|
this.form.maintainWorker = res.data.maintainWorker.split(',');
|
||||||
|
this.formLoading = false;
|
||||||
|
}
|
||||||
|
this.formLoading = false;
|
||||||
|
},
|
||||||
|
|
||||||
|
async getAttrList(row, condition = {}) {
|
||||||
|
if (!row) row = this.row;
|
||||||
|
this.attrListLoading = true;
|
||||||
|
const res = await this.$axios({
|
||||||
|
url: '/base/equipment-maintain-log-det/page',
|
||||||
|
method: 'get',
|
||||||
|
params: {
|
||||||
|
...this.attrQuery.params,
|
||||||
|
logId: row.id,
|
||||||
|
...condition,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
if (res.code == 0) {
|
||||||
|
this.attrList = res.data.list;
|
||||||
|
this.attrTotal = res.data.total;
|
||||||
}
|
}
|
||||||
this.attrListLoading = false;
|
this.attrListLoading = false;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
async getList(source = 'department') {
|
||||||
|
const urls = [
|
||||||
|
'/base/core-production-line/listAll',
|
||||||
|
'/base/core-department/listAll',
|
||||||
|
'/base/core-worker/listAll',
|
||||||
|
];
|
||||||
|
let res;
|
||||||
|
switch (source) {
|
||||||
|
case 'department':
|
||||||
|
res = await this.$axios(urls[1]);
|
||||||
|
this.departmentList = res.data || [];
|
||||||
|
break;
|
||||||
|
case 'maintainer':
|
||||||
|
res = await this.$axios(urls[2]);
|
||||||
|
this.maintainerList = res.data || [];
|
||||||
|
break;
|
||||||
|
case 'line':
|
||||||
|
res = await this.$axios(urls[0]);
|
||||||
|
this.lineList = res.data || [];
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
this.formLoading = false;
|
||||||
|
},
|
||||||
|
|
||||||
// 保存表单
|
// 保存表单
|
||||||
handleSave() {
|
handleSave() {
|
||||||
this.$refs['form'][0].validate(async (valid) => {
|
this.$refs.form.validate(async (valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
const isEdit = this.mode == 'edit';
|
|
||||||
await this.$axios({
|
await this.$axios({
|
||||||
url: this.sections[0][isEdit ? 'urlUpdate' : 'urlCreate'],
|
url: '/urlupdate', // this.sections[0][isEdit ? 'urlUpdate' : 'urlCreate'],
|
||||||
method: isEdit ? 'put' : 'post',
|
method: 'post', // isEdit ? 'put' : 'post',
|
||||||
data: this.form,
|
data: this.form,
|
||||||
});
|
});
|
||||||
this.$modal.msgSuccess(`${isEdit ? '更新' : '创建'}成功`);
|
this.$modal.msgSuccess(`${isEdit ? '更新' : '创建'}成功`);
|
||||||
@ -387,11 +518,6 @@ export default {
|
|||||||
this.visible = false;
|
this.visible = false;
|
||||||
},
|
},
|
||||||
|
|
||||||
// 开启编辑
|
|
||||||
toggleEdit() {
|
|
||||||
this.$emit('update-mode', 'edit');
|
|
||||||
},
|
|
||||||
|
|
||||||
// 新增属性
|
// 新增属性
|
||||||
handleAddAttr() {
|
handleAddAttr() {
|
||||||
if (!this.dataId) return this.$message.error('请先创建设备信息');
|
if (!this.dataId) return this.$message.error('请先创建设备信息');
|
||||||
@ -408,7 +534,7 @@ export default {
|
|||||||
// 编辑属性
|
// 编辑属性
|
||||||
async handleEditAttr(attrId) {
|
async handleEditAttr(attrId) {
|
||||||
const res = await this.$axios({
|
const res = await this.$axios({
|
||||||
url: this.sections[1].urlDetail,
|
url: 'urlpudate', // this.sections[1].urlDetail,
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: { id: attrId },
|
params: { id: attrId },
|
||||||
});
|
});
|
||||||
@ -428,7 +554,7 @@ export default {
|
|||||||
})
|
})
|
||||||
.then(async () => {
|
.then(async () => {
|
||||||
const res = await this.$axios({
|
const res = await this.$axios({
|
||||||
url: this.sections[1].urlDelete,
|
url: 'url delete', // this.sections[1].urlDelete,
|
||||||
method: 'delete',
|
method: 'delete',
|
||||||
params: { id: attrId },
|
params: { id: attrId },
|
||||||
});
|
});
|
||||||
@ -457,9 +583,10 @@ export default {
|
|||||||
const isEdit = this.attrForm.id != null;
|
const isEdit = this.attrForm.id != null;
|
||||||
this.attrFormSubmitting = true;
|
this.attrFormSubmitting = true;
|
||||||
const res = await this.$axios({
|
const res = await this.$axios({
|
||||||
url: isEdit
|
url: 'url edit',
|
||||||
? this.sections[1].urlUpdate
|
// isEdit
|
||||||
: this.sections[1].urlCreate,
|
// ? this.sections[1].urlUpdate
|
||||||
|
// : this.sections[1].urlCreate,
|
||||||
method: isEdit ? 'put' : 'post',
|
method: isEdit ? 'put' : 'post',
|
||||||
data: this.attrForm,
|
data: this.attrForm,
|
||||||
});
|
});
|
||||||
@ -532,6 +659,11 @@ export default {
|
|||||||
border-radius: 8px 0 0 8px;
|
border-radius: 8px 0 0 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.drawer >>> .el-date-editor,
|
||||||
|
.drawer >>> .el-select {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.drawer >>> .el-drawer__header {
|
.drawer >>> .el-drawer__header {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 32px 32px 24px;
|
padding: 32px 32px 24px;
|
||||||
|
Loading…
Reference in New Issue
Block a user