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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
| <template>
| <div class="main_app">
| <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear">
| </QueryForm>
| <div class="pt16 mb10">
| <el-button type="primary" @click="batchStatus(0)" v-permissions="['business:platformjob:update']">批量启用</el-button>
| <el-button @click="batchStatus(1)" v-permissions="['business:platformjob:update']">批量禁用</el-button>
| </div>
| <el-table @selection-change="handleSelectionChange" class="mb20" v-loading="loading" :data="list" stripe>
| <el-table-column align="center" type="selection" width="55">
| </el-table-column>
| <el-table-column prop="titile" label="消息标题" min-width="160" show-overflow-tooltip />
| <el-table-column prop="objCode" label="消息编码" min-width="150" show-overflow-tooltip />
| <el-table-column prop="tempId" label="模板ID" min-width="300" show-overflow-tooltip />
| <el-table-column label="状态" width="120" align="center" fixed="right">
| <template v-slot="scope">
| <el-switch v-permissions="['business:platformjob:update']" v-model="scope.row.status"
| @change="changeStatus(scope.row)" :active-value="0" :inactive-value="1">
| </el-switch>
| </template>
| </el-table-column>
| </el-table>
| <Pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" />
| </div>
| </template>
|
| <script>
| import Pagination from '@/components/common/Pagination'
| import QueryForm from '@/components/common/QueryForm'
| import { getH5List, H5StatusUpdate, H5StatussUpdate } from '@/api/system/sms'
|
| import GlobalWindow from '@/components/common/GlobalWindow'
| import { Message } from 'element-ui'
| import dayjs from 'dayjs'
| export default {
| components: {
| Pagination,
| QueryForm,
| GlobalWindow,
| },
| data() {
| return {
| ids: [],
| isShowDetail: false,
| exLoading: false,
| loading: false,
| pagination: {
| pageSize: 10,
| page: 1,
| total: 0
| },
| filters: {},
| list: [],
| queryFormConfig: {
| formItems: [
| {
| filed: 'titile',
| type: 'input',
| label: '消息标题'
| },
| {
| filed: 'status',
| type: 'select',
| label: '启用状态',
| options: [
| { value: 0, label: '启用' },
| { value: 1, label: '禁用' },
| ]
| },
| {
| filed: 'objCode',
| type: 'input',
| label: '消息编码'
| }
| ],
| online: true
| },
| }
| },
| created() {
| this.getList()
| },
| methods: {
| handleSelectionChange(val) {
| this.ids = val.map(i => i.id)
| console.log('ids', this.ids)
| },
| batchStatus(status) {
| const { ids } = this
| if (ids.length == 0) return Message.error('请先选择要更改的短信通知')
| this.$confirm(`确定${status == 0 ? '启用' : '禁用'}选中的所有短信通知吗?`, '提示', {
| confirmButtonText: '确定',
| cancelButtonText: '取消',
| type: 'warning'
| }).then(() => {
| H5StatussUpdate({
| ids: ids.join(','),
| status
| }).then(res => {
| Message.success('批量更新成功')
| this.getList()
| }, () => {
| this.getList()
| })
| })
|
| },
| changeStatus(row) {
| console.log('row', row)
| H5StatusUpdate({
| ...row
| }).then(res => {
| Message.success('状态更新成功')
| }, () => {
| this.getList()
| })
| },
| getList(page) {
| const { pagination, filters } = this
| this.loading = true
| getH5List({
| model: {
| ...filters,
| },
| capacity: pagination.pageSize,
| page: page || pagination.page,
| }).then(res => {
| this.loading = false
| this.list = res.records || []
| this.list.forEach(item => {
| item.inTypeTemp = item.inType == 0 ? '整托盘' : '件烟'
| item.taskOrigin = 'WMS获取'
| })
| this.pagination.total = res.total || 0
| }, () => {
| this.loading = false
| })
| },
|
|
| clear() {
| this.pagination.page = 1
| this.filters = {}
| this.getList()
| },
| handleSizeChange(capacity) {
| this.pagination.pageSize = capacity
| this.getList()
| }
| }
| }
| </script>
| <style lang="scss" scoped>
| .param_title {
| font-size: 18px;
| font-weight: 600;
| color: #000000;
| margin-bottom: 15px;
| }
| </style>
|
|
