xs-common-plugins 1.2.4 → 1.2.6
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/README.md +309 -299
- package/common.js +110 -110
- package/index.js +1 -1
- package/package.json +16 -16
- package/src/App.vue +12 -12
- package/src/common/common.js +551 -549
- package/src/common/createMenuId.js +7 -7
- package/src/common/uploadImgToBase64.js +12 -12
- package/src/common/utils.js +95 -95
- package/src/components/Breadcrumb/index.vue +81 -81
- package/src/components/CheckBox_Cmp/index.vue +62 -62
- package/src/components/Col_TableCell/data.js +4 -4
- package/src/components/Col_TableCell/index.scss +77 -77
- package/src/components/Col_TableCell/index.vue +43 -43
- package/src/components/Col_TableCell/methods.js +19 -19
- package/src/components/FormItem/index.vue +92 -92
- package/src/components/Hamburger/index.vue +44 -44
- package/src/components/ReportCmp/data.js +3 -3
- package/src/components/ReportCmp/index.scss +29 -29
- package/src/components/ReportCmp/index.vue +76 -76
- package/src/components/ReportCmp/methods.js +30 -30
- package/src/components/Search/cascader/data.js +3 -3
- package/src/components/Search/cascader/index.scss +17 -17
- package/src/components/Search/cascader/index.vue +96 -96
- package/src/components/Search/cascader/methods.js +41 -41
- package/src/components/Search/data.js +5 -5
- package/src/components/Search/hk_cascader/index.vue +104 -104
- package/src/components/Search/hk_cascader_qudao/index.vue +94 -94
- package/src/components/Search/index.scss +219 -219
- package/src/components/Search/index.vue +410 -410
- package/src/components/Search/methods.js +86 -86
- package/src/components/Search/product_option/data.js +3 -3
- package/src/components/Search/product_option/index.scss +68 -68
- package/src/components/Search/product_option/index.vue +412 -412
- package/src/components/Search/product_option/methods.js +58 -58
- package/src/components/Search/select/data.js +3 -3
- package/src/components/Search/select/index.scss +2 -2
- package/src/components/Search/select/index.vue +114 -114
- package/src/components/Search/select/methods.js +51 -51
- package/src/components/Search_filter/data.js +5 -5
- package/src/components/Search_filter/index.scss +104 -104
- package/src/components/Search_filter/index.vue +88 -88
- package/src/components/Search_filter/methods.js +43 -43
- package/src/components/TableCmp/data.js +3 -3
- package/src/components/TableCmp/index.scss +22 -22
- package/src/components/TableCmp/index.vue +98 -98
- package/src/components/TableCmp/methods.js +35 -35
- package/src/components/TableItem/TableItem.vue +55 -55
- package/src/components/TextOVer/index.vue +55 -55
- package/src/components/UploadImg/index.vue +177 -177
- package/src/components/home/BarChart.vue +118 -118
- package/src/components/home/LineChart.vue +146 -146
- package/src/components/home/Panel.vue +135 -135
- package/src/components/home/PanelGroup.vue +146 -146
- package/src/components/home/PieChart.vue +81 -81
- package/src/components/home/RaddarChart.vue +119 -119
- package/src/components/home/TabLayout.vue +88 -88
- package/src/components/home/TableList.vue +158 -158
- package/src/components/home/Teng.vue +248 -248
- package/src/components/home/TransactionTable.vue +49 -49
- package/src/components/home/mixins/resize.js +55 -55
- package/src/components/im/index.vue +155 -155
- package/src/components/im/methods.js +25 -25
- package/src/components/im/pages/chatList/index.vue +45 -45
- package/src/components/im/pages/chatRoom/index.vue +159 -159
- package/src/components/image-singleUpload/data.js +3 -3
- package/src/components/image-singleUpload/index.scss +26 -26
- package/src/components/image-singleUpload/index.vue +56 -56
- package/src/components/image-singleUpload/methods.js +30 -30
- package/src/components/image-upload/data.js +7 -7
- package/src/components/image-upload/index.vue +41 -41
- package/src/components/image-upload/methods.js +80 -80
- package/src/components/multiple-image-upload/data.js +11 -11
- package/src/components/multiple-image-upload/index.scss +8 -8
- package/src/components/multiple-image-upload/index.vue +63 -63
- package/src/components/multiple-image-upload/methods.js +45 -45
- package/src/components/pro-upload/data.js +3 -3
- package/src/components/pro-upload/index.scss +4 -4
- package/src/components/pro-upload/index.vue +89 -89
- package/src/components/pro-upload/methods.js +86 -86
- package/src/components/report_set/index.scss +44 -44
- package/src/components/report_set/index.vue +153 -153
- package/src/components/search-page/src/index.scss +5 -5
- package/src/components/search-page/src/index.vue +76 -76
- package/src/components/search-page/src/methods.js +36 -36
- package/src/components/xsSelect/index.vue +125 -125
- package/src/mixin/dialog.js +31 -31
- package/src/mixin/dlg.js +46 -46
- package/src/mixin/keepAlive.js +53 -53
- package/src/mixin/newDialog.js +19 -19
- package/src/mixin/report.js +82 -82
- package/src/mixin/table.js +93 -93
- package/src/mixin/tableCell/colTableCell_analysis.js +103 -103
- package/src/mixin/upload.js +22 -22
- package/src/mixin/vmodel.js +26 -26
- package/src/plugins/im/components/chat/index.scss +163 -163
- package/src/plugins/im/components/chat/index.vue +144 -144
- package/src/plugins/im/components/chat/methods.js +149 -149
- package/src/plugins/im/components/conversation-list/index.css +91 -91
- package/src/plugins/im/components/conversation-list/index.json +3 -3
- package/src/plugins/im/components/conversation-list/index.vue +89 -89
- package/src/plugins/im/components/loading/loading.css +69 -69
- package/src/plugins/im/components/loading/loading.json +3 -3
- package/src/plugins/im/components/loading/loading.vue +14 -14
- package/src/plugins/im/components/msg-image/index.json +3 -3
- package/src/plugins/im/components/msg-image/index.vue +40 -40
- package/src/plugins/im/components/msg-text/index.json +3 -3
- package/src/plugins/im/components/msg-text/index.vue +24 -24
- package/src/plugins/im/components/send-msg/index.scss +164 -164
- package/src/plugins/im/components/send-msg/index.vue +107 -107
- package/src/plugins/im/components/send-msg/methods.js +125 -125
- package/src/plugins/im/components/template-message/index.vue +76 -76
- package/src/plugins/im/components/without.vue +19 -19
- package/src/plugins/im/im-plug-in/Protobuf-2.3.7.min.js +1 -1
- package/src/plugins/im/im-plug-in/RongCallLib-3.1.5.min.js +74 -74
- package/src/plugins/im/im-plug-in/RongIMLib-4.1.0.js +17420 -17420
- package/src/plugins/im/im-plug-in/init.js +216 -216
- package/src/plugins/im/im-plug-in/qiniu.js +266 -266
- package/src/plugins/im/im-plug-in/send-data.js +431 -431
- package/src/plugins/im/im-plug-in/upload.js +232 -232
- package/src/plugins/im/index.js +31 -31
- package/src/plugins/im/lib/RongIMEmoji-2.2.6.js +332 -332
- package/src/plugins/im/lib/RongIMLib-3.0.7.2-dev.js +11635 -11635
- package/src/plugins/im/lib/RongIMLib-3.0.7.2-dev.min.js +6 -6
- package/src/plugins/im/utils/services.js +625 -625
- package/src/plugins/im/utils/underscore-1.8.3.js +1531 -1531
- package/src/plugins/im/utils/utils.js +149 -149
- package/src/plugins/index.js +60 -60
- package/src/plugins/row-col-cmp/colCmp/data.js +3 -3
- package/src/plugins/row-col-cmp/colCmp/index.scss +50 -50
- package/src/plugins/row-col-cmp/colCmp/index.vue +53 -53
- package/src/plugins/row-col-cmp/colCmp/methods.js +25 -25
- package/src/plugins/row-col-cmp/index.js +20 -20
- package/src/plugins/row-col-cmp/rowCmp/data.js +3 -3
- package/src/plugins/row-col-cmp/rowCmp/index.scss +3 -3
- package/src/plugins/row-col-cmp/rowCmp/index.vue +43 -43
- package/src/plugins/row-col-cmp/rowCmp/methods.js +29 -29
- package/src/router/index.js +58 -58
- package/src/router/permission.js +126 -126
- package/src/store/getters.js +13 -13
- package/src/store/index.js +60 -60
- package/src/store/modules/app.js +55 -55
- package/src/store/modules/dic.js +74 -74
- package/src/store/modules/oss.js +40 -40
- package/src/store/modules/settings.js +28 -28
- package/src/store/modules/tagsView.js +160 -160
- package/src/store/modules/user.js +94 -94
- package/src/store/modules/widgetdata.js +42 -42
- package/src/styles/element-ui.scss +49 -49
- package/src/styles/index.scss +91 -91
- package/src/styles/mixin.scss +28 -28
- package/src/styles/sidebar.scss +210 -210
- package/src/styles/table.scss +90 -90
- package/src/styles/transition.scss +48 -48
- package/src/styles/variables.scss +25 -25
- package/src/utils/api.js +54 -54
- package/src/utils/auth.js +38 -38
- package/src/utils/concat_batch_btns.js +88 -88
- package/src/utils/enum.js +150 -150
- package/src/utils/filter.js +5 -5
- package/src/utils/filterRules.js +55 -55
- package/src/utils/get-page-title.js +10 -10
- package/src/utils/getMenu.js +82 -82
- package/src/utils/global-config.js +15 -15
- package/src/utils/global_directive.js +10 -10
- package/src/utils/index.js +332 -332
- package/src/utils/localStorage.js +21 -21
- package/src/utils/ossService.js +55 -55
- package/src/utils/prototype.js +46 -46
- package/src/utils/search.js +33 -33
- package/src/utils/signalR.js +24 -24
- package/src/utils/validate.js +20 -20
- package/src/views/callback/index.vue +35 -35
- package/src/views/home/index.vue +25 -25
- package/src/views/layout/components/AllSearch/index.vue +44 -44
- package/src/views/layout/components/AppMain.vue +66 -66
- package/src/views/layout/components/Sidebar/FixiOSBug.js +26 -26
- package/src/views/layout/components/Sidebar/Item.vue +28 -28
- package/src/views/layout/components/Sidebar/Link.vue +34 -34
- package/src/views/layout/components/Sidebar/Logo.vue +79 -79
- package/src/views/layout/components/Sidebar/SidebarItem.vue +67 -67
- package/src/views/layout/components/Sidebar/index.vue +114 -114
- package/src/views/layout/components/TagsView/ScrollPane.vue +94 -94
- package/src/views/layout/components/TagsView/index.vue +330 -330
- package/src/views/layout/components/index.js +3 -3
- package/src/views/layout/index.vue +107 -107
- package/src/views/redirect/index.vue +12 -12
- package/src/views/slienceAuth/index.vue +42 -42
|
@@ -1,86 +1,86 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
// ------------------------------------------------------------------
|
|
3
|
-
// pragma mark - inti(初始化行为)
|
|
4
|
-
// ------------------------------------------------------------------
|
|
5
|
-
createdInit() {},
|
|
6
|
-
mountedInit() {},
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* 图片预览
|
|
10
|
-
* @param {*} file
|
|
11
|
-
*/
|
|
12
|
-
handlePictureCardPreview(file) {
|
|
13
|
-
this.dialogImageUrl = file.url;
|
|
14
|
-
this.dialogVisible = true;
|
|
15
|
-
},
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* 删除图片
|
|
19
|
-
* @param {*} file
|
|
20
|
-
* @param {*} fileList
|
|
21
|
-
*/
|
|
22
|
-
handleRemove(file, fileList) {
|
|
23
|
-
this.fileList = fileList;
|
|
24
|
-
},
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* 覆盖默认的上传行为,自定义上传的实现
|
|
28
|
-
* @param {*} data
|
|
29
|
-
*/
|
|
30
|
-
httpRequest(data) {
|
|
31
|
-
const that = this;
|
|
32
|
-
let fd = new FormData();
|
|
33
|
-
fd.append("files", data.file); //传文件
|
|
34
|
-
this.$http
|
|
35
|
-
.post("api.img.upload", fd, {
|
|
36
|
-
headers: {
|
|
37
|
-
"Content-Type": "multipart/form-data"
|
|
38
|
-
}
|
|
39
|
-
})
|
|
40
|
-
.then(function(res) {
|
|
41
|
-
if (res.code === 0) {
|
|
42
|
-
that.fileList.push({
|
|
43
|
-
url: res.data
|
|
44
|
-
});
|
|
45
|
-
that.$emit("input", that.fileList);
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
},
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* 图片上传之前
|
|
52
|
-
*/
|
|
53
|
-
handleBeforeUpload(file) {
|
|
54
|
-
console.log(this.limit)
|
|
55
|
-
const isFormat = /^image\/(jpeg|png|jpg|ico|gif)$/.test(file.type);
|
|
56
|
-
const isLt4M = file.size / 1024 / 1024 < 4;
|
|
57
|
-
console.log("file.size", file.size);
|
|
58
|
-
console.log("isLt4M", isLt4M);
|
|
59
|
-
if (!isFormat) {
|
|
60
|
-
this.$message.error("上传图片只能是 JPEG/PNG/JPG/ICO/gif 格式!");
|
|
61
|
-
}
|
|
62
|
-
if (!isLt4M) {
|
|
63
|
-
this.$message.error("上传图片大小不能超过 4MB!");
|
|
64
|
-
}
|
|
65
|
-
return isFormat && isLt4M;
|
|
66
|
-
},
|
|
67
|
-
|
|
68
|
-
handleDownload(file) {
|
|
69
|
-
// console.log(file);
|
|
70
|
-
},
|
|
71
|
-
|
|
72
|
-
uploadSuccess() {}
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
// 说明
|
|
76
|
-
|
|
77
|
-
// file 结构
|
|
78
|
-
// file: {
|
|
79
|
-
// lastModified: 1595401711625,
|
|
80
|
-
// lastModifiedDate:'',//返回当前文件的最后修改日期,
|
|
81
|
-
// name: "WechatIMG71.png",
|
|
82
|
-
// size: 6164,
|
|
83
|
-
// type: "image/png",
|
|
84
|
-
// uid: 1604643922901,
|
|
85
|
-
// webkitRelativePath: ""
|
|
86
|
-
// }
|
|
1
|
+
export default {
|
|
2
|
+
// ------------------------------------------------------------------
|
|
3
|
+
// pragma mark - inti(初始化行为)
|
|
4
|
+
// ------------------------------------------------------------------
|
|
5
|
+
createdInit() {},
|
|
6
|
+
mountedInit() {},
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* 图片预览
|
|
10
|
+
* @param {*} file
|
|
11
|
+
*/
|
|
12
|
+
handlePictureCardPreview(file) {
|
|
13
|
+
this.dialogImageUrl = file.url;
|
|
14
|
+
this.dialogVisible = true;
|
|
15
|
+
},
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* 删除图片
|
|
19
|
+
* @param {*} file
|
|
20
|
+
* @param {*} fileList
|
|
21
|
+
*/
|
|
22
|
+
handleRemove(file, fileList) {
|
|
23
|
+
this.fileList = fileList;
|
|
24
|
+
},
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* 覆盖默认的上传行为,自定义上传的实现
|
|
28
|
+
* @param {*} data
|
|
29
|
+
*/
|
|
30
|
+
httpRequest(data) {
|
|
31
|
+
const that = this;
|
|
32
|
+
let fd = new FormData();
|
|
33
|
+
fd.append("files", data.file); //传文件
|
|
34
|
+
this.$http
|
|
35
|
+
.post("api.img.upload", fd, {
|
|
36
|
+
headers: {
|
|
37
|
+
"Content-Type": "multipart/form-data"
|
|
38
|
+
}
|
|
39
|
+
})
|
|
40
|
+
.then(function(res) {
|
|
41
|
+
if (res.code === 0) {
|
|
42
|
+
that.fileList.push({
|
|
43
|
+
url: res.data
|
|
44
|
+
});
|
|
45
|
+
that.$emit("input", that.fileList);
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
},
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* 图片上传之前
|
|
52
|
+
*/
|
|
53
|
+
handleBeforeUpload(file) {
|
|
54
|
+
console.log(this.limit)
|
|
55
|
+
const isFormat = /^image\/(jpeg|png|jpg|ico|gif)$/.test(file.type);
|
|
56
|
+
const isLt4M = file.size / 1024 / 1024 < 4;
|
|
57
|
+
console.log("file.size", file.size);
|
|
58
|
+
console.log("isLt4M", isLt4M);
|
|
59
|
+
if (!isFormat) {
|
|
60
|
+
this.$message.error("上传图片只能是 JPEG/PNG/JPG/ICO/gif 格式!");
|
|
61
|
+
}
|
|
62
|
+
if (!isLt4M) {
|
|
63
|
+
this.$message.error("上传图片大小不能超过 4MB!");
|
|
64
|
+
}
|
|
65
|
+
return isFormat && isLt4M;
|
|
66
|
+
},
|
|
67
|
+
|
|
68
|
+
handleDownload(file) {
|
|
69
|
+
// console.log(file);
|
|
70
|
+
},
|
|
71
|
+
|
|
72
|
+
uploadSuccess() {}
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
// 说明
|
|
76
|
+
|
|
77
|
+
// file 结构
|
|
78
|
+
// file: {
|
|
79
|
+
// lastModified: 1595401711625,
|
|
80
|
+
// lastModifiedDate:'',//返回当前文件的最后修改日期,
|
|
81
|
+
// name: "WechatIMG71.png",
|
|
82
|
+
// size: 6164,
|
|
83
|
+
// type: "image/png",
|
|
84
|
+
// uid: 1604643922901,
|
|
85
|
+
// webkitRelativePath: ""
|
|
86
|
+
// }
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
.report-set-wrapper {
|
|
2
|
-
min-width: 550px;
|
|
3
|
-
|
|
4
|
-
.el-row {
|
|
5
|
-
margin: 4px 0;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.el-select>.el-input {
|
|
9
|
-
width: 440px;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.el-form-item {
|
|
13
|
-
display: flex;
|
|
14
|
-
align-items: center;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.el-radio-group {
|
|
18
|
-
margin-top: 0;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.el-form-item__content {
|
|
22
|
-
line-height: initial;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.el-checkbox {
|
|
26
|
-
margin-right: 10px;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.el-col {
|
|
30
|
-
display: flex;
|
|
31
|
-
align-items: center;
|
|
32
|
-
|
|
33
|
-
>span {
|
|
34
|
-
width: 80px;
|
|
35
|
-
text-align: right;
|
|
36
|
-
vertical-align: middle;
|
|
37
|
-
float: left;
|
|
38
|
-
font-size: 14px;
|
|
39
|
-
color: #606266;
|
|
40
|
-
line-height: 28px;
|
|
41
|
-
padding: 0 12px 0 0;
|
|
42
|
-
box-sizing: border-box;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
1
|
+
.report-set-wrapper {
|
|
2
|
+
min-width: 550px;
|
|
3
|
+
|
|
4
|
+
.el-row {
|
|
5
|
+
margin: 4px 0;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.el-select>.el-input {
|
|
9
|
+
width: 440px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.el-form-item {
|
|
13
|
+
display: flex;
|
|
14
|
+
align-items: center;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.el-radio-group {
|
|
18
|
+
margin-top: 0;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.el-form-item__content {
|
|
22
|
+
line-height: initial;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.el-checkbox {
|
|
26
|
+
margin-right: 10px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.el-col {
|
|
30
|
+
display: flex;
|
|
31
|
+
align-items: center;
|
|
32
|
+
|
|
33
|
+
>span {
|
|
34
|
+
width: 80px;
|
|
35
|
+
text-align: right;
|
|
36
|
+
vertical-align: middle;
|
|
37
|
+
float: left;
|
|
38
|
+
font-size: 14px;
|
|
39
|
+
color: #606266;
|
|
40
|
+
line-height: 28px;
|
|
41
|
+
padding: 0 12px 0 0;
|
|
42
|
+
box-sizing: border-box;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
45
|
}
|
|
@@ -1,153 +1,153 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="report-set-wrapper">
|
|
3
|
-
<el-row>
|
|
4
|
-
<el-col :span="24">
|
|
5
|
-
<span>行分组</span>
|
|
6
|
-
<el-select v-model="inputValue.rowGroups" clearable multiple placeholder="请选择" size="mini">
|
|
7
|
-
<el-option v-for="item in jsonCfgToObj.rowGroups" :key="item" :label="item" :value="item" />
|
|
8
|
-
</el-select>
|
|
9
|
-
</el-col>
|
|
10
|
-
</el-row>
|
|
11
|
-
<el-row>
|
|
12
|
-
<el-col :span="24">
|
|
13
|
-
<span>输出字段</span>
|
|
14
|
-
<el-select v-model="inputValue.columns" clearable multiple placeholder="请选择" size="mini">
|
|
15
|
-
<el-option v-for="item in jsonCfgToObj.columns" :key="item" :label="item" :value="item" />
|
|
16
|
-
</el-select>
|
|
17
|
-
</el-col>
|
|
18
|
-
</el-row>
|
|
19
|
-
<el-row>
|
|
20
|
-
<el-col :span="24">
|
|
21
|
-
<span>列分组</span>
|
|
22
|
-
<el-select v-model="inputValue.colGroup" clearable placeholder="请选择" size="mini">
|
|
23
|
-
<el-option v-for="item in jsonCfgToObj.rowGroups" :key="item" :label="item" :value="item" />
|
|
24
|
-
</el-select>
|
|
25
|
-
</el-col>
|
|
26
|
-
</el-row>
|
|
27
|
-
<!-- <el-row>
|
|
28
|
-
<el-col :span="24">
|
|
29
|
-
<span>显示</span>
|
|
30
|
-
<el-radio-group v-model="report.totalRow" size="mini">
|
|
31
|
-
<el-radio-button label="表格"></el-radio-button>
|
|
32
|
-
<el-radio-button label="柱状"></el-radio-button>
|
|
33
|
-
<el-radio-button label="折线图"></el-radio-button>
|
|
34
|
-
</el-radio-group>
|
|
35
|
-
</el-col>
|
|
36
|
-
</!-->
|
|
37
|
-
<el-row>
|
|
38
|
-
<el-col :span="24">
|
|
39
|
-
<span>行合计</span>
|
|
40
|
-
<el-radio-group v-model="inputValue.totalRow">
|
|
41
|
-
<el-radio
|
|
42
|
-
v-for="item in $orgEnum['ZR.PovitReport.ShowTotal']"
|
|
43
|
-
v-if="JSON.stringify(item) !== '{}'"
|
|
44
|
-
:key="item.id"
|
|
45
|
-
:label="item.Id"
|
|
46
|
-
>{{ item.Name }}</el-radio>
|
|
47
|
-
</el-radio-group>
|
|
48
|
-
</el-col>
|
|
49
|
-
</el-row>
|
|
50
|
-
<el-row>
|
|
51
|
-
<el-col :span="24">
|
|
52
|
-
<span>列合计</span>
|
|
53
|
-
<el-radio-group v-model="inputValue.totalCol">
|
|
54
|
-
<el-radio
|
|
55
|
-
v-for="item in $orgEnum['ZR.PovitReport.ShowTotal']"
|
|
56
|
-
v-if="JSON.stringify(item) !== '{}' "
|
|
57
|
-
:key="item.id"
|
|
58
|
-
:label="item.Id"
|
|
59
|
-
>{{ item.Name }}</el-radio>
|
|
60
|
-
</el-radio-group>
|
|
61
|
-
</el-col>
|
|
62
|
-
</el-row>
|
|
63
|
-
<el-row>
|
|
64
|
-
<el-col :span="24">
|
|
65
|
-
<span>排序</span>
|
|
66
|
-
<el-checkbox v-model="inputValue.colAsc">列升序排序</el-checkbox>
|
|
67
|
-
<el-checkbox v-model="inputValue.rowAsc">行升序排序</el-checkbox>
|
|
68
|
-
</el-col>
|
|
69
|
-
</el-row>
|
|
70
|
-
</div>
|
|
71
|
-
</template>
|
|
72
|
-
|
|
73
|
-
<script>
|
|
74
|
-
import { isPlainObject } from '@/common/utils'
|
|
75
|
-
export default {
|
|
76
|
-
name: 'ReportSet',
|
|
77
|
-
components: {},
|
|
78
|
-
props: {
|
|
79
|
-
value: [String, Object],
|
|
80
|
-
jsonCfg: String,
|
|
81
|
-
modelType: {
|
|
82
|
-
type: String,
|
|
83
|
-
default: 'json'
|
|
84
|
-
}
|
|
85
|
-
},
|
|
86
|
-
data() {
|
|
87
|
-
return {
|
|
88
|
-
jsonCfgToObj: {},
|
|
89
|
-
inputValue: {
|
|
90
|
-
colAsc: false, // 列排序
|
|
91
|
-
rowAsc: false, // 行排序
|
|
92
|
-
colGroup: '',
|
|
93
|
-
columns: [],
|
|
94
|
-
rowGroups: [],
|
|
95
|
-
totalCol: 2, // 枚举
|
|
96
|
-
totalRow: 2 // 枚举
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
computed: {},
|
|
101
|
-
watch: {
|
|
102
|
-
value: {
|
|
103
|
-
handler(newValue) {
|
|
104
|
-
if (!newValue) return
|
|
105
|
-
if (isPlainObject(newValue)) {
|
|
106
|
-
this.inputValue = newValue
|
|
107
|
-
} else {
|
|
108
|
-
this.inputValue = JSON.parse(newValue)
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
deep: true,
|
|
112
|
-
immediate: true
|
|
113
|
-
},
|
|
114
|
-
inputValue: {
|
|
115
|
-
handler(newValue) {
|
|
116
|
-
// newValue["AllCollFields"] = newValue.columns;
|
|
117
|
-
// newValue["AllGroupFields"] = newValue.rowGroups;
|
|
118
|
-
|
|
119
|
-
if (this.modelType === 'Object') {
|
|
120
|
-
this.$emit('input', newValue)
|
|
121
|
-
} else {
|
|
122
|
-
this.$emit('input', JSON.stringify(newValue))
|
|
123
|
-
}
|
|
124
|
-
},
|
|
125
|
-
deep: true
|
|
126
|
-
},
|
|
127
|
-
jsonCfg: {
|
|
128
|
-
handler(newValue) {
|
|
129
|
-
console.log('load', newValue)
|
|
130
|
-
if (isPlainObject(newValue)) {
|
|
131
|
-
this.jsonCfgToObj = newValue
|
|
132
|
-
} else {
|
|
133
|
-
this.jsonCfgToObj = JSON.parse(newValue)
|
|
134
|
-
}
|
|
135
|
-
},
|
|
136
|
-
deep: true,
|
|
137
|
-
immediate: true
|
|
138
|
-
}
|
|
139
|
-
},
|
|
140
|
-
// ------------------------------------------------------------------
|
|
141
|
-
// pragma mark - Life Cycle(生命周期)
|
|
142
|
-
// ------------------------------------------------------------------
|
|
143
|
-
created() {
|
|
144
|
-
this.defaultDataReport = JSON.parse(JSON.stringify(this.inputValue))
|
|
145
|
-
},
|
|
146
|
-
beforeDestroy() {
|
|
147
|
-
// 组件销毁前,清空表单项
|
|
148
|
-
this.inputValue = this.defaultDataReport
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
</script>
|
|
152
|
-
<style lang="scss" src="./index.scss" ></style>
|
|
153
|
-
|
|
1
|
+
<template>
|
|
2
|
+
<div class="report-set-wrapper">
|
|
3
|
+
<el-row>
|
|
4
|
+
<el-col :span="24">
|
|
5
|
+
<span>行分组</span>
|
|
6
|
+
<el-select v-model="inputValue.rowGroups" clearable multiple placeholder="请选择" size="mini">
|
|
7
|
+
<el-option v-for="item in jsonCfgToObj.rowGroups" :key="item" :label="item" :value="item" />
|
|
8
|
+
</el-select>
|
|
9
|
+
</el-col>
|
|
10
|
+
</el-row>
|
|
11
|
+
<el-row>
|
|
12
|
+
<el-col :span="24">
|
|
13
|
+
<span>输出字段</span>
|
|
14
|
+
<el-select v-model="inputValue.columns" clearable multiple placeholder="请选择" size="mini">
|
|
15
|
+
<el-option v-for="item in jsonCfgToObj.columns" :key="item" :label="item" :value="item" />
|
|
16
|
+
</el-select>
|
|
17
|
+
</el-col>
|
|
18
|
+
</el-row>
|
|
19
|
+
<el-row>
|
|
20
|
+
<el-col :span="24">
|
|
21
|
+
<span>列分组</span>
|
|
22
|
+
<el-select v-model="inputValue.colGroup" clearable placeholder="请选择" size="mini">
|
|
23
|
+
<el-option v-for="item in jsonCfgToObj.rowGroups" :key="item" :label="item" :value="item" />
|
|
24
|
+
</el-select>
|
|
25
|
+
</el-col>
|
|
26
|
+
</el-row>
|
|
27
|
+
<!-- <el-row>
|
|
28
|
+
<el-col :span="24">
|
|
29
|
+
<span>显示</span>
|
|
30
|
+
<el-radio-group v-model="report.totalRow" size="mini">
|
|
31
|
+
<el-radio-button label="表格"></el-radio-button>
|
|
32
|
+
<el-radio-button label="柱状"></el-radio-button>
|
|
33
|
+
<el-radio-button label="折线图"></el-radio-button>
|
|
34
|
+
</el-radio-group>
|
|
35
|
+
</el-col>
|
|
36
|
+
</!-->
|
|
37
|
+
<el-row>
|
|
38
|
+
<el-col :span="24">
|
|
39
|
+
<span>行合计</span>
|
|
40
|
+
<el-radio-group v-model="inputValue.totalRow">
|
|
41
|
+
<el-radio
|
|
42
|
+
v-for="item in $orgEnum['ZR.PovitReport.ShowTotal']"
|
|
43
|
+
v-if="JSON.stringify(item) !== '{}'"
|
|
44
|
+
:key="item.id"
|
|
45
|
+
:label="item.Id"
|
|
46
|
+
>{{ item.Name }}</el-radio>
|
|
47
|
+
</el-radio-group>
|
|
48
|
+
</el-col>
|
|
49
|
+
</el-row>
|
|
50
|
+
<el-row>
|
|
51
|
+
<el-col :span="24">
|
|
52
|
+
<span>列合计</span>
|
|
53
|
+
<el-radio-group v-model="inputValue.totalCol">
|
|
54
|
+
<el-radio
|
|
55
|
+
v-for="item in $orgEnum['ZR.PovitReport.ShowTotal']"
|
|
56
|
+
v-if="JSON.stringify(item) !== '{}' "
|
|
57
|
+
:key="item.id"
|
|
58
|
+
:label="item.Id"
|
|
59
|
+
>{{ item.Name }}</el-radio>
|
|
60
|
+
</el-radio-group>
|
|
61
|
+
</el-col>
|
|
62
|
+
</el-row>
|
|
63
|
+
<el-row>
|
|
64
|
+
<el-col :span="24">
|
|
65
|
+
<span>排序</span>
|
|
66
|
+
<el-checkbox v-model="inputValue.colAsc">列升序排序</el-checkbox>
|
|
67
|
+
<el-checkbox v-model="inputValue.rowAsc">行升序排序</el-checkbox>
|
|
68
|
+
</el-col>
|
|
69
|
+
</el-row>
|
|
70
|
+
</div>
|
|
71
|
+
</template>
|
|
72
|
+
|
|
73
|
+
<script>
|
|
74
|
+
import { isPlainObject } from '@/common/utils'
|
|
75
|
+
export default {
|
|
76
|
+
name: 'ReportSet',
|
|
77
|
+
components: {},
|
|
78
|
+
props: {
|
|
79
|
+
value: [String, Object],
|
|
80
|
+
jsonCfg: String,
|
|
81
|
+
modelType: {
|
|
82
|
+
type: String,
|
|
83
|
+
default: 'json'
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
data() {
|
|
87
|
+
return {
|
|
88
|
+
jsonCfgToObj: {},
|
|
89
|
+
inputValue: {
|
|
90
|
+
colAsc: false, // 列排序
|
|
91
|
+
rowAsc: false, // 行排序
|
|
92
|
+
colGroup: '',
|
|
93
|
+
columns: [],
|
|
94
|
+
rowGroups: [],
|
|
95
|
+
totalCol: 2, // 枚举
|
|
96
|
+
totalRow: 2 // 枚举
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
computed: {},
|
|
101
|
+
watch: {
|
|
102
|
+
value: {
|
|
103
|
+
handler(newValue) {
|
|
104
|
+
if (!newValue) return
|
|
105
|
+
if (isPlainObject(newValue)) {
|
|
106
|
+
this.inputValue = newValue
|
|
107
|
+
} else {
|
|
108
|
+
this.inputValue = JSON.parse(newValue)
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
deep: true,
|
|
112
|
+
immediate: true
|
|
113
|
+
},
|
|
114
|
+
inputValue: {
|
|
115
|
+
handler(newValue) {
|
|
116
|
+
// newValue["AllCollFields"] = newValue.columns;
|
|
117
|
+
// newValue["AllGroupFields"] = newValue.rowGroups;
|
|
118
|
+
|
|
119
|
+
if (this.modelType === 'Object') {
|
|
120
|
+
this.$emit('input', newValue)
|
|
121
|
+
} else {
|
|
122
|
+
this.$emit('input', JSON.stringify(newValue))
|
|
123
|
+
}
|
|
124
|
+
},
|
|
125
|
+
deep: true
|
|
126
|
+
},
|
|
127
|
+
jsonCfg: {
|
|
128
|
+
handler(newValue) {
|
|
129
|
+
console.log('load', newValue)
|
|
130
|
+
if (isPlainObject(newValue)) {
|
|
131
|
+
this.jsonCfgToObj = newValue
|
|
132
|
+
} else {
|
|
133
|
+
this.jsonCfgToObj = JSON.parse(newValue)
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
deep: true,
|
|
137
|
+
immediate: true
|
|
138
|
+
}
|
|
139
|
+
},
|
|
140
|
+
// ------------------------------------------------------------------
|
|
141
|
+
// pragma mark - Life Cycle(生命周期)
|
|
142
|
+
// ------------------------------------------------------------------
|
|
143
|
+
created() {
|
|
144
|
+
this.defaultDataReport = JSON.parse(JSON.stringify(this.inputValue))
|
|
145
|
+
},
|
|
146
|
+
beforeDestroy() {
|
|
147
|
+
// 组件销毁前,清空表单项
|
|
148
|
+
this.inputValue = this.defaultDataReport
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
</script>
|
|
152
|
+
<style lang="scss" src="./index.scss" ></style>
|
|
153
|
+
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
.wg-search-page__wrapper {
|
|
2
|
-
width: 100%;
|
|
3
|
-
.body {
|
|
4
|
-
width: 100%;
|
|
5
|
-
}
|
|
1
|
+
.wg-search-page__wrapper {
|
|
2
|
+
width: 100%;
|
|
3
|
+
.body {
|
|
4
|
+
width: 100%;
|
|
5
|
+
}
|
|
6
6
|
}
|