From a40e6a45b2207a9b172b7687ce6e4fe7da8b9ac6 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期二, 03 十二月 2024 16:46:49 +0800
Subject: [PATCH] Merge branch 'master' of http://139.186.142.91:10010/r/productDev/funingyunwei
---
admin/src/views/operation/components/deviceDetail.vue | 211 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 211 insertions(+), 0 deletions(-)
diff --git a/admin/src/views/operation/components/deviceDetail.vue b/admin/src/views/operation/components/deviceDetail.vue
new file mode 100644
index 0000000..5dad8e6
--- /dev/null
+++ b/admin/src/views/operation/components/deviceDetail.vue
@@ -0,0 +1,211 @@
+<template>
+ <GlobalWindow width="720px" title="宸ュ崟璇︽儏" :visible.sync="visible" :confirm-working="isWorking" @close="close"
+ @confirm="confirm">
+ <div class="main">
+ <div class="title">
+ <span>鍩虹淇℃伅</span>
+ </div>
+ <div class="main_content">
+ <div class="list">
+ <div class="item">
+ <div class="la">璁惧缂栫爜</div>
+ <div class="val">{{ info.code }}</div>
+ </div>
+ <div class="item">
+ <div class="la">璁惧鍚嶇О</div>
+ <div class="val">{{ info.name }}</div>
+ </div>
+ <div class="item">
+ <div class="la">璁惧鍨嬪彿</div>
+ <div class="val">{{ info.modelNo }}</div>
+ </div>
+ <div class="item">
+ <div class="la">璁惧鍒嗙被</div>
+ <div class="val">{{ info.categoryName }}</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.addr }}</div>
+ </div>
+ <div class="item">
+ <div class="la">璁惧鐘舵��</div>
+ <spa class="val" v-if="info.status == 0">姝ｅ父</spa>
+ <spa class="val" v-if="info.status == 1">鎹熷潖</spa>
+ <spa class="val" v-if="info.status == 2">鎶ュ簾</spa>
+ </div>
+ <div class="item">
+ <div class="la">渚涘簲鍟�</div>
+ <div class="val">{{ info.supplier }}</div>
+ </div>
+ <div class="item" v-if="info.content" style="width: 100%;">
+ <div class="la">杩愮淮鍐呭</div>
+ <div class="val">{{ info.content }}</div>
+ </div>
+ <div v-if="info.fileFullUrl" class="item" style="width: 100%;">
+ <div class="la">鐓х墖</div>
+ <div class="val">
+ <img class="photo" :src="info.fileFullUrl" alt="">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </GlobalWindow>
+</template>
+
+<script>
+import GlobalWindow from '@/components/common/GlobalWindow'
+import BaseOpera from '@/components/base/BaseOpera'
+import { detailById } from '@/api/Inspection/device.js'
+import { getUserList } from '@/api/system/user'
+import { Message, Loading } from 'element-ui'
+export default {
+ components: {
+ GlobalWindow
+ },
+ extends: BaseOpera,
+ data() {
+ return {
+ id: '',
+ visible: false,
+ info: {},
+
+ }
+ },
+ methods: {
+ getDetail() {
+ const { id } = this
+ detailById(id).then(res => {
+ this.info = res
+ })
+ },
+ close() {
+ this.visible = false
+ this.$emit('close')
+ }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/style/variables.scss';
+
+.main {
+ padding-top: 20px;
+
+ .title {
+ font-weight: 500;
+ font-size: 18px;
+ color: $primary-color;
+ margin-bottom: 10px;
+ display: flex;
+ align-items: center;
+
+ .status {
+ padding: 0 6px;
+ height: 22px;
+ line-height: 22px;
+ border-radius: 2px;
+ border: 1px solid #00BA92;
+ color: #00BA92;
+ font-weight: 400;
+ font-size: 12px;
+ margin-left: 10px;
+ }
+
+ .primaryColor {
+ border: 1px solid $primary-color;
+ }
+
+ .gray {
+ color: gray;
+ border: 1px solid gray;
+ }
+ }
+
+ .list {
+ display: flex;
+ flex-wrap: wrap;
+ /* background: #F7F7F7; */
+ border-radius: 2px;
+ padding: 15px 20px;
+ margin-bottom: 16px;
+ width: 100%;
+
+ .item {
+ width: 33.3%;
+ margin-bottom: 12px;
+
+ .photo {
+ width: 92px;
+ height: 92px;
+ }
+
+ .la {
+ color: #7f7f7f;
+ margin-top: 2px;
+ }
+ }
+
+ .item2 {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ }
+
+ .max {
+ width: 100%;
+ }
+ }
+
+ .main_content {
+ display: flex;
+ width: 100%;
+ }
+}
+
+.file_list {
+ display: flex;
+ flex-wrap: wrap;
+
+ .avatar-uploader {
+ width: 92px;
+ height: 92px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border: 1px dashed #d9d9d9;
+ }
+
+ .item {
+ width: 92px;
+ max-height: 92px;
+ margin-left: 10px;
+ position: relative;
+ border: 1px dashed #d9d9d9;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ .close {
+ font-size: 20px;
+ position: absolute;
+ right: -10px;
+ top: -10px;
+ z-index: 111;
+ color: red;
+ cursor: pointer;
+ }
+
+ .img {
+ width: 92px;
+ max-height: 92px;
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3