1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
| <template>
| <div class="app-container">
| <el-button
| size="medium"
| type="primary"
| style="margin-bottom: 10px"
| @click="handleAdd('add',{})"
| >新增</el-button>
| <el-table v-loading="loading" :data="expertList">
| <el-table-column label="平台编号" align="center" type="index"width="80" />
| <el-table-column label="平台名称" align="center" prop="name" />
| <el-table-column label="AccessKey" align="center" prop="AccessKey" />
| <el-table-column label="SecretKey" align="center" prop="SecretKey" />
| <el-table-column label="联系人" align="center" prop="people" />
| <el-table-column label="联系电话" align="center" prop="phone" />
| <el-table-column label="更新时间" align="center" prop="updateTime" />
| <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
| <template #default="scope">
| <el-button
| size="mini"
| type="text"
| icon="el-icon-view"
| @click="handleAdd('edit',scope.row)"
| >修改</el-button>
| <el-button
| size="mini"
| type="text"
| style="color: #f56c6c"
| icon="el-icon-delete"
| @click="handleDelete(scope.row)"
| v-hasPermi="['system:experts:remove']"
| >删除</el-button>
| </template>
| </el-table-column>
| </el-table>
| <pagination
| v-show="total>0"
| :total="total"
| :page.sync="queryParams.pageIndex"
| :limit.sync="queryParams.pageSize"
| @pagination="getList"
| />
| <add-dialog ref="addDialogRef" @getList = "getList"></add-dialog>
| </div>
| </template>
|
| <script>
| import addDialog from '@/views/onlineEducation/platformManage/components/addDialog.vue'
| import { delExam } from '@/api/coalMine/placeManage/exam'
| export default {
| name: "platformManage",
| components: {addDialog},
| data() {
| return {
| loading: false,
| single: true,
| multiple: true,
| showSearch: true,
| addForm: false,
| total: 0,
| expertList: [],
| queryParams: {
| pageIndex: 1,
| pageSize: 10
| },
| classiFy: [],
| form: {},
| rules: {
| classifyName: [
| { required: true, message: "分类名称不能为空", trigger: "blur" }
| ]
| }
| };
| },
| created() {
| this.getList();
|
| },
| methods: {
| getList(){
| this.loading = true;
| this.expertList = [
| {
| id: 1,
| name: '测试数据1',
| AccessKey: '12345',
| SecretKey: '12345',
| people: '张三',
| phone: '13453456456',
| updateTime: '2024-6-11 10:32:00 '
|
| },
| {
| id: 2,
| name: '测试数据3',
| AccessKey: '14564',
| SecretKey: '16665',
| people: '李四',
| phone: '13453456456',
| updateTime: '2024-6-11 10:33:00 '
|
| }
| ]
| this.total = 2
| this.loading = false;
| },
| handleDelete(val) {
| this.$confirm('删除此条信息,是否继续', '提示', {
| confirmButtonText: '确定',
| cancelButtonText: '取消',
| type: 'warning'
| }).then(() => {
| // delExam( val.siteId).then((res) => {
| // if (res.code == 200) {
| // this.$message({
| // type:'success',
| // message: '删除成功'
| // })
| // this.getList()
| // }
| // })
| })
| },
| handleAdd(type,data){
| this.$refs.addDialogRef.openDialog(type, data);
| }
| }
| };
| </script>
|
|