mirror of
https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git
synced 2026-05-08 03:50:13 +08:00
新增固件升级页面
This commit is contained in:
114
jsowell-ui/src/views/pile/basic/components/remoteUpgrade.vue
Normal file
114
jsowell-ui/src/views/pile/basic/components/remoteUpgrade.vue
Normal file
@@ -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"> </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>
|
||||
@@ -212,19 +212,18 @@
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
|
||||
<!-- 右侧配置管理页面目前不管 -->
|
||||
<el-tab-pane label="配置管理" name="second">
|
||||
<el-button type="primary" icon="el-icon-s-tools" round @click="updateFirmware('/update.bin')">远程升级</el-button>
|
||||
|
||||
<el-button type="primary" icon="el-icon-s-tools" round @click="updateFirmware('/update2.bin')">远程升级2</el-button>
|
||||
<remoteUpgrade></remoteUpgrade>
|
||||
</el-tab-pane>
|
||||
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import remoteUpgrade from './components/remoteUpgrade.vue';
|
||||
import {
|
||||
getPileDetailById,
|
||||
getPileFeedList,
|
||||
@@ -236,7 +235,7 @@ import VueQr from "vue-qr";
|
||||
import {updateFirmware} from "@/api/pile/pileRemote";
|
||||
|
||||
export default {
|
||||
components: { VueQr },
|
||||
components: { VueQr ,remoteUpgrade},
|
||||
name: "pile-detail",
|
||||
dicts: ["connector_status", "connector_type", "sim_supplier", "sim_operator"],
|
||||
data() {
|
||||
@@ -370,22 +369,6 @@ export default {
|
||||
this.total = response.data.total;
|
||||
this.feedListLoading = false;
|
||||
});
|
||||
// this.feedList = [
|
||||
// {
|
||||
// time: '2016-05-02',
|
||||
// description: '设备上线'
|
||||
// },
|
||||
// {
|
||||
// time: '2016-05-01',
|
||||
// description: '设备离线'
|
||||
// },
|
||||
// {
|
||||
// time: '2016-05-01',
|
||||
// description: '设备离线'
|
||||
// }
|
||||
// ];
|
||||
// this.total = 3;
|
||||
// this.loading = false;
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
|
||||
Reference in New Issue
Block a user