From 7f6af6907202cb7c9395a7020d249bd62e17d50f Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期五, 05 一月 2024 17:59:17 +0800
Subject: [PATCH] 1、解决车间看板页面因浏览器兼容性问题导致的样式不适配问题（使用浏览器86版本与其他版本做对比） 2、优化车间看板页面代码，将看板拖拽区域设置高度后再设置限制拖拽以试图解决进入页面后有概率设备无法自由拖拽问题（猜想因父子组件渲染顺序导致，父组件还未渲染完成，子组件就已限制区域，此时区域高度可能0，未在现场调试，本地调试无问题） 3、优化设备利用率、开动率及班次利用率页面代码，解决因浏览器版本问题导致表格前3列文字无法垂直排列导致的布局问题以及调整右上角区间展示区域为响应式布局
---
src/views/eam/modules/dailyMaintenanceStandard/DailyMaintenanceStandardModal.vue | 173 +++++++++++++++++++++++++++------------------------------
1 files changed, 81 insertions(+), 92 deletions(-)
diff --git a/src/views/eam/modules/dailyMaintenanceStandard/DailyMaintenanceStandardModal.vue b/src/views/eam/modules/dailyMaintenanceStandard/DailyMaintenanceStandardModal.vue
index 07c1959..d881f08 100644
--- a/src/views/eam/modules/dailyMaintenanceStandard/DailyMaintenanceStandardModal.vue
+++ b/src/views/eam/modules/dailyMaintenanceStandard/DailyMaintenanceStandardModal.vue
@@ -35,12 +35,12 @@
>
<!-- <a-input-search
:disabled="disableSubmit"
- placeholder="璇烽�夋嫨瀵硅薄閮ㄩ棬"
+ placeholder="璇烽�夋嫨浣跨敤閮ㄩ棬"
enter-button
@search="onDepartList()"
:read-only="true"
v-decorator="['useDepartName', validatorRules.useDepartName]"
- /> -->
+ />
<a-tree-select
style="width: 100%"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
@@ -48,6 +48,15 @@
placeholder="璇烽�夋嫨閮ㄩ棬"
tree-default-expand-all
v-decorator="['departId', validatorRules.useId ]"
+ />-->
+
+ <j-dict-select-tag
+ allow-clear
+ :disabled="disableSubmit"
+ :placeholder="disableSubmit?'':'璇烽�夋嫨浣跨敤閮ㄩ棬'"
+ :triggerChange="true"
+ dictCode="sys_depart,depart_name,id,del_flag!='1'"
+ v-decorator="['departId', {}]"
/>
</a-form-item>
</a-col>
@@ -114,21 +123,21 @@
<a-input
allow-clear
:disabled="true"
- :placeholder="disableSubmit?'':'璇疯緭鍏ヨ澶囩紪鐮�/鍚嶇О/鍨嬪彿'"
+ :placeholder="disableSubmit?'':'璇疯緭鍏ョ粺涓�缂栫爜/鍚嶇О/鍨嬪彿'"
v-decorator="['equipmentId', validatorRules.equipmentId ]"
/>
</a-form-item>
</a-col>
<!-- <a-col :span="12">
<a-form-item
- label="瀵硅薄閮ㄩ棬Id"
+ label="浣跨敤閮ㄩ棬Id"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
>
<a-input
allow-clear
:disabled="true"
- :placeholder="disableSubmit?'':'璇疯緭鍏ュ璞￠儴闂╥d'"
+ :placeholder="disableSubmit?'':'璇疯緭鍏ヤ娇鐢ㄩ儴闂╥d'"
v-decorator="['departId', validatorRules.useId ]"
/>
</a-form-item>
@@ -151,6 +160,22 @@
<a-row :gutter="24">
<a-col :span="12">
<a-form-item
+ label="淇濆吇绫诲瀷"
+ :labelCol="labelCol"
+ :wrapperCol="wrapperCol"
+ >
+ <j-dict-select-tag
+ allow-clear
+ :disabled="disableSubmit"
+ :placeholder="disableSubmit?'':'璇烽�夋嫨淇濆吇绫诲瀷'"
+ :triggerChange="true"
+ dictCode="maintenance_type"
+ v-decorator="['maintenanceType', validatorRules.maintenanceType]"
+ />
+ </a-form-item>
+ </a-col>
+ <!-- <a-col :span="12">
+ <a-form-item
label="娲惧伐鏂瑰紡"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
@@ -164,7 +189,7 @@
v-decorator="['assignMode', validatorRules.assignMode]"
/>
</a-form-item>
- </a-col>
+ </a-col> -->
<a-col :span="12">
<a-form-item
label="鐗堟湰"
@@ -218,14 +243,14 @@
<!-- <a-row :gutter="24">
<a-col :span="12">
<a-form-item
- label="瀵硅薄閮ㄩ棬"
+ label="浣跨敤閮ㄩ棬"
:labelCol="labelCol"
:wrapperCol="wrapperCol"
>
<j-dict-select-tag
allow-clear
:disabled="disableSubmit"
- :placeholder="disableSubmit?'':'璇峰璞￠儴闂�'"
+ :placeholder="disableSubmit?'':'璇蜂娇鐢ㄩ儴闂�'"
:triggerChange="true"
dictCode="sys_depart,depart_name,id,version = '7' and del_flag!='1'"
v-decorator="['departId', validatorRules.departId]"
@@ -263,6 +288,7 @@
rowKey='id'
:columns="columns"
:dataSource="dataSource"
+ :pagination="false"
>
<template
v-for="col in columns"
@@ -271,14 +297,14 @@
>
<div :key="col.dataIndex">
- <a-select
+ <!-- <a-select
v-if="col.dataIndex == 'maintenanceCycleId'"
:value="text"
:options="record.maintenanceCycles"
@change="(e) => handleChange(e, record.key, col, index)"
style="width: 100%"
:disabled="false"
- />
+ /> -->
<a-textarea
:value="text"
v-if="col.dataIndex == 'maintenanceRequire'"
@@ -329,43 +355,6 @@
<a>鍒犻櫎</a>
</a-popconfirm>
</span>
-
- <!-- <span
- slot="photo"
- slot-scope="text,record"
- >
- <Tooltip
- placement="top"
- title="棰勮鍥剧墖"
- >
- <img
- v-if=" record.upload.path && (record.upload.format.toLowerCase()=='jpg'||record.upload.format.toLowerCase()=='bmp'||record.upload.format.toLowerCase()=='png'||record.upload.format.toLowerCase()=='jpeg'||record.upload.format.toLowerCase()=='gif')"
- width="30"
- height="14"
- border="1"
- draggable="false"
- preview="1"
- :preview-text="''"
- :src="record.upload.src"
- />
- </Tooltip>
- <a
- v-if="record.upload.path && record.upload.format.toLowerCase()=='pdf'"
- href="javascript:;"
- @click="view(record.upload)"
- >
- 棰勮
- </a>
-
- <a-divider
- v-if="record.upload.path && (record.upload.format.toLowerCase()=='jpg'||record.upload.format.toLowerCase()=='bmp'||record.upload.format.toLowerCase()=='png'||record.upload.format.toLowerCase()=='jpeg'||record.upload.format.toLowerCase()=='gif'||record.upload.format.toLowerCase()=='pdf')"
- type="vertical"
- />
- <a
- href="javascript:;"
- @click="handleUpload(record)"
- >涓婁紶</a>
- </span> -->
</a-table>
<template slot="footer">
<a-button
@@ -476,39 +465,39 @@
// align: 'center',
// dataIndex: 'maintenanceSpecialtyName'
// },
- {
- title: '瀹夊叏瑕佹眰',
- align: 'center',
- dataIndex: 'maintenanceRequire',
- scopedSlots: { customRender: 'maintenanceRequire' },
- width: 150,
- },
- {
- title: '宸ユ椂瀹氶',
- align: 'center',
- dataIndex: 'workingHourQuota'
- },
- {
- title: '绀烘剰鍥�',
- align: 'center',
- dataIndex: 'photo',
- scopedSlots: { customRender: 'photo' },
- width: 150,
- },
+ // {
+ // title: '瀹夊叏瑕佹眰',
+ // align: 'center',
+ // dataIndex: 'maintenanceRequire',
+ // scopedSlots: { customRender: 'maintenanceRequire' },
+ // width: 150,
+ // },
+ // {
+ // title: '宸ユ椂瀹氶',
+ // align: 'center',
+ // dataIndex: 'workingHourQuota'
+ // },
+ // {
+ // title: '绀烘剰鍥�',
+ // align: 'center',
+ // dataIndex: 'photo',
+ // scopedSlots: { customRender: 'photo' },
+ // width: 150,
+ // },
{
title: '淇濆吇閮ㄤ綅',
align: 'center',
dataIndex: 'location',
- scopedSlots: { customRender: 'location' },
- width: 150,
+ // scopedSlots: { customRender: 'location' },
+ // width: 150,
},
- {
- title: '鍛ㄦ湡',
- align: 'center',
- dataIndex: 'maintenanceCycleId',
- scopedSlots: { customRender: 'maintenanceCycleId' },
- width: 150,
- },
+ // {
+ // title: '鍛ㄦ湡',
+ // align: 'center',
+ // dataIndex: 'maintenanceCycleId',
+ // scopedSlots: { customRender: 'maintenanceCycleId' },
+ // width: 150,
+ // },
{
title: '淇濆吇瑙掕壊',
align: 'center',
@@ -558,7 +547,7 @@
},
useDepartName: {
rules: [
- { required: true, message: '璇烽�夋嫨瀵硅薄閮ㄩ棬!' },
+ { required: true, message: '璇烽�夋嫨浣跨敤閮ㄩ棬!' },
]
},
equipmentName: {
@@ -566,9 +555,9 @@
{ required: true, message: '璇烽�夋嫨璁惧!' },
]
},
- assignMode: {
+ maintenanceType: {
rules: [
- { required: true, message: '璇烽�夋嫨娲惧伐鏂瑰紡!' },
+ { required: true, message: '璇烽�夋嫨淇濆吇绫诲瀷!' },
]
},
version: {
@@ -586,7 +575,7 @@
list: "/eam/maintenanceStandardDetail/getMaintenanceStandardDetailListByIds",
add: "/eam/maintenanceStandard/add",
edit: "/eam/maintenanceStandard/edit",
- addDetail: "/eam/maintenanceStandardDetail/add",
+ // addDetail: "/eam/maintenanceStandardDetail/add",
getMaintenanceCycle: "/eam/maintenanceStandardDetail/getPeriodicMaintenanceCycle",
realDelete: "/eam/maintenanceStandardDetail/realDelete",
revise: '/eam/maintenanceStandard/revise',
@@ -617,7 +606,7 @@
maintenanceRequire: data[i].maintenanceRequire,
workingHourQuota: data[i].workingHourQuota,
// upload: this.upload,
- maintenanceCycles: this.maintenanceCycles,
+ // maintenanceCycles: this.maintenanceCycles,
})
// let formData = {};
@@ -666,7 +655,7 @@
edit(record) {
let that = this;
- this.initOptions();
+ // this.initOptions();
// this.getMaintenanceCycle()
this.dataSource = [];
this.form.resetFields();
@@ -677,11 +666,11 @@
that.dataSource = temp;
}
that.$nextTick(() => {
- that.form.setFieldsValue(pick(that.model, 'num', 'departId', 'teamId', 'equipmentId', 'equipmentName', 'useDepartName', 'useId', 'teamName', 'assignMode', 'version', 'remark'));
+ that.form.setFieldsValue(pick(that.model, 'num', 'departId', 'teamId', 'equipmentId', 'equipmentName', 'useDepartName', 'useId', 'maintenanceType', 'teamName', 'version', 'remark'));
});
if (record.id) {
- this.maintenanceCycles = []
- this.getMaintenanceCycle(this.model.equipmentId)
+ // this.maintenanceCycles = []
+ // this.getMaintenanceCycle(this.model.equipmentId)
this.codeDisable = true;
that.$nextTick(() => {
if (that.isRevise) {
@@ -720,24 +709,24 @@
onEquipmentList() {
let data = this.form.getFieldsValue(['departId']);
- if (data.departId == null || data.departId == "") {
- this.$message.warning("璇峰厛閫夋嫨瀵硅薄閮ㄩ棬锛�");
- return
- }
+ // if (data.departId == null || data.departId == "") {
+ // this.$message.warning("璇峰厛閫夋嫨浣跨敤閮ㄩ棬锛�");
+ // return
+ // }
this.$refs.EquipmentList.list(data.departId);
this.$refs.EquipmentList.title = "閫夋嫨璁惧淇℃伅";
},
sendEquipmentRecord(data) {
this.dataSource = [];
let record = data.record;
- this.getMaintenanceCycle(record.id)
+ // this.getMaintenanceCycle(record.id)
this.form.setFieldsValue({ equipmentId: record.id, equipmentName: record.num + "/" + record.name + "/" + record.model, teamId: record.teamId, teamName: record.teamId_dictText });
},
onDepartList() {
this.$refs.DepartList.list();
- this.$refs.DepartList.title = "閫夋嫨瀵硅薄閮ㄩ棬";
+ this.$refs.DepartList.title = "閫夋嫨浣跨敤閮ㄩ棬";
},
sendDepartRecord(data) {
this.dataSource = [];
@@ -756,7 +745,6 @@
},
handleOk() {
- console.log("123")
const that = this;
this.form.validateFields((err, values) => {
if (!err) {
@@ -772,10 +760,12 @@
let obj;
if (!this.model.id) {
formData.versionStatus = '1'
+ formData.approvalStatus = '1'
obj = postAction(this.url.add, formData);
} else {
if (this.isRevise) {
formData.versionStatus = '1'
+ formData.approvalStatus = '1'
obj = postAction(this.url.revise, formData);
} else {
obj = requestPut(this.url.edit, formData, { id: this.model.id });
@@ -815,7 +805,6 @@
},
getMaintenanceCycle(equipmentId) {
- debugger
getAction(this.url.getMaintenanceCycle, { equipmentId: equipmentId }).then((res) => {
if (res.success) {
this.maintenanceCycles = res.result
--
Gitblit v1.9.3