设备保养设备巡检

src/views/equipment/base/repair/CustomDialogForm.vue

@@ -1,40 +1,3 @@
-
-首页
-工单管理
-合并请求
-里程碑
-探索
- 通知469
- 创建…
- 个人信息和配置
- mt-fe-group / yudao-dev
-取消关注
-11
-点赞
-0
-派生
-0
-代码
-工单
-0
-合并请求
-0
-版本发布
-0
-百科
-动态
- 559 提交
- 25 分支
- 145 MiB
- 分支: projects/mes-test
-yudao-dev/src/views/equipment/base/repair/CustomDialogForm.vue
-346 行
-8.9 KiB
-原始文件
-永久链接
-Blame
-文件历史
-
 <!--
     filename: dialogForm.vue
     author: liubin
@@ -44,53 +7,74 @@ Blame
 
 <template>
   <el-drawer :visible.sync="visible" :show-close="false" :wrapper-closable="disabled" class="drawer"
-    custom-class="mes-drawer" size="65%" @closed="$emit('destroy')">
+    custom-class="mes-drawer" size="50%" @closed="$emit('destroy')">
     <small-title slot="title" :no-padding="true">
       {{ disabled ? '查看详情' : !dataForm.maintenanceStatus ? '修改' : '完成' }}
     </small-title>
     <div class="drawer-body flex">
       <div class="drawer-body__content">
-        <el-form ref="form" :model="dataForm" label-width="100px" label-position="top" v-loading="formLoading">
+        <div>
           <el-row :gutter="20">
             <el-col :span="8">
-              <el-form-item label="维修单号" prop="repairOrderNumber">
-                <span>{{ dataForm.repairOrderNumber }}</span>
-              </el-form-item>
+              <div class="blodTip">故障发生时间</div>
+              <div class="lightTip">{{ parseTime(dataForm.faultTime) }}</div>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="设备名称" prop="equipmentName">
-                <span>{{ dataForm.equipmentName }}</span>
-              </el-form-item>
+              <div class="blodTip">故障级别</div>
+              <div class="lightTip">{{ getDictDataLabel('fault-level', dataForm.faultLevel) }}</div>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="维修工" prop="repairman">
-                <span>{{ dataForm.repairman }}</span>
-              </el-form-item>
+              <div class="blodTip">故障类型</div>
+              <div class="lightTip">{{ getDictDataLabel('fault-type', dataForm.faultType) }}</div>
             </el-col>
           </el-row>
           <el-row :gutter="20">
             <el-col :span="8">
-              <el-form-item label="故障发生时间" prop="faultTime">
-                <span>{{ parseTime(dataForm.faultTime) }}</span>
-              </el-form-item>
+              <div class="blodTip">维修工</div>
+              <div class="lightTip">{{ dataForm.repairman }}</div>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="故障级别" prop="faultLevel">
-                <span>{{ getDictDataLabel('fault-level', dataForm.faultLevel) }}</span>
-              </el-form-item>
+              <div class="blodTip">联系方式</div>
+              <div class="lightTip">{{ dataForm.repairmanPhone }}</div>
             </el-col>
             <el-col :span="8">
-              <el-form-item label="联系方式" prop="repairmanPhone">
-                <span>{{ dataForm.repairmanPhone }}</span>
-              </el-form-item>
+              <div class="blodTip">维修方式</div>
+              <div class="lightTip">{{ getDictDataLabel('repair-mode', dataForm.repairMode) }}</div>
             </el-col>
           </el-row>
-
-          <el-divider style="margin-top: -10px" />
-
-          <small-title style="margin: 16px 0; padding-left: 8px" :no-padding="true">
-            {{ '设备维修信息' }}
-          </small-title>
+          <el-row>
+            <div class="blodTip">维修附件</div>
+            <div v-if="dataForm.files && dataForm.files.length > 0">
+              <uploadedFile
+                class="file"
+                v-for="file in dataForm.files"
+                :file="file"
+                :key="file.fileUrl"
+                :disabled="disabled"
+                @delete="!disabled && handleDeleteFile(file, col.prop)" />
+            </div>
+            <p v-else>暂无附件</p>
+          </el-row>
+          <el-row :gutter="20">
+            <el-col :span="8">
+              <div class="blodTip">创建时间</div>
+              <div class="lightTip">{{ parseTime(dataForm.createTime) }}</div>
+            </el-col>
+            <el-col :span="8">
+              <div class="blodTip">创建人</div>
+              <div class="lightTip">{{ dataForm.creator }}</div>
+            </el-col>
+          </el-row>
+          <el-row>
+            <div class="blodTip">备注</div>
+              <div class="lightTip">{{ dataForm.remark }}</div>
+          </el-row>
+        </div>
+        <!-- <el-divider style="margin-top: -10px" />
+        <small-title style="margin: 16px 0; padding-left: 8px" :no-padding="true">
+          {{ '设备维修信息' }}
+        </small-title> -->
+        <!-- <el-form ref="form" :model="dataForm" label-width="100px" label-position="top" v-loading="formLoading">
           <el-row :gutter="20">
             <el-col :span="6">
               <el-form-item label="维修开始时间" prop="maintenanceStartTime"
@@ -129,7 +113,6 @@ Blame
             <el-col>
               <el-form-item label="故障明细" prop="faultDetail"
                 :rules="[{ required: true, message: '故障明细不能为空', trigger: 'blur' }]">
-                <!-- // 富文本 -->
                 <editor v-model="dataForm.faultDetail" :read-only="disabled" :min-height="150" />
               </el-form-item>
             </el-col>
@@ -138,7 +121,6 @@ Blame
           <el-row :gutter="20">
             <el-col>
               <el-form-item label="维修记录" prop="maintenanceDetail">
-                <!-- // 富文本 -->
                 <editor v-model="dataForm.maintenanceDetail" :read-only="disabled" :min-height="150" />
               </el-form-item>
             </el-col>
@@ -159,7 +141,7 @@ Blame
               </el-form-item>
             </el-col>
           </el-row>
-        </el-form>
+        </el-form> -->
 
         <div v-if="!disabled" class="drawer-body__footer">
           <el-button style="" @click="goback()">取消</el-button>
@@ -174,11 +156,73 @@ Blame
 import SmallTitle from '../../base/alarm/Record/SmallTitle.vue';
 import { getEqRepair, updateEqRepair } from '@/api/equipment/base/repair'
 import Editor from "@/components/Editor";
-import FileUpload from "@/components/FileUpload";
+// import FileUpload from "@/components/FileUpload";
 import { getDictDatas } from "@/utils/dict";
 import { parseTime } from '@/utils/ruoyi'
 import { getDictDataLabel } from '@/utils/dict';
 
+const uploadedFile = {
+	name: 'UploadedFile',
+	props: ['file', 'disabled'],
+	data() {
+		return {};
+	},
+	methods: {
+		handleDelete() {
+			this.$emit('delete', this.file);
+		},
+		async handleDownload() {
+			const data = await this.$axios({
+				url: this.file.fileUrl,
+				method: 'get',
+				responseType: 'blob',
+			});
+
+			await this.$message.success('开始下载');
+			// create download link
+			const url = window.URL.createObjectURL(data);
+			const link = document.createElement('a');
+			link.href = url;
+			link.download = this.file.fileName;
+			document.body.appendChild(link);
+			link.click();
+			document.body.removeChild(link);
+		},
+	},
+	mounted() {
+	},
+	render: function (h) {
+		return (
+			<div
+				title={this.file.fileName}
+				onClick={this.handleDownload}
+				style={{
+					background: `url(${tupleImg}) no-repeat`,
+					backgroundSize: '14px',
+					backgroundPosition: '0 55%',
+					paddingLeft: '20px',
+					paddingRight: '24px',
+					textOverflow: 'ellipsis',
+					whiteSpace: 'nowrap',
+					overflow: 'hidden',
+					cursor: 'pointer',
+					display: 'inline-block',
+				}}>
+				{this.file.fileName}
+				{!this.disabled && (
+					<el-button
+						type="text"
+						icon="el-icon-close"
+						style="float: right; position: relative; top: 2px; left: 8px; z-index: 100"
+						class="dialog__upload_component__close"
+						onClick={this.handleDelete}
+					/>
+				)}
+			</div>
+		);
+	},
+};
+
 export default {
   name: 'DialogForm',
   model: {
@@ -186,7 +230,7 @@ export default {
     event: 'update',
   },
   emits: ['update'],
-  components: { SmallTitle, Editor, FileUpload },
+  components: { SmallTitle, Editor, uploadedFile },
   props: {
     // dataForm: {
     // 	type: Object,
@@ -237,18 +281,18 @@ export default {
       this.visible = true;
 
       this.$nextTick(() => {
-        this.$refs['form'].resetFields();
+        // this.$refs['form'].resetFields();
 
         if (this.dataForm.id) {
           // 获取设备维修
           getEqRepair(this.dataForm.id).then(response => {
             this.formLoading = false
             this.dataForm = response.data;
-            this.dataForm.maintenanceStatus = row.maintenanceStatus || 0
-            if (this.dataForm.files.length > 0) {
-              this.file = this.dataForm.files[0].fileUrl
-              this.fileName = this.dataForm.files[0].fileName
-            }
+            // this.dataForm.maintenanceStatus = row.maintenanceStatus || 0
+            // if (this.dataForm.files.length > 0) {
+            //   this.file = this.dataForm.files[0].fileUrl
+            //   this.fileName = this.dataForm.files[0].fileName
+            // }
           });
         } else {
           // if (this.urlOptions.isGetCode) {
@@ -337,4 +381,18 @@ export default {
   justify-content: flex-end;
   padding: 18px;
 }
+.blodTip {
+	height: 16px;
+	font-size: 14px;
+	font-weight: 600;
+	color: rgba(0,0,0,0.85);
+	margin-bottom: 8px;
+}
+.lightTip {
+	/* height: 16px; */
+	font-size: 14px;
+	font-weight: 400;
+	color: rgba(102,102,102,0.75);
+	margin-bottom: 12px;
+}
 </style>