eoss-ui 0.7.90 → 0.7.91
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.
- package/lib/button-group.js +16 -0
- package/lib/button.js +18 -2
- package/lib/calogin.js +16 -0
- package/lib/checkbox-group.js +16 -0
- package/lib/data-table-form.js +16 -0
- package/lib/data-table.js +24 -8
- package/lib/date-picker.js +16 -0
- package/lib/dialog.js +27 -6
- package/lib/eoss-ui.common.js +759 -744
- package/lib/flow-group.js +30 -15
- package/lib/flow-list.js +112 -96
- package/lib/flow.js +178 -162
- package/lib/form.js +16 -0
- package/lib/handle-user.js +19 -3
- package/lib/handler.js +26 -10
- package/lib/icon.js +16 -0
- package/lib/index.js +1 -1
- package/lib/input-number.js +16 -0
- package/lib/input.js +16 -0
- package/lib/login.js +16 -0
- package/lib/main.js +397 -386
- package/lib/nav.js +16 -0
- package/lib/page.js +16 -0
- package/lib/pagination.js +19 -3
- package/lib/player.js +16 -0
- package/lib/qr-code.js +16 -0
- package/lib/radio-group.js +16 -0
- package/lib/retrial-auth.js +22 -6
- package/lib/select-ganged.js +16 -0
- package/lib/select.js +16 -0
- package/lib/selector-panel.js +16 -0
- package/lib/selector.js +16 -0
- package/lib/sizer.js +16 -0
- package/lib/steps.js +16 -0
- package/lib/switch.js +16 -0
- package/lib/table-form.js +16 -0
- package/lib/tabs.js +16 -0
- package/lib/theme-chalk/index.css +1 -1
- package/lib/theme-chalk/login.css +1 -1
- package/lib/tips.js +16 -0
- package/lib/tree-group.js +19 -3
- package/lib/tree.js +16 -0
- package/lib/upload.js +16 -0
- package/lib/utils/util.js +16 -0
- package/lib/wujie.js +16 -0
- package/lib/wxlogin.js +16 -0
- package/package.json +1 -1
- package/packages/.DS_Store +0 -0
- package/packages/button/src/main.vue +2 -2
- package/packages/button-group/src/main.vue +346 -346
- package/packages/calogin/.DS_Store +0 -0
- package/packages/calogin/src/main.vue +412 -412
- package/packages/clients/src/main.vue +151 -151
- package/packages/data-table/src/main.vue +4 -3
- package/packages/date-picker/.DS_Store +0 -0
- package/packages/date-picker/src/.DS_Store +0 -0
- package/packages/dialog/.DS_Store +0 -0
- package/packages/dialog/src/main.vue +11 -4
- package/packages/flow/.DS_Store +0 -0
- package/packages/flow/src/.DS_Store +0 -0
- package/packages/flow/src/component/Circulate.vue +417 -417
- package/packages/flow/src/component/CommonOpinions.vue +376 -376
- package/packages/flow/src/component/CustomPreset.vue +324 -324
- package/packages/flow/src/component/FileList.vue +97 -97
- package/packages/flow/src/component/FreeCirculation.vue +244 -244
- package/packages/flow/src/component/Preset.vue +257 -257
- package/packages/flow/src/component/SendMsg.vue +242 -242
- package/packages/flow/src/component/SortFlow.vue +110 -110
- package/packages/flow/src/component/taskUnionExamine.vue +761 -761
- package/packages/flow/src/form.vue +123 -123
- package/packages/flow/src/freeStartFlow.vue +2855 -2855
- package/packages/flow/src/processForm.vue +1680 -1680
- package/packages/flow/src/processReject.vue +309 -309
- package/packages/flow/src/reset.vue +946 -946
- package/packages/flow/src/startTaskRead.vue +695 -695
- package/packages/flow/src/supervise.vue +159 -159
- package/packages/flow/src/table.vue +58 -58
- package/packages/flow-group/src/main.vue +728 -727
- package/packages/flow-list/.DS_Store +0 -0
- package/packages/flow-list/src/main.vue +2337 -2337
- package/packages/form/.DS_Store +0 -0
- package/packages/form/src/main.vue +3901 -3901
- package/packages/form/src/table.vue +1512 -1512
- package/packages/handle-user/src/main.vue +137 -137
- package/packages/handler/src/main.vue +10 -8
- package/packages/icon/.DS_Store +0 -0
- package/packages/icon/src/main.vue +104 -104
- package/packages/login/.DS_Store +0 -0
- package/packages/login/src/main.vue +2087 -2087
- package/packages/login/src/resetPassword.vue +557 -557
- package/packages/main/.DS_Store +0 -0
- package/packages/main/src/.DS_Store +0 -0
- package/packages/main/src/default/userinfo.vue +505 -503
- package/packages/main/src/main.vue +10 -15
- package/packages/main/src/public/online.vue +89 -89
- package/packages/main/src/public/search.vue +464 -464
- package/packages/main/src/public/settings.vue +273 -273
- package/packages/main/src/simplicity/apps.vue +388 -388
- package/packages/main/src/simplicity/avatar.vue +82 -82
- package/packages/main/src/simplicity/handler.vue +158 -158
- package/packages/main/src/simplicity/index.vue +2330 -2328
- package/packages/main/src/simplicity/menu-list.vue +135 -135
- package/packages/main/src/simplicity/message.vue +293 -293
- package/packages/main/src/simplicity/notice.vue +222 -222
- package/packages/main/src/simplicity/sub-menu.vue +276 -276
- package/packages/main/src/simplicity/user.vue +259 -259
- package/packages/main/src/simplicity/userinfo.vue +403 -401
- package/packages/main/src/simplicityTop/apps.vue +388 -388
- package/packages/main/src/simplicityTop/avatar.vue +82 -82
- package/packages/main/src/simplicityTop/handler.vue +215 -215
- package/packages/main/src/simplicityTop/index.vue +2620 -2618
- package/packages/main/src/simplicityTop/lists.vue +84 -84
- package/packages/main/src/simplicityTop/menu-list.vue +135 -135
- package/packages/main/src/simplicityTop/message.vue +293 -293
- package/packages/main/src/simplicityTop/notice.vue +222 -222
- package/packages/main/src/simplicityTop/router-page.vue +45 -45
- package/packages/main/src/simplicityTop/sub-menu.vue +274 -274
- package/packages/main/src/simplicityTop/user.vue +259 -259
- package/packages/main/src/simplicityTop/userinfo.vue +403 -401
- package/packages/menu/.DS_Store +0 -0
- package/packages/menu/src/main.vue +595 -595
- package/packages/nav/src/main.vue +351 -351
- package/packages/pagination/src/main.vue +1 -1
- package/packages/retrial-auth/src/main.vue +4 -4
- package/packages/select/.DS_Store +0 -0
- package/packages/selector/.DS_Store +0 -0
- package/packages/selector/src/main.vue +761 -761
- package/packages/selector-panel/.DS_Store +0 -0
- package/packages/selector-panel/src/main.vue +1036 -1036
- package/packages/selector-panel/src/selection.vue +174 -174
- package/packages/switch/src/main.vue +170 -170
- package/packages/theme-chalk/lib/index.css +1 -1
- package/packages/theme-chalk/lib/login.css +1 -1
- package/packages/theme-chalk/src/.DS_Store +0 -0
- package/packages/theme-chalk/src/data-table.scss +297 -297
- package/packages/theme-chalk/src/flow-list.scss +55 -55
- package/packages/theme-chalk/src/flow.scss +373 -373
- package/packages/theme-chalk/src/form.scss +501 -501
- package/packages/theme-chalk/src/handler.scss +148 -148
- package/packages/theme-chalk/src/icon.scss +3452 -3452
- package/packages/theme-chalk/src/login.scss +1006 -1006
- package/packages/theme-chalk/src/main.scss +664 -664
- package/packages/theme-chalk/src/menu.scss +224 -224
- package/packages/theme-chalk/src/selector.scss +114 -114
- package/packages/theme-chalk/src/simplicity-top.scss +1845 -1845
- package/packages/theme-chalk/src/simplicity.scss +1403 -1403
- package/packages/theme-chalk/src/tree.scss +165 -165
- package/packages/theme-chalk/src/upload.scss +172 -172
- package/packages/tips/src/main.vue +141 -141
- package/packages/toolbar/src/main.vue +430 -430
- package/packages/tree-group/src/main.vue +2 -1
- package/packages/upload/.DS_Store +0 -0
- package/packages/upload/src/main.vue +1344 -1344
- package/packages/wujie/src/main.vue +146 -146
- package/src/.DS_Store +0 -0
- package/src/config/api.js +348 -348
- package/src/index.js +163 -163
- package/src/utils/.DS_Store +0 -0
- package/src/utils/rules.js +18 -18
- package/src/utils/util.js +16 -0
|
@@ -1,159 +1,159 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="supervise-flow">
|
|
3
|
-
<el-form
|
|
4
|
-
ref="nextNode"
|
|
5
|
-
:model="nextNode"
|
|
6
|
-
class="demo-dynamic"
|
|
7
|
-
label-width="120px"
|
|
8
|
-
label-position="left"
|
|
9
|
-
>
|
|
10
|
-
<el-form-item prop="pendTitle" label="标题">
|
|
11
|
-
<el-input
|
|
12
|
-
v-model="nextNode.pendTitle"
|
|
13
|
-
disabled
|
|
14
|
-
type="textarea"
|
|
15
|
-
autosize
|
|
16
|
-
/>
|
|
17
|
-
</el-form-item>
|
|
18
|
-
<el-form-item prop="currentHandleNode" label="当前办理节点">
|
|
19
|
-
<el-input v-model="nextNode.currentHandleNode" disabled />
|
|
20
|
-
</el-form-item>
|
|
21
|
-
<el-form-item prop="pendingUserNames" label="当前办理人">
|
|
22
|
-
<el-input
|
|
23
|
-
type="textarea"
|
|
24
|
-
autosize
|
|
25
|
-
v-model="nextNode.pendingUserNames"
|
|
26
|
-
disabled
|
|
27
|
-
/>
|
|
28
|
-
</el-form-item>
|
|
29
|
-
<el-form-item v-show="nextNode.notificationType.length > 0" prop="noticeType" label="通知方式">
|
|
30
|
-
<el-checkbox-group v-model="nextNode.noticeType">
|
|
31
|
-
<el-checkbox
|
|
32
|
-
v-for="(item, index) of nextNode.notificationType"
|
|
33
|
-
:key="index"
|
|
34
|
-
:label="item.cciValue"
|
|
35
|
-
>
|
|
36
|
-
{{ item.shortName }}
|
|
37
|
-
</el-checkbox>
|
|
38
|
-
</el-checkbox-group>
|
|
39
|
-
</el-form-item>
|
|
40
|
-
<!-- v-show="nextNode.noticeType.length != 0" -->
|
|
41
|
-
<el-form-item v-show="nextNode.noticeType.length != 0" prop="notifyMessage" label="通知消息">
|
|
42
|
-
<es-input
|
|
43
|
-
style="
|
|
44
|
-
border-color: #ccc;
|
|
45
|
-
padding: 5px;
|
|
46
|
-
border-radius: 5px;
|
|
47
|
-
font-size: 13px;
|
|
48
|
-
"
|
|
49
|
-
type="textarea"
|
|
50
|
-
v-model="nextNode.notifyMessage"
|
|
51
|
-
/>
|
|
52
|
-
</el-form-item>
|
|
53
|
-
<el-form-item style="margin-bottom: 0px">
|
|
54
|
-
<div style="text-align: right">
|
|
55
|
-
<el-button type="primary" @click="subProcess()">
|
|
56
|
-
确认
|
|
57
|
-
</el-button>
|
|
58
|
-
</div>
|
|
59
|
-
</el-form-item>
|
|
60
|
-
</el-form>
|
|
61
|
-
</div>
|
|
62
|
-
</template>
|
|
63
|
-
|
|
64
|
-
<script>
|
|
65
|
-
import { toTaskSupervise, toTaskSuperviseSub } from 'eoss-ui/src/config/api';
|
|
66
|
-
import util from 'eoss-ui/src/utils/util';
|
|
67
|
-
export default {
|
|
68
|
-
name: 'supervise',
|
|
69
|
-
props: {
|
|
70
|
-
businessId: {
|
|
71
|
-
type: String,
|
|
72
|
-
default: ''
|
|
73
|
-
},
|
|
74
|
-
appId: { type: String, default: '' }
|
|
75
|
-
},
|
|
76
|
-
data() {
|
|
77
|
-
return {
|
|
78
|
-
nextNode: {
|
|
79
|
-
noticeType: [],
|
|
80
|
-
notificationType: [],
|
|
81
|
-
loading: undefined
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
},
|
|
85
|
-
mounted() {
|
|
86
|
-
this.getFlowInfo();
|
|
87
|
-
},
|
|
88
|
-
methods: {
|
|
89
|
-
subProcess() {
|
|
90
|
-
if (this.nextNode.noticeType.length == 0) {
|
|
91
|
-
this.$message.warning('请选择通知方式');
|
|
92
|
-
return;
|
|
93
|
-
}
|
|
94
|
-
if (this.nextNode.noticeType.length != 0 && !this.nextNode.notifyMessage) {
|
|
95
|
-
this.$message.warning('请填写通知消息内容');
|
|
96
|
-
return;
|
|
97
|
-
}
|
|
98
|
-
let { noticeType, notifyMessage, pendingUserIds } = this.nextNode;
|
|
99
|
-
let params = {
|
|
100
|
-
url: toTaskSuperviseSub,
|
|
101
|
-
params: {
|
|
102
|
-
userId: util.getStorage('userId'),
|
|
103
|
-
urgeUserIds: pendingUserIds,
|
|
104
|
-
notificationType: noticeType.join(','),
|
|
105
|
-
notificationMessage: notifyMessage,
|
|
106
|
-
businessId: this.businessId,
|
|
107
|
-
appId: this.appId
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
this.loading = util.loading(this.$loading, '提交中...');
|
|
111
|
-
util.ajax(params).then((res) => {
|
|
112
|
-
this.loading.close();
|
|
113
|
-
if (res.rCode == 0 || res.status == 'success') {
|
|
114
|
-
this.$message.success('操作成功');
|
|
115
|
-
this.$parent.$emit('success');
|
|
116
|
-
} else {
|
|
117
|
-
this.$message.error(res.message || '系统错误,请联系管理员!');
|
|
118
|
-
}
|
|
119
|
-
});
|
|
120
|
-
},
|
|
121
|
-
|
|
122
|
-
getFlowInfo() {
|
|
123
|
-
this.loading = util.loading(this.$loading, '加载中...');
|
|
124
|
-
util
|
|
125
|
-
.ajax({
|
|
126
|
-
url: toTaskSupervise,
|
|
127
|
-
params: {
|
|
128
|
-
businessId: this.businessId,
|
|
129
|
-
appId: this.appId,
|
|
130
|
-
userId: util.getStorage('userId')
|
|
131
|
-
}
|
|
132
|
-
})
|
|
133
|
-
.then((res) => {
|
|
134
|
-
this.loading.close();
|
|
135
|
-
if (res.rCode == 0 || res.status == "success") {
|
|
136
|
-
this.nextNode = { ...this.nextNode, ...res.results };
|
|
137
|
-
let arr = []
|
|
138
|
-
this.nextNode.noticeType =
|
|
139
|
-
res.results.defaultNotificationType.split(',');
|
|
140
|
-
this.nextNode.notificationType.map(x => {
|
|
141
|
-
if (this.nextNode.noticeType.indexOf(x.cciValue) != -1) {
|
|
142
|
-
arr.push(x.cciValue);
|
|
143
|
-
}
|
|
144
|
-
})
|
|
145
|
-
this.nextNode.noticeType = arr
|
|
146
|
-
} else {
|
|
147
|
-
this.$message({
|
|
148
|
-
message: res.msg || res.message,
|
|
149
|
-
type: 'error'
|
|
150
|
-
});
|
|
151
|
-
this.$emit('cancel');
|
|
152
|
-
}
|
|
153
|
-
});
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
};
|
|
157
|
-
</script>
|
|
158
|
-
|
|
159
|
-
<style></style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="supervise-flow">
|
|
3
|
+
<el-form
|
|
4
|
+
ref="nextNode"
|
|
5
|
+
:model="nextNode"
|
|
6
|
+
class="demo-dynamic"
|
|
7
|
+
label-width="120px"
|
|
8
|
+
label-position="left"
|
|
9
|
+
>
|
|
10
|
+
<el-form-item prop="pendTitle" label="标题">
|
|
11
|
+
<el-input
|
|
12
|
+
v-model="nextNode.pendTitle"
|
|
13
|
+
disabled
|
|
14
|
+
type="textarea"
|
|
15
|
+
autosize
|
|
16
|
+
/>
|
|
17
|
+
</el-form-item>
|
|
18
|
+
<el-form-item prop="currentHandleNode" label="当前办理节点">
|
|
19
|
+
<el-input v-model="nextNode.currentHandleNode" disabled />
|
|
20
|
+
</el-form-item>
|
|
21
|
+
<el-form-item prop="pendingUserNames" label="当前办理人">
|
|
22
|
+
<el-input
|
|
23
|
+
type="textarea"
|
|
24
|
+
autosize
|
|
25
|
+
v-model="nextNode.pendingUserNames"
|
|
26
|
+
disabled
|
|
27
|
+
/>
|
|
28
|
+
</el-form-item>
|
|
29
|
+
<el-form-item v-show="nextNode.notificationType.length > 0" prop="noticeType" label="通知方式">
|
|
30
|
+
<el-checkbox-group v-model="nextNode.noticeType">
|
|
31
|
+
<el-checkbox
|
|
32
|
+
v-for="(item, index) of nextNode.notificationType"
|
|
33
|
+
:key="index"
|
|
34
|
+
:label="item.cciValue"
|
|
35
|
+
>
|
|
36
|
+
{{ item.shortName }}
|
|
37
|
+
</el-checkbox>
|
|
38
|
+
</el-checkbox-group>
|
|
39
|
+
</el-form-item>
|
|
40
|
+
<!-- v-show="nextNode.noticeType.length != 0" -->
|
|
41
|
+
<el-form-item v-show="nextNode.noticeType.length != 0" prop="notifyMessage" label="通知消息">
|
|
42
|
+
<es-input
|
|
43
|
+
style="
|
|
44
|
+
border-color: #ccc;
|
|
45
|
+
padding: 5px;
|
|
46
|
+
border-radius: 5px;
|
|
47
|
+
font-size: 13px;
|
|
48
|
+
"
|
|
49
|
+
type="textarea"
|
|
50
|
+
v-model="nextNode.notifyMessage"
|
|
51
|
+
/>
|
|
52
|
+
</el-form-item>
|
|
53
|
+
<el-form-item style="margin-bottom: 0px">
|
|
54
|
+
<div style="text-align: right">
|
|
55
|
+
<el-button type="primary" @click="subProcess()">
|
|
56
|
+
确认
|
|
57
|
+
</el-button>
|
|
58
|
+
</div>
|
|
59
|
+
</el-form-item>
|
|
60
|
+
</el-form>
|
|
61
|
+
</div>
|
|
62
|
+
</template>
|
|
63
|
+
|
|
64
|
+
<script>
|
|
65
|
+
import { toTaskSupervise, toTaskSuperviseSub } from 'eoss-ui/src/config/api';
|
|
66
|
+
import util from 'eoss-ui/src/utils/util';
|
|
67
|
+
export default {
|
|
68
|
+
name: 'supervise',
|
|
69
|
+
props: {
|
|
70
|
+
businessId: {
|
|
71
|
+
type: String,
|
|
72
|
+
default: ''
|
|
73
|
+
},
|
|
74
|
+
appId: { type: String, default: '' }
|
|
75
|
+
},
|
|
76
|
+
data() {
|
|
77
|
+
return {
|
|
78
|
+
nextNode: {
|
|
79
|
+
noticeType: [],
|
|
80
|
+
notificationType: [],
|
|
81
|
+
loading: undefined
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
},
|
|
85
|
+
mounted() {
|
|
86
|
+
this.getFlowInfo();
|
|
87
|
+
},
|
|
88
|
+
methods: {
|
|
89
|
+
subProcess() {
|
|
90
|
+
if (this.nextNode.noticeType.length == 0) {
|
|
91
|
+
this.$message.warning('请选择通知方式');
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
if (this.nextNode.noticeType.length != 0 && !this.nextNode.notifyMessage) {
|
|
95
|
+
this.$message.warning('请填写通知消息内容');
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
let { noticeType, notifyMessage, pendingUserIds } = this.nextNode;
|
|
99
|
+
let params = {
|
|
100
|
+
url: toTaskSuperviseSub,
|
|
101
|
+
params: {
|
|
102
|
+
userId: util.getStorage('userId'),
|
|
103
|
+
urgeUserIds: pendingUserIds,
|
|
104
|
+
notificationType: noticeType.join(','),
|
|
105
|
+
notificationMessage: notifyMessage,
|
|
106
|
+
businessId: this.businessId,
|
|
107
|
+
appId: this.appId
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
this.loading = util.loading(this.$loading, '提交中...');
|
|
111
|
+
util.ajax(params).then((res) => {
|
|
112
|
+
this.loading.close();
|
|
113
|
+
if (res.rCode == 0 || res.status == 'success') {
|
|
114
|
+
this.$message.success('操作成功');
|
|
115
|
+
this.$parent.$emit('success');
|
|
116
|
+
} else {
|
|
117
|
+
this.$message.error(res.message || '系统错误,请联系管理员!');
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
},
|
|
121
|
+
|
|
122
|
+
getFlowInfo() {
|
|
123
|
+
this.loading = util.loading(this.$loading, '加载中...');
|
|
124
|
+
util
|
|
125
|
+
.ajax({
|
|
126
|
+
url: toTaskSupervise,
|
|
127
|
+
params: {
|
|
128
|
+
businessId: this.businessId,
|
|
129
|
+
appId: this.appId,
|
|
130
|
+
userId: util.getStorage('userId')
|
|
131
|
+
}
|
|
132
|
+
})
|
|
133
|
+
.then((res) => {
|
|
134
|
+
this.loading.close();
|
|
135
|
+
if (res.rCode == 0 || res.status == "success") {
|
|
136
|
+
this.nextNode = { ...this.nextNode, ...res.results };
|
|
137
|
+
let arr = []
|
|
138
|
+
this.nextNode.noticeType =
|
|
139
|
+
res.results.defaultNotificationType.split(',');
|
|
140
|
+
this.nextNode.notificationType.map(x => {
|
|
141
|
+
if (this.nextNode.noticeType.indexOf(x.cciValue) != -1) {
|
|
142
|
+
arr.push(x.cciValue);
|
|
143
|
+
}
|
|
144
|
+
})
|
|
145
|
+
this.nextNode.noticeType = arr
|
|
146
|
+
} else {
|
|
147
|
+
this.$message({
|
|
148
|
+
message: res.msg || res.message,
|
|
149
|
+
type: 'error'
|
|
150
|
+
});
|
|
151
|
+
this.$emit('cancel');
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
};
|
|
157
|
+
</script>
|
|
158
|
+
|
|
159
|
+
<style></style>
|
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<el-table
|
|
3
|
-
:data="dataList"
|
|
4
|
-
border
|
|
5
|
-
stripe
|
|
6
|
-
style="width: 100%; margin-top: 10px"
|
|
7
|
-
>
|
|
8
|
-
<el-table-column
|
|
9
|
-
v-for="item of tableHead"
|
|
10
|
-
:key="item.id"
|
|
11
|
-
align="center"
|
|
12
|
-
:prop="item.prop"
|
|
13
|
-
:label="item.lable"
|
|
14
|
-
:width="item.prop != 'content' && 180"
|
|
15
|
-
v-bind="$attrs"
|
|
16
|
-
></el-table-column>
|
|
17
|
-
<el-table-column label="操作" width="100" align="center">
|
|
18
|
-
<template v-if="scope.row.userid" slot-scope="scope">
|
|
19
|
-
<el-button type="text" size="small" @click="handleClick(scope.row)"
|
|
20
|
-
>编辑</el-button
|
|
21
|
-
>
|
|
22
|
-
<el-button type="text" size="small" @click="delClick(scope.row)"
|
|
23
|
-
>删除</el-button
|
|
24
|
-
>
|
|
25
|
-
</template>
|
|
26
|
-
</el-table-column>
|
|
27
|
-
</el-table>
|
|
28
|
-
</template>
|
|
29
|
-
|
|
30
|
-
<script>
|
|
31
|
-
export default {
|
|
32
|
-
name: 'Table',
|
|
33
|
-
componentName: 'Table',
|
|
34
|
-
props: {
|
|
35
|
-
dataList: {
|
|
36
|
-
type: Array,
|
|
37
|
-
default: () => []
|
|
38
|
-
},
|
|
39
|
-
tableHead: {
|
|
40
|
-
type: Array,
|
|
41
|
-
default: () => [
|
|
42
|
-
{ id: 0, lable: '内容', prop: 'content' },
|
|
43
|
-
{ id: 1, lable: '用户', prop: 'username' }
|
|
44
|
-
]
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
methods: {
|
|
48
|
-
handleClick(val) {
|
|
49
|
-
this.$emit('upDateClick', val);
|
|
50
|
-
this.$emit('up-date-click', val);
|
|
51
|
-
},
|
|
52
|
-
delClick(val) {
|
|
53
|
-
this.$emit('delClick', val);
|
|
54
|
-
this.$emit('del-click', val);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<el-table
|
|
3
|
+
:data="dataList"
|
|
4
|
+
border
|
|
5
|
+
stripe
|
|
6
|
+
style="width: 100%; margin-top: 10px"
|
|
7
|
+
>
|
|
8
|
+
<el-table-column
|
|
9
|
+
v-for="item of tableHead"
|
|
10
|
+
:key="item.id"
|
|
11
|
+
align="center"
|
|
12
|
+
:prop="item.prop"
|
|
13
|
+
:label="item.lable"
|
|
14
|
+
:width="item.prop != 'content' && 180"
|
|
15
|
+
v-bind="$attrs"
|
|
16
|
+
></el-table-column>
|
|
17
|
+
<el-table-column label="操作" width="100" align="center">
|
|
18
|
+
<template v-if="scope.row.userid" slot-scope="scope">
|
|
19
|
+
<el-button type="text" size="small" @click="handleClick(scope.row)"
|
|
20
|
+
>编辑</el-button
|
|
21
|
+
>
|
|
22
|
+
<el-button type="text" size="small" @click="delClick(scope.row)"
|
|
23
|
+
>删除</el-button
|
|
24
|
+
>
|
|
25
|
+
</template>
|
|
26
|
+
</el-table-column>
|
|
27
|
+
</el-table>
|
|
28
|
+
</template>
|
|
29
|
+
|
|
30
|
+
<script>
|
|
31
|
+
export default {
|
|
32
|
+
name: 'Table',
|
|
33
|
+
componentName: 'Table',
|
|
34
|
+
props: {
|
|
35
|
+
dataList: {
|
|
36
|
+
type: Array,
|
|
37
|
+
default: () => []
|
|
38
|
+
},
|
|
39
|
+
tableHead: {
|
|
40
|
+
type: Array,
|
|
41
|
+
default: () => [
|
|
42
|
+
{ id: 0, lable: '内容', prop: 'content' },
|
|
43
|
+
{ id: 1, lable: '用户', prop: 'username' }
|
|
44
|
+
]
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
methods: {
|
|
48
|
+
handleClick(val) {
|
|
49
|
+
this.$emit('upDateClick', val);
|
|
50
|
+
this.$emit('up-date-click', val);
|
|
51
|
+
},
|
|
52
|
+
delClick(val) {
|
|
53
|
+
this.$emit('delClick', val);
|
|
54
|
+
this.$emit('del-click', val);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
</script>
|