From 04a7372795385a1d76c9de8d339ac5a94d7800e4 Mon Sep 17 00:00:00 2001
From: zrj <646384940@qq.com>
Date: Thu, 29 Aug 2024 20:46:39 +0800
Subject: [PATCH] 设备管理修改
---
src/views/device/components/devicePerShare.vue | 433 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
src/views/device/airport.vue | 8 +
2 files changed, 441 insertions(+), 0 deletions(-)
diff --git a/src/views/device/airport.vue b/src/views/device/airport.vue
index d8bee81..4234c99 100644
--- a/src/views/device/airport.vue
+++ b/src/views/device/airport.vue
@@ -95,6 +95,14 @@
@click.stop="handleOpenFirmwarm(scope.row, scope.index)"
>固件管理
</el-button>
+ <!-- <el-button
+ type="primary"
+ text
+ icon="el-icon-share"
+ v-if="permission.per_share"
+ @click.stop="handleOpenFirmwarm(scope.row, scope.index)"
+ >权限分享
+ </el-button> -->
</template>
</avue-crud>
<el-dialog title="固件升级" append-to-body v-model="firmwareBox" width="455px">
diff --git a/src/views/device/components/devicePerShare.vue b/src/views/device/components/devicePerShare.vue
new file mode 100644
index 0000000..0fe4c63
--- /dev/null
+++ b/src/views/device/components/devicePerShare.vue
@@ -0,0 +1,433 @@
+<template>
+ <basic-container>
+ <avue-crud
+ :option="option"
+ :table-loading="loading"
+ :data="data"
+ v-model:page="page"
+ ref="crud"
+ @row-del="rowDel"
+ v-model="form"
+ :permission="permissionList"
+ @row-update="rowUpdate"
+ :before-open="beforeOpen"
+ @search-change="searchChange"
+ @search-reset="searchReset"
+ @selection-change="selectionChange"
+ @current-change="currentChange"
+ @size-change="sizeChange"
+ @refresh-change="refreshChange"
+ @on-load="onLoad"
+ >
+ <template #menu-left>
+ <el-button type="primary" icon="el-icon-plus" plain @click="openFirmwareUpload"
+ >固件上传
+ </el-button>
+ </template>
+ </avue-crud>
+ <el-dialog title="固件上传" append-to-body v-model="firmwareUploadBox" width="40%" height="60%">
+ <el-form
+ ref="form"
+ :model="importForm"
+ v-loading="loadingForm"
+ label-width="80px"
+ style="width: 80%; margin-left: 10%"
+ :rules="rules"
+ >
+ <el-form-item label="设备名称" prop="device_name">
+ <el-input v-model="importForm.device_name" clearable></el-input>
+ </el-form-item>
+
+ <!-- 上传 -->
+ <el-form-item label="固件文件" label-width="80px" prop="file">
+ <el-upload
+ class="upload-demo"
+ action="#"
+ ref="uploadFirmware"
+ :limit="1"
+ :auto-upload="false"
+ :multiple="false"
+ :before-upload="beforeUploadFile"
+ >
+ <i class="el-icon-upload"></i>
+ <div class="el-upload__text" style="height: 50px"><em>点击上传</em></div>
+ </el-upload>
+ </el-form-item>
+ <el-form-item label="是否可用" prop="status">
+ <el-select v-model="importForm.status" placeholder="请选择" clearable>
+ <el-option label="是" value="1"></el-option>
+ <el-option label="否" value="0"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="说明" label-width="80px" prop="release_note">
+ <el-input type="textarea" v-model="importForm.release_note" clearable></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="onConfirm">确定</el-button>
+ <el-button @click="onCancel">取消</el-button>
+ </el-form-item>
+ </el-form>
+ </el-dialog>
+ </basic-container>
+</template>
+
+<script>
+import { getDeviceFirmwareList, deleteFirmware, updateFirmware, upload } from '@/api/device/device';
+import { mapGetters } from 'vuex';
+
+export default {
+ data() {
+ return {
+ loadingForm:false,
+ file: '',
+ rules: {
+ device_name: [{ required: true, message: '请输入设备名称', trigger: 'blur' }],
+ status: [{ required: true, message: '请选择', trigger: 'change' }],
+ release_note:[{ required: true, message: '请输入版本说明', trigger: 'blur' }],
+ },
+ importForm: {},
+ firmwareUploadBox: false,
+ form: {},
+ query: {},
+ workspaceId: '',
+ deviceName: '',
+ loading: true,
+ page: {
+ pageSize: 10,
+ currentPage: 1,
+ total: 0,
+ },
+ selectionList: [],
+ option: {
+ lazy: true,
+ tree: true,
+ height: 'atuo',
+ calcHeight: 32,
+ dialogWidth: 950,
+ tip: false,
+ searchShow: true,
+ searchMenuSpan: 6,
+ border: true,
+ index: true,
+ viewBtn: true,
+ addBtn: false,
+ selection: true,
+ excelBtn: false,
+ dialogClickModal: false,
+ grid: false,
+ column: [
+ {
+ label: '设备名称',
+ prop: 'device_name',
+ editDisabled: true,
+ // search: true,
+ // searchSpan: 5,
+ labelWidth: 130,
+ addDisplay: false,
+ editDisabled: true,
+ rules: [
+ {
+ required: true,
+ message: '请输入设备型号',
+ trigger: 'blur',
+ },
+ ],
+ },
+ {
+ label: '固件文件名称',
+ prop: 'file_name',
+ labelWidth: 130,
+ search: true,
+ searchSpan: 8,
+ searchLabelWidth: 120,
+ editDisabled: true,
+ rules: [
+ {
+ required: true,
+ message: '请输入固件文件名称',
+ trigger: 'blur',
+ },
+ ],
+ },
+ {
+ label: '文件大小',
+ prop: 'file_size',
+ addDisplay: false,
+ editDisabled: true,
+ hide:true,
+ labelWidth: 130,
+ rules: [
+ {
+ required: false,
+ message: '请输入文件大小',
+ trigger: 'blur',
+ },
+ ],
+ },
+ {
+ label: '固件版本',
+ prop: 'firmware_version',
+ labelWidth: 130,
+ width: 100,
+ editDisabled: true,
+ rules: [
+ {
+ required: true,
+ message: '请输入固件版本',
+ trigger: 'blur',
+ },
+ ],
+ },
+ {
+ label: '上传时间',
+ prop: 'create_time',
+ type: 'date',
+ addDisplay: false,
+ editDisplay: false,
+ labelWidth: 130,
+ width: 160,
+ format: 'YYYY-MM-DD HH:mm:ss',
+ // valueFormat: 'YYYY-MM-DD HH:mm:ss',
+ startPlaceholder: '任务开始时间',
+ rules: [
+ {
+ required: true,
+ message: '请输入在线时间',
+ trigger: 'blur',
+ },
+ ],
+ },
+ {
+ label: '是否可用',
+ prop: 'status',
+ addDisplay: false,
+ labelWidth: 130,
+ type: 'select',
+ width: 100,
+ dicData: [
+ {
+ label: '可用',
+ value: true,
+ },
+ {
+ label: '不可用',
+ value: false,
+ },
+ ],
+ rules: [
+ {
+ required: true,
+ message: '请输入在线状态',
+ trigger: 'blur',
+ },
+ ],
+ },
+ {
+ label: '上传状态',
+ prop: 'upload_status',
+ addDisplay: false,
+ editDisplay: false,
+ labelWidth: 130,
+ type: 'select',
+ width: 100,
+ dicData: [
+ {
+ label: '上传中或者上传失败',
+ value: 1,
+ },
+ {
+ label: '上传成功',
+ value: 2,
+ },
+ ],
+ rules: [
+ {
+ required: true,
+ message: '请输入在线状态',
+ trigger: 'blur',
+ },
+ ],
+ },
+ ],
+ },
+ data: [],
+ };
+ },
+ computed: {
+ ...mapGetters(['permission']),
+ permissionList() {
+ return {
+ addBtn: this.validData(this.permission.airport_add, true),
+ viewBtn: this.validData(this.permission.airport_view, true),
+ delBtn: this.validData(this.permission.airport_delete, true),
+ editBtn: this.validData(this.permission.airport_edit, true),
+ };
+ },
+ ids() {
+ let ids = [];
+ this.selectionList.forEach(ele => {
+ ids.push(ele.id);
+ });
+ return ids.join(',');
+ },
+ },
+ methods: {
+ //自定义上传方法，使用上传组件的submit()后才会触发以获取文件实体
+ beforeUploadFile(param) {
+ this.file = param;
+ return false;
+ },
+ // 确定按钮
+ onConfirm() {
+ var that = this;
+ this.$refs.form.validate(valid => {
+ if (valid) {
+ this.$refs.uploadFirmware.submit();
+ const formDatas = new FormData();
+ formDatas.append('file', that.file);
+ formDatas.append('deviceName', that.importForm.device_name);
+ formDatas.append('releaseNote', that.importForm.release_note);
+ formDatas.append('status', that.importForm.status);
+ this.loadingForm = true;
+ // 提交
+ upload(this.workspaceId, formDatas).then(res => {
+ this.loadingForm = false;
+ this.firmwareUploadBox = false;
+ that.importForm = {}
+ this.onLoad(this.page);
+ this.$message({
+ type: 'success',
+ message: '操作成功!',
+ });
+ });
+ } else {
+ console.log('error submit!!');
+ return false;
+ }
+ });
+ },
+ onCancel(){
+ this.firmwareUploadBox = false;
+ this.file = ''
+ },
+ //打卡固件上传页面
+ openFirmwareUpload() {
+ this.firmwareUploadBox = true;
+ this.importForm['device_name'] = this.deviceName;
+ },
+ // 初始化数据
+ init(data) {
+ this.workspaceId = data.workspace_id;
+ // this.workspaceId = '4a574d68-4ad3-48f7-9f16-3edbcd8056e1';
+ this.deviceName = data.device_name;
+ this.onLoad(this.page);
+ },
+ rowUpdate(row, index, done, loading) {
+ updateFirmware(row).then(
+ () => {
+ this.onLoad(this.page);
+ this.$message({
+ type: 'success',
+ message: '操作成功!',
+ });
+ done();
+ },
+ error => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ },
+ rowDel(row) {
+ this.$confirm('确定将选择数据删除?', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then(() => {
+ return deleteFirmware(row.id);
+ })
+ .then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: 'success',
+ message: '操作成功!',
+ });
+ });
+ },
+ searchReset() {
+ this.query = {};
+ this.onLoad(this.page);
+ },
+ searchChange(params, done) {
+ this.query = params;
+ this.page.currentPage = 1;
+ this.onLoad(this.page, params);
+ done();
+ },
+ selectionChange(list) {
+ this.selectionList = list;
+ },
+ selectionClear() {
+ this.selectionList = [];
+ this.$refs.crud.toggleSelection();
+ },
+ handleDelete() {
+ if (this.selectionList.length === 0) {
+ this.$message.warning('请选择至少一条数据');
+ return;
+ }
+ this.$confirm('确定将选择数据删除?', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning',
+ })
+ .then(() => {
+ return remove(this.ids);
+ })
+ .then(() => {
+ this.onLoad(this.page);
+ this.$message({
+ type: 'success',
+ message: '操作成功!',
+ });
+ this.$refs.crud.toggleSelection();
+ });
+ },
+ beforeOpen(done, type) {
+ done();
+ },
+ currentChange(currentPage) {
+ this.page.currentPage = currentPage;
+ },
+ sizeChange(pageSize) {
+ this.page.pageSize = pageSize;
+ },
+ refreshChange() {
+ this.onLoad(this.page, this.query);
+ },
+ onLoad(page, params = {}) {
+ params['device_name'] = this.deviceName;
+ this.loading = true;
+ getDeviceFirmwareList(page.currentPage, page.pageSize, params).then(res => {
+ const data = res.data.data;
+ this.page.total = data.total;
+ this.data = data.records;
+ this.loading = false;
+ this.selectionClear();
+ });
+ },
+ },
+};
+</script>
+
+<style>
+.firmware_status {
+ background-color: aqua;
+ border-radius: 4px;
+}
+.firmware_status:hover {
+ cursor: pointer;
+ /* color: aqua; */
+}
+</style>
--
Gitblit v1.9.3