新增固件升级页面

jsowell-ui/src/views/pile/basic/components/remoteUpgrade.vue

@@ -0,0 +1,114 @@
+<template>
+  <div style="margin-top:10px">
+    <el-button type="primary" icon="el-icon-s-tools" round @click="dialogTableVisible = true">测试远程固件升级</el-button>
+    <el-dialog title="配件升级" :visible.sync="dialogTableVisible">
+      <el-table
+        :data="tableData"
+        border
+        stripe
+        ref="tableData"
+        @row-click="singleElection">
+        <el-table-column label="" width="65">
+            <template slot-scope="scope">
+                <el-radio class="radio" v-model="templateSelection" :label="scope.$index">&nbsp;</el-radio>
+            </template>
+        </el-table-column>
+        <el-table-column prop="id" label="ID"></el-table-column>
+        <el-table-column prop="title" label="标题"></el-table-column>
+        <el-table-column prop="priority" label="优先级"></el-table-column>
+        <el-table-column prop="state" label="状态"></el-table-column>
+        <el-table-column prop="dealingPeople" label="处理人"></el-table-column>
+      </el-table>  
+      <div style="margin-top: 20px">
+        <el-button type="primary">提交</el-button>
+        <el-button>取消选择</el-button>
+      </div>
+    </el-dialog>  
+  </div>
+</template>
+
+<script>
+import { listFirmware } from "@/api/pile/firmware";
+export default {
+  data() {
+    return {
+      templateSelection: '',
+        templateRadio: null,
+      dialogTableVisible: false,
+       queryParams: {
+                pageNum: 1,
+                pageSize: 10,
+                name: null,
+            },
+        multipleSelection: [],
+      tableData: [
+            {
+                'id': 1,
+                'title': '嘿嘿嘿',
+                'priority': '高',
+                'state': 1,
+                'dealingPeople': '小龙女'
+                },
+            {
+                'id': 2,
+                'title': '嘻嘻嘻',
+                'priority': '中',
+                'state': 2,
+                'dealingPeople': '小龙女'
+            },
+            {
+                'id': 3,
+                'title': '哈哈哈',
+                'priority': '低',
+                'state': 3,
+                'dealingPeople': '小龙女'
+            },
+            {
+                'id': 3,
+                'title': '哈哈哈',
+                'priority': '低',
+                'state': 3,
+                'dealingPeople': '小龙女'
+            },
+            {
+                'id': 3,
+                'title': '哈哈哈',
+                'priority': '低',
+                'state': 3,
+                'dealingPeople': '小龙女'
+            },
+            {
+                'id': 3,
+                'title': '哈哈哈',
+                'priority': '低',
+                'state': 3,
+                'dealingPeople': '小龙女'
+            }
+        ]
+    };
+  },
+  methods: {
+      getList() {
+            this.loading = true;
+            listFirmware(this.queryParams).then(response => {
+              console.log('查询固件接口 firmwareList',response)
+                this.firmwareList = response.rows;
+                this.total = response.total;
+                this.loading = false;
+            });
+        },
+      singleElection (row) {
+        console.log('row',row)
+        this.templateSelection = this.tableData.indexOf(row);
+        this.templateRadio = row.id;
+      },
+  },
+  created () {
+    this.getList()
+  }
+}
+</script>
+
+<style>
+
+</style>