From eac02edfd49474d11f21df41860884b9d5246186 Mon Sep 17 00:00:00 2001 From: "lily.zhang" Date: Wed, 27 Oct 2021 17:05:36 +0800 Subject: [PATCH] cxw-010203 --- src/api/comm/index.js | 13 +- src/api/home/index.js | 5 +- src/assets/images/comm/img_bbut.png | Bin 0 -> 5354 bytes src/styles/antd.less | 4 + src/views/BrandInsight/titsopo/index.vue | 46 ++- src/views/Index/barometer/index.vue | 5 +- src/views/IndustryDataExport/getApiData.js | 177 ++++++++++++ src/views/IndustryDataExport/index.vue | 315 ++++----------------- src/views/IndustryDataExport/tableEvent.js | 163 +++++++++++ 9 files changed, 465 insertions(+), 263 deletions(-) create mode 100644 src/assets/images/comm/img_bbut.png create mode 100644 src/views/IndustryDataExport/getApiData.js create mode 100644 src/views/IndustryDataExport/tableEvent.js diff --git a/src/api/comm/index.js b/src/api/comm/index.js index 9208f93..03dc346 100644 --- a/src/api/comm/index.js +++ b/src/api/comm/index.js @@ -1,7 +1,7 @@ /* * @Author: your name * @Date: 2021-10-20 16:36:08 - * @LastEditTime: 2021-10-27 09:01:56 + * @LastEditTime: 2021-10-27 15:41:11 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: /data-show/src/api/comm/index.js @@ -65,3 +65,14 @@ export function getUserBrand(params) { params: obj }) } + +// 获取导出字段 +export function getToExcelField(params) { + let obj = Object.assign({action: 'getToExcelField'}, params) + return httpService({ + url: `/api/v6.ashx`, + method: 'get', + params: obj + }) +} + diff --git a/src/api/home/index.js b/src/api/home/index.js index b5b5b67..96b45fb 100644 --- a/src/api/home/index.js +++ b/src/api/home/index.js @@ -1,7 +1,7 @@ /* * @Author: your name * @Date: 2021-10-20 16:17:39 - * @LastEditTime: 2021-10-23 17:18:24 + * @LastEditTime: 2021-10-27 13:33:16 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: /data-show/src/api/home/index.js @@ -150,11 +150,10 @@ export function getHomeList0528(params) { // 首页_行业数据 export function getListHome(params) { - let obj = Object.assign({action: 'getListHome',sType: 'Home'}, params) return httpService({ url: `/api/v6.ashx`, method: 'post', - data: obj, + data: params, headers: { 'content-type': 'application/x-www-form-urlencoded' } diff --git a/src/assets/images/comm/img_bbut.png b/src/assets/images/comm/img_bbut.png new file mode 100644 index 0000000000000000000000000000000000000000..cd238f3a056d2df8ae81039ea84c5a089d792094 GIT binary patch literal 5354 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 tr.ant-table-row-selected td { + background: #2668c2 !important; +} + diff --git a/src/views/BrandInsight/titsopo/index.vue b/src/views/BrandInsight/titsopo/index.vue index 05c28a5..0db396f 100644 --- a/src/views/BrandInsight/titsopo/index.vue +++ b/src/views/BrandInsight/titsopo/index.vue @@ -1,7 +1,7 @@ - + 共计{{totalNum}}条数据 + 共计{{totalNum}}条数据，已选中{{secIds.length}}条数据 + 导出数据 - + + + - +
+
+
确定
+
+
+ @@ -410,4 +201,20 @@ export default { } } } +.epor { + width: 100%; + height: 80px; + .epor-btn { + width: 480px; + height: 80px; + background-image: url("../../assets/images/comm/img_bbut.png"); + background-repeat: no-repeat; + background-size: cover; + text-align: center; + line-height: 80px; + color: #63AECC; + font-size: 28px; + cursor: pointer; + } +} \ No newline at end of file diff --git a/src/views/IndustryDataExport/tableEvent.js b/src/views/IndustryDataExport/tableEvent.js new file mode 100644 index 0000000..0a6bef3 --- /dev/null +++ b/src/views/IndustryDataExport/tableEvent.js @@ -0,0 +1,163 @@ +/* + * @Author: your name + * @Date: 2021-10-27 15:29:37 + * @LastEditTime: 2021-10-27 16:53:08 + * @LastEditors: Please set LastEditors + * @Description: In User Settings Edit + * @FilePath: /data-show/src/views/IndustryDataExport/tableEvent.js + */ +function rowSelection(that) { + return { + onChange: (selectedRowKeys, selectedRows) => { + // console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows); + that.selectedRowKeys = selectedRowKeys.toString(); + that.selectedRows = selectedRows; + that.secIds = selectedRowKeys; + + }, + // onSelect: (record, selected, selectedRows) => { + // console.log(record, selected, selectedRows); + // }, + // onSelectAll: (selected, selectedRows, changeRows) => { + // console.log(selected, selectedRows, changeRows); + // }, + } +} + +export default { + // 初始化页面 + initDoc() { + Promise.all([ + this.getQuDao(), + this.getQingGan(), + this.getCrisis(), + this.getTime(), + ]).then(() => { + let series = this.$route.query.series || []; + let qudao = this.$route.query.qudao || []; + + this.form.token = this.$route.query.token || ""; + this.form.action = this.$route.query.action || ""; + this.form.sType = this.$route.query.sType || ""; + this.form.sBrand = this.$route.query.brand || ""; + this.form.sSeriesName = this.$route.query.seriesName || ""; + + this.doFormQudao(qudao); + + this.plainOptions3 = this.doQingGanAndCrisis(); + this.qingGan = series; + this.doFormQS(series); + + this.form.sTimeType = this.$route.query.sTimeType || 34; + this.gValue = 0; + this.form.sStartTime = this.$route.query.startTime || ""; + this.form.sEndTime = this.$route.query.endTime || ""; + if (this.form.sStartTime && this.form.sEndTime) { + this.selTime = [this.form.sStartTime, this.form.sEndTime]; + } + if (this.form.sTimeType === 4) { + this.gValue = 4; + } + if (this.form.token) { + this.rowSelection = rowSelection(this); + } + this.getList(); + this.getTable(); + }); + }, + // 选择情感和渠道的情况 + onChange(val, type) { + this.noClick = true; + if (type === "quDao") { + this.form.sQuDao = this.quDao.toString(); + } else if (type === "qingGan") { + this.doFormQS(this.qingGan); + } + this.form.iPageIndex = 1; + this.pagination.current = 1; + Promise.all([this.getList(), this.getTable()]).then(() => { + this.noClick = false; + }); + }, + // 导出弹框 + handlerExport() { + this.getToExcelField(this.form.sType, this.form.token).then(() => { + this.modalObj.visible = true; + }) + }, + // 给后台传渠道 + doFormQudao(val = []) { + let arr = []; + val.forEach((ele) => { + let n = this.plainOptions.findIndex((e) => { + return e.label === ele; + }); + if (n != -1) { + arr.push(this.plainOptions[n].value); + } + }); + this.quDao = arr; + this.form.sQuDao = arr.toString(); + }, + // 给后台传情感和负面等级 + doFormQS(val = []) { + let qingGan = []; + let crisis = []; + val.forEach((ele) => { + let n1 = this.plainOptions1.findIndex((e) => { + return e.label === ele; + }); + let n2 = this.plainOptions2.findIndex((e) => { + return e.label === ele; + }); + if (n1 != -1) { + qingGan.push(this.plainOptions1[n1].value); + } + if (n2 != -1) { + crisis.push(this.plainOptions2[n2].value); + } + }); + this.form.sQingGan = qingGan.toString(); + this.form.sCrisis = crisis.toString(); + }, + // 处理情感和负面等级 + doQingGanAndCrisis() { + let arr = []; + let tes = [...this.plainOptions1, ...this.plainOptions2]; + tes.forEach((ele) => { + let obj = { + label: ele.label, + value: ele.label, + }; + arr.push(obj); + }); + return arr; + }, + // 返回 + handlerBack() { + this.$router.go(-1); + }, + // 改变时间的选项 + handlerTime(n) { + let ele = this.timesSel[n]; + this.form.sTimeType = ele.key; + if (ele.key != this.selVal) { + this.getTable(); + this.getList(); + } + }, + // 选择时间的效果 + handlerChangeTime(val) { + this.form.sStartTime = val[0]; + this.form.sEndTime = val[1]; + this.getTable(); + this.getList(); + }, + // 改变页面的数据 + handlerPage(p) { + let iPageIndex = p.current; + this.form.iPageIndex = iPageIndex; + this.pagination.current = iPageIndex; + this.getTable(); + }, +}