From a856cfc04747d4d8f3605168531b253240d2e87c Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期三, 27 十一月 2024 08:55:07 +0800
Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/funingyunwei

---
 admin/src/views/operation/components/maintainDetail.vue |  104 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 104 insertions(+), 0 deletions(-)

diff --git a/admin/src/views/operation/components/maintainDetail.vue b/admin/src/views/operation/components/maintainDetail.vue
new file mode 100644
index 0000000..e9d85b1
--- /dev/null
+++ b/admin/src/views/operation/components/maintainDetail.vue
@@ -0,0 +1,104 @@
+<template>
+  <GlobalWindow title="璁惧杩愮淮璇︽儏" :showConfirm="false" :visible.sync="visible" width="800px">
+    <div class="model_wrap">
+      <div class="list">
+        <div class="item">
+          <div class="la">璁惧鍚嶇О</div>
+          <div class="val">{{ info.deviceName }}</div>
+        </div>
+        <div class="item">
+          <div class="la">璁惧缂栧彿</div>
+          <div class="val">{{ info.deviceCode }}</div>
+        </div>
+        <div class="item">
+          <div class="la">璁惧鐘舵��</div>
+          <div class="val" v-if="info.status == 0">姝e父</div>
+          <div class="val" v-if="info.status == 1">鎹熷潖</div>
+          <div class="val" v-if="info.status == 2">鎶ュ簾</div>
+        </div>
+        <div class="item">
+          <div class="la">杩愮淮浜�</div>
+          <div class="val">{{ info.realName }}</div>
+        </div>
+        <div class="item">
+          <div class="la">杩愮淮浜虹數璇�</div>
+          <div class="val">{{ info.mobile }}</div>
+        </div>
+        <div class="item">
+          <div class="la">杩愮淮鏃堕棿</div>
+          <div class="val">{{ info.dealDate }}</div>
+        </div>
+        <div class="item max">
+          <div class="la">杩愮淮澶囨敞</div>
+          <div class="val">{{ info.content }}</div>
+        </div>
+        <div class="item max">
+          <div class="la">鐜板満鐓х墖</div>
+          <div class="value" v-if="info.multifileList == null || !info.multifileList.length">鏃�</div>
+          <div class="value" v-if="info.multifileList != null && info.multifileList.length">
+            <div v-for="item in info.multifileList" :key="item.id" style="display: inline;margin-right: 20px">
+              <video v-if="item.fileurlFull && item.fileurlFull.endsWith('.mp4')" ref="videoRef" controls preload="auto"
+                style="width: 80px;height: 80px;object-fit: contain;" :src="item.fileurlFull" />
+              <el-image v-else-if="item.fileurlFull" style="width:80px; height: 80px" :src="item.fileurlFull"
+                :preview-src-list="[item.fileurlFull]">
+              </el-image>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </GlobalWindow>
+</template>
+
+<script>
+import BaseOpera from '@/components/base/BaseOpera'
+import GlobalWindow from '@/components/common/GlobalWindow'
+import { detailById } from '@/api/Inspection/deviceRecord'
+export default {
+  extends: BaseOpera,
+  components: { GlobalWindow },
+  data() {
+    return {
+      // 琛ㄥ崟鏁版嵁
+      info: {},
+    }
+  },
+  created() {
+
+  },
+  methods: {
+    getDetail(id) {
+      detailById(id).then(res => {
+        this.info = res
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.model_wrap {
+  padding-top: 20px;
+  .title {
+    font-size: 18px;
+    font-weight: 600;
+    margin-bottom: 16px;
+  }
+
+  .list {
+    display: flex;
+    flex-wrap: wrap;
+
+    .item {
+      width: 33.33%;
+      margin-bottom: 8px;
+
+      .la {
+        color: #7f7f7f
+      }
+    }
+    .max{
+      width: 100%;
+    }
+  }
+}
+</style>
\ No newline at end of file

--
Gitblit v1.9.3