feat(设备详情): 添加物联数据更新功能并优化样式

src/views/ledgerAssets/components/details/internet.vue

@@ -4,16 +4,17 @@
     <div class="basic-details" id="internet">
       <div class="basic-details-title">
         <span class="border-span">物联数据</span>
+        <el-button type="primary" @click="updateInfo">更新</el-button>
       </div>
     </div>
-    <div>{{ name }}</div>
+    <div class="basic-details-name">{{ name }}</div>
     <!-- 挤压机 65 -->
     <!-- <InternetExtruder :info="info" v-if="parentClassId == '65'" /> -->
     <!-- 干燥箱 57 -->
     <!-- <InternetDryingBox :info="info" v-else-if="parentClassId == '57'" /> -->
     <!-- 其他设备 -->
     <!-- <InternetOther v-else :id="id"></InternetOther> -->
-     <internetDetail :info="info" :id="id"></internetDetail>
+     <internetDetail ref="internetDetailRef" :info="info" :id="id"></internetDetail>
   </div>
 </template>
 
@@ -24,7 +25,7 @@
   import internetDetail from './components/internetDetail.vue';
   import { getDetail } from '@/api/ledgerAssets/equipment';
   export default {
-    props: ['id'],
+    props: ['id', 'name'],
     components: { InternetExtruder, InternetDryingBox, InternetOther, internetDetail },
 
     data() {
@@ -33,7 +34,7 @@
         // 设备信息
         info: '',
         // 设备名称
-        name: '',
+        // name: '',
         // 父类id
         parentClassId: '65'
       };
@@ -57,6 +58,10 @@
       setParentClassId(val) {
         let data = JSON.parse(val);
         return data[1];
+      },
+      // 更新信息
+      updateInfo() {
+        this.$refs.internetDetailRef.getRealData();
       }
     }
   };
@@ -66,6 +71,17 @@
     background: #fff;
     padding: 20px;
   }
+  .basic-details-title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  .basic-details-name {
+    font-size: 14px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    margin-left: 5px;
+  }
   .wrapper {
     background: #fff;
     padding: 20px;