设备管理

src/views/dashboard/HomeThemeGallery.vue

@@ -2,7 +2,7 @@
   <div class="theme">
     <!-- 右上角btn -->
     <div class="home_publish_btn">
-      <el-button round @click="publishHandle(0)">即时发布</el-button>
+      <el-button round class="el_button_red" @click="publishHandle(0)">即时发布</el-button>
       <el-button round type="primary" @click="publishHandle(1)">定时发布</el-button>
       <el-button round class="publish_muilt_btn" @click="multiSelectBtn">{{ mulitText }}</el-button>
     </div>

src/views/device/deviceConfig.vue

@@ -178,6 +178,42 @@
           </div>
           <div class="setting_item">
             <h4>启动画面</h4>
+            <div class="setting_cont upload_img">
+              <el-form-item prop="file">
+                <el-upload action="#" list-type="picture-card" :auto-upload="false">
+                  <!-- <i slot="default" class="el-icon-plus"></i> -->
+                  <img src="@/assets/images/t-sc.png" alt />
+                  <div slot="file" slot-scope="{file}">
+                    <img class="el-upload-list__item-thumbnail" :src="file.url" alt />
+                    <!-- <span class="el-upload-list__item-actions">
+                  <span
+                    class="el-upload-list__item-preview"
+                    @click="handlePictureCardPreview(file)"
+                  >
+                    <i class="el-icon-zoom-in"></i>
+                  </span>
+                  <span
+                    v-if="!disabled"
+                    class="el-upload-list__item-delete"
+                    @click="handleDownload(file)"
+                  >
+                    <i class="el-icon-download"></i>
+                  </span>
+                  <span
+                    v-if="!disabled"
+                    class="el-upload-list__item-delete"
+                    @click="handleRemove(file)"
+                  >
+                    <i class="el-icon-delete"></i>
+                  </span>
+                </span>-->
+                  </div>
+                </el-upload>
+              <!-- <el-dialog :visible.sync="dialogVisible">
+                <img width="100%" :src="dialogImageUrl" alt />
+              </el-dialog>-->
+              </el-form-item>
+            </div>
           </div>
         </el-form>
         <div slot="footer" class="dialog-footer">
@@ -324,6 +360,9 @@ export default {
         }
       }
     }
+    .upload_img{
+      padding-left: 82px;
+    }
   }
 }
 

src/views/device/index.vue

@@ -78,7 +78,7 @@
                 class="edit_btn"
                 @click="editFormData(scope.$index, scope.row)"
               >编辑</el-button>
-              <el-button type="danger" class="record_btn">记录</el-button>
+              <el-button type="danger" class="record_btn" @click="recordData(scope.$index, scope.row)">记录</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -164,6 +164,25 @@
         </div>
       </el-dialog>
     </div>
+
+    <!-- 记录 -->
+    <el-dialog
+      append-to-body
+      :close-on-click-modal="false"
+      :visible.sync="recordVisible"
+      title="记录"
+      class="record_layer"
+      width="750px"
+    >
+      <el-table :data="recordData">
+        <el-table-column property="name" label="操作人" />
+        <el-table-column property="permissionType" label="角色权限" />
+        <el-table-column property="account" label="登录账号" />
+        <el-table-column property="type" label="操作类型" />
+        <el-table-column property="date" label="操作时间" />
+      </el-table>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -193,6 +212,7 @@ export default {
       dialogTitle: '',
       addFromVisible: false,
       contentVisible: false,
+      recordVisible: false,
       tableData: [
         {
           id: 'XXXXXXXXX',
@@ -222,6 +242,9 @@ export default {
       this.form.account = row.account
       this.form.name = row.name
     },
+    recordData(index, row) {
+      this.recordVisible = true
+    },
     // 查看
     handleClick(row) {
       console.log(row)