cloud-web-corejs 1.0.54-dev.134 → 1.0.54-dev.136

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,190 @@
1
+ <template>
2
+ <div id="containt">
3
+ <el-tabs v-model="activeName" class="tab-box">
4
+ <el-tab-pane :label="$t1('常规')" name="first">
5
+ <editView v-if="showEdit" visible-key="showEdit" :_dataId.sync="dataId" :parent-target="_self"
6
+ @reload="$reloadHandle"></editView>
7
+ </el-tab-pane>
8
+ <el-tab-pane :label="$t1('列表')" name="second">
9
+ <div class="grid-height">
10
+ <vxe-grid ref="table-m1" v-bind="vxeOption" @resizable-change="$vxeTableUtil.onColumnWitchChange"
11
+ @custom="$vxeTableUtil.customHandle">
12
+ <template #form>
13
+ <div class="clearfix screen-btns">
14
+ <div class="fl">
15
+ <vxe-button status="primary" class="button-sty" icon="el-icon-plus" @click="openEditDialog">
16
+ {{ $t1('新增') }}
17
+ </vxe-button>
18
+ <base-table-export :option="{ title: $t1('邮件模板导出'), targetRef: 'table-m1'}"
19
+ :parent-target="_self"/>
20
+ </div>
21
+ <div class="fr">
22
+ <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
23
+ plain>{{ $t1('重置') }}
24
+ </vxe-button>
25
+ <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">
26
+ {{ $t1('搜索') }}
27
+ </vxe-button>
28
+ </div>
29
+ </div>
30
+ <vxe-form ref="form" class="screen-box" title-width="92px" title-align="right" :data="formData"
31
+ @submit="searchEvent" @reset="searchEvent">
32
+ <vxe-form-item :title="$t1('邮件模板编码')+':'" field="ntCode">
33
+ <template v-slot>
34
+ <el-input v-model="formData.notifyType" size="small" clearable/>
35
+ </template>
36
+ </vxe-form-item>
37
+ <vxe-form-item :title="$t1('主题')+':'" field="ntName">
38
+ <template v-slot>
39
+ <el-input v-model="formData.ntName" size="small" clearable/>
40
+ </template>
41
+ </vxe-form-item>
42
+ <vxe-form-item :title="$t1('是否启用')+':'">
43
+ <template v-slot>
44
+ <el-select v-model="formData.enabled" clearable>
45
+ <el-option :value="true" :label="$t1('启用')"></el-option>
46
+ <el-option :value="false" :label="$t1('禁用')"></el-option>
47
+ </el-select>
48
+ </template>
49
+ </vxe-form-item>
50
+ </vxe-form>
51
+ </template>
52
+ </vxe-grid>
53
+ </div>
54
+ </el-tab-pane>
55
+ </el-tabs>
56
+ </div>
57
+ </template>
58
+
59
+ <script>
60
+ import editView from './edit2.vue';
61
+
62
+ export default {
63
+ name: 'notify_template:list2',
64
+ components: {editView},
65
+ data() {
66
+ return {
67
+ activeName: 'second',
68
+ dataId: 0,
69
+ showEdit: false,
70
+ vxeOption: {},
71
+ formData: {}
72
+ };
73
+ },
74
+ mounted() {
75
+ this.initTableList();
76
+ },
77
+ methods: {
78
+ searchEvent() {
79
+ this.$refs['table-m1'].commitProxy('reload');
80
+ },
81
+ resetEvent() {
82
+ this.formData = {};
83
+ this.$refs['table-m1'].commitProxy('reload');
84
+ },
85
+ openEditDialog(id) {
86
+ this.dataId = !id || typeof id == 'object' ? 0 : id;
87
+ this.activeName = 'first';
88
+ this.$openEditView('showEdit');
89
+ },
90
+ initTableList() {
91
+ let that = this;
92
+ let tableOption = {
93
+ vue: this,
94
+ tableRef: 'table-m1',
95
+ tableName: 'basic_notifyTemplate_list-m2',
96
+ path: USER_PREFIX + '/notify_template/listPage',
97
+ param: () => {
98
+ return {
99
+ ...this.formData,
100
+ ntType: 1
101
+ };
102
+ },
103
+ columns: [
104
+ {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
105
+ {
106
+ title: this.$t1('邮件模板编码'),
107
+ field: 'notifyType',
108
+ width: 250,
109
+ fixed: 'left'
110
+ },
111
+ {
112
+ title: this.$t1('主题'),
113
+ field: 'ntName',
114
+ width: 150
115
+ },
116
+ {
117
+ title: this.$t1('是否启用'),
118
+ field: 'enabled',
119
+ width: 150,
120
+ slots: {
121
+ default: ({row}) => {
122
+ if (row.enabled) {
123
+ return [
124
+ <div class="txt-status">
125
+ <span>{this.$t1('启用')}</span>
126
+ </div>
127
+ ];
128
+ } else {
129
+ return [
130
+ <div class="txt-status disable">
131
+ <span>{this.$t1('禁用')}</span>
132
+ </div>
133
+ ];
134
+ }
135
+ }
136
+ }
137
+ },
138
+ {title: this.$t1('备注'), field: 'remark', width: 150},
139
+ {
140
+ title: this.$t1('创建时间'),
141
+ field: 'createDate',
142
+ width: 150
143
+ },
144
+ {
145
+ width: 47,
146
+ fixed: 'right',
147
+ title: '',
148
+ sortable: false,
149
+ slots: {
150
+ default: ({row}) => {
151
+ return [
152
+ <div>
153
+ <a
154
+ href="javascript:void(0);"
155
+ class="a-link"
156
+ onclick={() => {
157
+ this.openEditDialog(row.id);
158
+ }}
159
+ >
160
+ <el-tooltip enterable={false} effect="dark" content={this.$t1('查看')} placement="top"
161
+ popper-class="tooltip-skin">
162
+ <i class="el-icon-edit"/>
163
+ </el-tooltip>
164
+ </a>
165
+ </div>
166
+ ];
167
+ }
168
+ }
169
+ }
170
+ ]
171
+ };
172
+ this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
173
+ this.vxeOption = opts;
174
+ });
175
+ },
176
+ importExcel() {
177
+ let that = this;
178
+ that.$excelImport({
179
+ prefix: USER_PREFIX,
180
+ excel: USER_PREFIX + '/excelTemplate/notify_template/notifyTemplate.xlsx',
181
+ multi: false,
182
+ saveUrl: USER_PREFIX + '/notify_template/save',
183
+ callback: () => {
184
+ that.searchEvent();
185
+ }
186
+ });
187
+ }
188
+ }
189
+ };
190
+ </script>