yunyang
/
carInsightSystem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

zx

Browse Source
prod
张雄 3 years ago
parent 2f53e57543
commit b366ee8739
11 changed files with 345 additions and 225 deletions
Show Stats Download Patch File Download Diff File

3
src/styles/antd.less
Unescape View File

@ -175,7 +175,7 @@
.ant-calendar-range .ant-calendar-in-range-cell::before { .ant-calendar-range .ant-calendar-in-range-cell::before {
background: #1990fe !important; background: #1990fe !important;
} }
.ant-calendar-cell ant-calendar-in-range-cell { .ant-calendar-cell .ant-calendar-in-range-cell {
background: transparent !important; background: transparent !important;
} }
.ant-calendar-range .ant-calendar-input, .ant-calendar-range .ant-calendar-time-picker-input { .ant-calendar-range .ant-calendar-input, .ant-calendar-range .ant-calendar-time-picker-input {
@ -290,6 +290,7 @@ li.ant-calendar-time-picker-select-option-selected {
.ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane { .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
background: rgb(26, 38, 65) !important; background: rgb(26, 38, 65) !important;
padding-bottom: 22px;
} }
.ant-tabs-card > .ant-tabs-bar { .ant-tabs-card > .ant-tabs-bar {

1
src/views/EventInsight/hotEventPO/index.vue
Unescape View File

@ -54,7 +54,6 @@ export default {
//点击事件 //点击事件
clickEchars(data) { clickEchars(data) {
let ele = data; let ele = data;
console.log(ele);
} }
} }
}; };

1
src/views/EventInsight/industryTOPHE/index.vue
Unescape View File

@ -99,6 +99,7 @@ export default {
this.$router.push({path: '/eventComparison'}) this.$router.push({path: '/eventComparison'})
}, },
goTheme() { goTheme() {
this.setHeaderType(4);
this.$router.push({path: '/themeAnalize'}) this.$router.push({path: '/themeAnalize'})
}, },
goRefresh() { goRefresh() {

1
src/views/IndustryDataExport/tableEvent.js
Unescape View File

@ -84,7 +84,6 @@ export default {
} else { } else {
this.gValue = x; this.gValue = x;
} }
console.log(this.form);
this.getList(); this.getList();
this.getTable(); this.getTable();
}); });

217
src/views/ThemeAnalize/index.vue
Unescape View File

@ -13,11 +13,11 @@
<a-tab-pane class="tab-pane" key="1" tab="我的主题"> <a-tab-pane class="tab-pane" key="1" tab="我的主题">
<div class="card-items" v-for="(item, index) in myThemeArr" :key="index"> <div class="card-items" v-for="(item, index) in myThemeArr" :key="index">
<div class="card-item-top"> <div class="card-item-top">
<a-button type="primary" v-if="isCom">进行中</a-button> <a-button type="primary" v-if="item.isCom">进行中</a-button>
<a-button type="primary" v-else disabled>已完成</a-button> <a-button v-else disabled>已完成</a-button>
<a-button-group style="float: right"> <a-button-group style="float: right">
<a-button type="primary" @click="handlerEdit(item.guids)">编辑</a-button> <a-button type="primary" @click="handlerEdit(item.guids)">编辑</a-button>
<a-popconfirm @confirm="handlerDel(item.guids)" @cancel="cancel"> <a-popconfirm @confirm="handlerDel(item.guids)" @cancel="cancel">
<div slot="title" style="color: white">此操作将删除数据，是否继续？</div> <div slot="title" style="color: white">此操作将删除数据，是否继续？</div>
<a-button type="primary">删除</a-button> <a-button type="primary">删除</a-button>
</a-popconfirm> </a-popconfirm>
@ -40,95 +40,103 @@
</div> </div>
</div> </div>
</div> </div>
<v-modal :title="modalObj.title" :visible.sync="modalObj.visible"> <a-modal :title="modalObj.title" width="1200px" :footer="null" :visible="modalObj.visible" :dialog-style="{ top: '20px' }">
<div slot="body"> <div class="modal-outter">
<a-tabs type="card"> <a-tabs type="card" @change="handlerTabs">
<a-tab-pane key="1" tab="便捷模式"> <a-tab-pane key="0" tab="便捷模式">
<div class="modal-container"> <div class="modal-container">
<div class="modal-form"> <div class="modal-form">
<a-form-model :model="addForm" :label-col="{span : 4}" :wrapper-col="{span : 18}"> <a-form-model :model="addForm" :label-col="{span : 4}" :wrapper-col="{span : 18}">
<a-tabs type="card"><a-tab-pane key="10" tab="名称设置"> <a-tabs type="card"><a-tab-pane key="10" tab="名称设置">
<a-form-model-item label="主题名称"><a-input v-model="addForm.Name"></a-input></a-form-model-item> <a-form-model-item label="主题名称"><a-input placeholder="请输入主题名称" v-model="addForm.Name"></a-input></a-form-model-item>
<a-form-model-item label="监测周期"> <a-form-model-item label="监测周期">
<!-- <a-date-picker v-model="addForm.StartTime" show-time></a-date-picker> --> <a-range-picker show-time v-model="selTime" :disabled-date="disabledDate" @calendarChange="calendarPriceRangeChange" valueFormat="YYYY-MM-DD HH:mm:ss" @ok="handlerChangeTime">
<div style="display: flex"> <a-icon slot="suffixIcon" type="calendar" />
<a-input v-model="addForm.StartTime"></a-input> </a-range-picker>
<a-input v-model="addForm.EndTime"></a-input>
</div>
</a-form-model-item> </a-form-model-item>
</a-tab-pane></a-tabs> </a-tab-pane></a-tabs>
<a-tabs type="card"> <a-tabs type="card">
<a-tab-pane key="11" tab="必选词“和”的关系"> <a-tab-pane key="11" tab="必选词“和”的关系">
<a-form-model-item label="必选词"><a-input v-model="addForm.DetailsData[0].AnalyzeWord"></a-input></a-form-model-item> <a-form-model-item label="必选词"><a-input placeholder="请输入分析关键词，多个词用，隔开，最多支持5个" @change="doCombo" v-model="addForm.DetailsData[0].AnalyzeWord"></a-input></a-form-model-item>
<a-form-model-item label="可选词"><a-input v-model="addForm.DetailsData[0].HuoWord"></a-input></a-form-model-item> <a-form-model-item label="可选词"><a-input placeholder="请输入可选词，多个词用，隔开，最多支持5个" @change="doCombo" v-model="addForm.DetailsData[0].HuoWord"></a-input></a-form-model-item>
<a-form-model-item label="排除词"><a-input v-model="addForm.DetailsData[0].PaiChu"></a-input></a-form-model-item> <a-form-model-item label="排除词"><a-input placeholder="请输入排除词，多个词用，隔开，最多支持5个" v-model="addForm.DetailsData[0].PaiChu"></a-input></a-form-model-item>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="12" tab="主题词“或”的关系"> <a-tab-pane key="12" tab="主题词“或”的关系">
<a-form-model-item label="主体词"><a-input></a-input></a-form-model-item> <a-form-model-item label="主体词"><a-input placeholder="请输入主体词，多个词用，隔开，最多支持5个" @change="doCombo"></a-input></a-form-model-item>
<a-form-model-item label="关键词组一"><a-input></a-input></a-form-model-item> <a-form-model-item label="关键词组一"><a-input placeholder="请输入关键词，多个词用，隔开，最多支持5个" @change="doCombo"></a-input></a-form-model-item>
<a-form-model-item label="关键词组二"><a-input></a-input></a-form-model-item> <a-form-model-item label="关键词组二"><a-input placeholder="请输入关键词，多个词用，隔开，最多支持5个" @change="doCombo"></a-input></a-form-model-item>
<a-form-model-item label="排除词"><a-input></a-input></a-form-model-item> <a-form-model-item label="排除词"><a-input placeholder="请输入排除词，多个词用，隔开，最多支持5个"></a-input></a-form-model-item>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
<a-tabs type="card"><a-tab-pane key="13" tab="定向监测"> <a-tabs type="card"><a-tab-pane key="13" tab="定向监测">
<a-form-model-item label="媒体"><a-input></a-input></a-form-model-item> <a-form-model-item label="媒体"><a-input placeholder="请输入媒体名称，多个词用，隔开，最多支持5个"></a-input></a-form-model-item>
<a-form-model-item label="作者"><a-input></a-input></a-form-model-item> <a-form-model-item label="作者"><a-input placeholder="请输入作者名称，多个词用，隔开，最多支持5个"></a-input></a-form-model-item>
</a-tab-pane></a-tabs> </a-tab-pane></a-tabs>
</a-form-model> </a-form-model>
</div> </div>
<div class="modal-display"> <div class="modal-display">
<a-descriptions layout="vertical" bordered> <a-descriptions layout="vertical" bordered>
<a-descriptions-item label="配置组合示例共0组"> <a-descriptions-item :label="'配置示例组合共' + combo.number + '组'">
1111 <div v-for="(item, index) in combo.display" :key="index">
{{index+1}}.{{item}}
</div>
</a-descriptions-item> </a-descriptions-item>
</a-descriptions> </a-descriptions>
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab="高级模式"> <a-tab-pane key="1" tab="高级模式">
<div class="modal-container"> <div class="modal-container">
<div class="modal-form"> <div class="modal-form">
<a-form-model :model="addForm" :label-col="{span : 4}" :wrapper-col="{span : 18}"> <a-form-model :model="addForm" :label-col="{span : 4}" :wrapper-col="{span : 18}">
<a-tabs type="card"><a-tab-pane key="21" tab="名称设置"> <a-tabs type="card"><a-tab-pane key="21" tab="名称设置">
<a-form-model-item label="主题名称"><a-input></a-input></a-form-model-item> <a-form-model-item label="主题名称"><a-input placeholder="请输入主题名称" v-model="addForm.Name"></a-input></a-form-model-item>
<a-form-model-item label="监测周期"><a-input></a-input></a-form-model-item> <a-form-model-item label="监测周期">
<a-range-picker show-time v-model="selTime" :disabled-date="disabledDate" @calendarChange="calendarPriceRangeChange" valueFormat="YYYY-MM-DD HH:mm:ss" @ok="handlerChangeTime">
<a-icon slot="suffixIcon" type="calendar" />
</a-range-picker>
</a-form-model-item>
</a-tab-pane></a-tabs> </a-tab-pane></a-tabs>
<a-tabs type="card"><a-tab-pane key="22" tab="分析词设置"> <a-tabs type="card"><a-tab-pane key="22" tab="分析词设置">
<a-form-model-item label="主题词"><a-textarea></a-textarea></a-form-model-item> <a-form-model-item label="主题词"><a-textarea placeholder="请输入分析词" @change="doComboHigh" v-model="addForm.DetailsData[0].AnalyzeWord"></a-textarea></a-form-model-item>
</a-tab-pane></a-tabs> </a-tab-pane></a-tabs>
<a-tabs type="card"><a-tab-pane key="23" tab="定向监测"> <a-tabs type="card"><a-tab-pane key="23" tab="定向监测">
<a-form-model-item label="媒体"><a-textarea></a-textarea></a-form-model-item> <a-form-model-item label="媒体"><a-textarea placeholder="请输入媒体名称，多个词用，隔开，最多支持5个"></a-textarea></a-form-model-item>
<a-form-model-item label="作者"><a-textarea></a-textarea></a-form-model-item> <a-form-model-item label="作者"><a-textarea placeholder="请输入作者名称，多个词用，隔开，最多支持5个"></a-textarea></a-form-model-item>
</a-tab-pane></a-tabs> </a-tab-pane></a-tabs>
</a-form-model> </a-form-model>
</div> </div>
<div class="modal-display"> <div class="modal-display">
<a-descriptions layout="vertical" bordered> <a-descriptions layout="vertical" bordered>
<a-descriptions-item label="配置组合示例共0组"> <a-descriptions-item label='配置示例组合'>
1111 <div>
{{comboHigh}}
</div>
</a-descriptions-item> </a-descriptions-item>
</a-descriptions> </a-descriptions>
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
<div>
<div align="center">
<v-btn @click="handlerOk">确定</v-btn>
<v-btn @click="handlerCancel">关闭</v-btn>
</div>
</div>
</div> </div>
<div slot="footer"> <div slot="footer">
<div align="center"> <div align="center">
<v-btn @click="handlerOk">确定</v-btn> <v-btn @click="handlerOk">确定</v-btn>
</div> </div>
</div> </div>
</v-modal> </a-modal>
<!-- <newThemeModal :formData="formData" :visible="visible" @onSave="onSave"></newThemeModal> -->
</div> </div>
</template> </template>
<script> <script>
import newThemeModal from "./newThemeModal" import newThemeModal from "./newThemeModal"
import {getSchemeDataToTheme} from "@/api/ThemeAnalize" import tbEvent from './tbEvent'
import {setSchemeData} from "@/api/ThemeAnalize"
import {delCarBigDataByGuid} from "@/api/ThemeAnalize"
import {getSchemeDataByGuid} from "@/api/ThemeAnalize"
export default { export default {
name: "themeAnalize", name: "themeAnalize",
components: { components: {
@ -136,7 +144,6 @@ export default {
}, },
data() { data() {
return { return {
isCom: true,
myThemeArr: [], myThemeArr: [],
//新增对话框 //新增对话框
visible: false, visible: false,
@ -165,6 +172,14 @@ export default {
} }
] ]
}, },
//配置组合示例
combo:{
number: 0,
display: []
},
comboHigh: '',
//时间选项
selTime: [],
//列表 //列表
form: { form: {
token: "", token: "",
@ -179,109 +194,7 @@ export default {
this.getNowData(); this.getNowData();
}, },
methods: { methods: {
getNowData() { ...tbEvent
let obj = Object.assign({}, this.form);
getSchemeDataToTheme(obj).then(res => {
let data = res.data;
let themeArr = [];
data.forEach(ele => {
let obj = {
guids: ele.Guids,
name: ele.Name,
startTime: ele.StartTime,
endTime: ele.EndTime,
total: ele.ReportSum
};
themeArr.push(obj);
})
console.log(themeArr);
this.myThemeArr = themeArr;
})
},
goBack() {
this.$router.go(-1);
},
handlerAdd() {
this.reSet();
this.modalObj.visible = true
},
handlerEdit(guids) {
let obj = {
token: this.getToken,
Guids: guids
};
getSchemeDataByGuid(obj).then(res => {
let data = res.data;
this.addForm = data
this.modalObj.visible = true;
})
},
handlerDel(guids) {
let obj = {
token: this.getToken,
Guids: guids
}
delCarBigDataByGuid(obj).then(() => {
this.getNowData();
})
},
cancel() {},
handlerOk() {
let newForm = {
token: "",
DataJson: ""
};
newForm.token = this.getToken;
newForm.DataJson = JSON.stringify(this.addForm);
let obj = Object.assign({}, newForm);
setSchemeData(obj).then(res => {
this.getNowData();
})
this.reSet();
this.modalObj.visible = false;
},
reSet() {
this.addForm = {
Guids: null,
Name: "",
Classify: 0,
StartTime: '',
EndTime: '',
Types: "theme_v6",
DetailsData: [
{AnalyzeWord: "",
HuoWord: "",
PaiChu: "",
Source: "",
UserAuthor: "",
IsAdvancedQuery: 0 //0普通 1高级
}
]
}
},
toThemeData(guids) {
this.$router.push(
{
path: '/ThemeData',
query: {
action: "getList",
// sTimeType,
// sQuDao,
// sQingGan,
// iPageIndex,
// iPageSize,
token: this.getToken,
sType: "ZhuTiFenXiBl",
sGuid: guids,
// iGroupBy,
// isSourcetype,
// listType,
// website,
// iTimeType
},
}
)
}
} }
} }
</script> </script>
@ -292,29 +205,28 @@ export default {
} }
.d-inner { .d-inner {
width: 100%; width: 100%;
height: 960px; // height: 960px;
border: 2px solid #0F2A4D; border: 2px solid #0F2A4D;
background: rgba(6, 21, 41, 0.4); background: rgba(6, 21, 41, 0.4);
} }
.card-container { .card-container {
background: rgba(6, 21, 41, 0.4); background: rgba(6, 21, 41, 0.4);
overflow: hidden; overflow: hidden;
padding: 24px; padding: 16px;
} }
.tab-pane { .tab-pane {
display: flex; display: flex;
flex-wrap:wrap; flex-wrap:wrap;
justify-content: flex-start; justify-content: space-between;
align-items: center; align-items: center;
} }
.card-items { .card-items {
width: 430px; width: 446px;
height: 240px; // height: 240px;
background: linear-gradient(180deg, #0088c9 0%, #001c43 100%); background: linear-gradient(180deg, #0088c9 0%, #001c43 100%);
border-radius: 4px; border-radius: 4px;
border: 2px solid #0091ff;
margin-left: 24px;
margin-top: 24px; margin-top: 24px;
border: 2px solid #0091ff;
.card-item-top { .card-item-top {
width: 100%; width: 100%;
} }
@ -323,7 +235,8 @@ export default {
padding: 16px; padding: 16px;
color: white; color: white;
.cid-title { .cid-title {
height: 110px; height: 133px;
font-size: 20px;
} }
.cid-data { .cid-data {
display: flex; display: flex;
@ -340,11 +253,15 @@ export default {
} }
} }
} }
.modal-outter {
background: rgb(28, 39, 65);
}
.modal-container { .modal-container {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
color: white; color: white;
width: 1200px; width: 1200px;
height: 680px;
.modal-form { .modal-form {
width: 60%; width: 60%;
} }

49
src/views/ThemeAnalize/newThemeModal/index.vue
Unescape View File

@ -1,49 +0,0 @@
<template>
<a-modal :visible="visible" :footer="null">
<div class="modal-container">
<v-label-div title="新建主题"></v-label-div>
<a-tabs></a-tabs>
<div class="footer">
<v-btn @click="handlerSave">保存</v-btn>
</div>
</div>
</a-modal>
</template>
<script>
export default {
name: "newThemeModal",
props: {
visible: {
type: Boolean,
default: false
},
formData: {
type: Object,
default: () => {}
}
},
data() {
return {
}
},
methods: {
handlerSave() {
let form = {
data: 'test'
}
this.$emit('onSave',form)
}
}
}
</script>
<style lang="less">
.model-container {
width: 1200px;
}
.footer {
align-content: center;
}
</style>

182
src/views/ThemeAnalize/tbEvent.js
Unescape View File

@ -0,0 +1,182 @@
import {getSchemeDataToTheme} from "@/api/ThemeAnalize"
import {setSchemeData} from "@/api/ThemeAnalize"
import {delCarBigDataByGuid} from "@/api/ThemeAnalize"
import {getSchemeDataByGuid} from "@/api/ThemeAnalize"
import moment from "moment";
export default {
getNowData() {
let obj = Object.assign({}, this.form);
getSchemeDataToTheme(obj).then(res => {
let data = res.data;
let themeArr = [];
data.forEach(ele => {
let obj = {
guids: ele.Guids,
name: ele.Name,
startTime: ele.StartTime,
endTime: ele.EndTime,
total: ele.ReportSum,
isCom: true
};
//判断是否到期
if(new Date(ele.EndTime) <= new Date(this.getDatetime().clock + '' + this.getDatetime().sClock)) {
obj.isCom = false
}
themeArr.push(obj);
})
this.myThemeArr = themeArr;
})
},
//回退
goBack() {
this.setHeaderType(3);
this.$router.go(-1);
},
//新增按钮
handlerAdd() {
this.reSet();
this.combo = {
number: 0,
display: []
};
this.comboHigh = '';
this.modalObj.visible = true
},
//编辑修改
handlerEdit(guids) {
let obj = {
token: this.getToken,
Guids: guids
};
getSchemeDataByGuid(obj).then(res => {
let data = res.data;
console.log(data);
this.addForm = data;
this.doCombo();
this.doComboHigh();
this.modalObj.visible = true;
})
},
//删除
handlerDel(guids) {
let obj = {
token: this.getToken,
Guids: guids
}
delCarBigDataByGuid(obj).then(() => {
this.getNowData();
})
},
//删除确认框
cancel() {},
//新增确认框
handlerOk() {
let newForm = {
token: "",
DataJson: ""
};
newForm.token = this.getToken;
newForm.DataJson = JSON.stringify(this.addForm);
let obj = Object.assign({}, newForm);
setSchemeData(obj).then(res => {
this.getNowData();
this.reSet();
})
this.modalObj.visible = false;
},
handlerCancel() {
this.addForm.Guids = null;
this.reSet();
this.modalObj.visible = false;
},
//配置示例
doCombo() {
let bWord = this.addForm.DetailsData[0].AnalyzeWord.split('，')
let hWord = this.addForm.DetailsData[0].HuoWord.split('，')
let arr = [];
let bString = '';
// bWord.forEach(ele => {
// bString = bString + ele.trim()
// });
for(let i=0;i<bWord.length;i++) {
if(i < bWord.length - 1) {
bString = bString + bWord[i].trim() + '+'
} else {
bString = bString + bWord[i].trim()
}
}
hWord.forEach(ele => {
let str = '';
if(ele != '') {
str = bString + '+' + ele.trim();
} else {
str = bString + ele.trim();
}
arr.push(str)
})
this.combo.display = arr;
this.combo.number = arr.length;
},
doComboHigh() {
this.comboHigh = this.addForm.DetailsData[0].AnalyzeWord
},
//切换模式
handlerTabs(activeTab) {
this.addForm.DetailsData[0].IsAdvancedQuery = activeTab;
},
//重置表单
reSet() {
this.addForm = {
Name: "",
Classify: 0,
StartTime: '',
EndTime: '',
Types: "theme_v6",
DetailsData: [
{AnalyzeWord: "",
HuoWord: "",
PaiChu: "",
Source: "",
UserAuthor: "",
IsAdvancedQuery: 0 //0普通 1高级
}
]
}
},
//前往详情页
toThemeData(guids) {
this.$router.push(
{
path: '/ThemeData',
query: {
action: "getList",
// sTimeType,
// sQuDao,
// sQingGan,
// iPageIndex,
// iPageSize,
token: this.getToken,
sType: "ZhuTiFenXiBl",
sGuid: guids,
// iGroupBy,
// isSourcetype,
// listType,
// website,
// iTimeType
},
}
)
},
//日期
calendarPriceRangeChange(date) {
this.selectPriceDate = date[0];
},
handlerChangeTime(val) {
this.addForm.StartTime = val[0];
this.addForm.EndTime = val[1];
this.selectPriceDate = "";
},
disabledDate(current) {
return current > moment();
},
}

4
src/views/ThemeBoard/TotalSource/index.vue
Unescape View File

@ -106,9 +106,9 @@ export default {
this.modelStyle.left = mw.offsetX - this.ecmodel.width - 20 + "px" this.modelStyle.left = mw.offsetX - this.ecmodel.width - 20 + "px"
} }
if((this.ecbox.height - mw.offsetY - 20) > this.ecmodel.height) { if((this.ecbox.height - mw.offsetY - 20) > this.ecmodel.height) {
this.modelStyle.top = mw.offsetY + 1500 + "px" this.modelStyle.top = mw.offsetY + "px"
} else { } else {
this.modelStyle.top = mw.offsetY - this.ecmodel.height + 1500 + "px" this.modelStyle.top = mw.offsetY - this.ecmodel.height + "px"
} }
}, },
closeBox() { closeBox() {

1
src/views/ThemeData/getApi.js
Unescape View File

@ -4,6 +4,7 @@ export default {
//获取表格数据 //获取表格数据
getTableData() { getTableData() {
let obj = Object.assign({}, this.form); let obj = Object.assign({}, this.form);
this.tableLoading = true;
getList(obj).then(res => { getList(obj).then(res => {
let data = res.data; let data = res.data;
this.totalNum = res.totalNum; this.totalNum = res.totalNum;

15
src/views/ThemeData/index.vue
Unescape View File

@ -7,8 +7,8 @@
</v-label-div> </v-label-div>
<div class="d-inner-d1"> <div class="d-inner-d1">
<span class="s1">时间：</span> <span class="s1">时间：</span>
<v-tab-group :value="tValue" :style="{ background: 'transparent' }" :btns="buttonTime" @change="changeTime"></v-tab-group> <v-tab-group :value="tValue" :style="{ background: 'transparent' }" :btns="buttonTime" @change="handlerTime"></v-tab-group>
<a-range-picker show-time v-model="selTime" style="margin-left: 0.8rem" :disabled-date="disabledDate" @calendarChange="calendarPriceRangeChange" :size="$vuiSize" valueFormat="YYYY-MM-DD HH:mm:ss" v-if="form.sTimeType == selVal" @change="handlerChangeTime"> <a-range-picker show-time v-model="selTime" style="margin-left: 0.8rem" :disabled-date="disabledDate" @calendarChange="calendarPriceRangeChange" :size="$vuiSize" valueFormat="YYYY-MM-DD HH:mm:ss" v-if="form.sTimeType == selVal" @ok="handlerChangeTime">
<a-icon slot="suffixIcon" type="calendar" /> <a-icon slot="suffixIcon" type="calendar" />
</a-range-picker> </a-range-picker>
</div> </div>
@ -28,12 +28,12 @@
</div> </div>
<div class="d-inner-d1"> <div class="d-inner-d1">
<span class="s1">关键词：</span> <span class="s1">关键词：</span>
<a-select style="width: 200px"></a-select> <!-- <a-select style="width: 200px"></a-select> -->
<a-input style="width: 200px;margin-left: 12px"></a-input> <a-input-search style="width: 250px;margin-left: 12px" placeholder="请输入关键词" enter-button v-model="searchTitle" @search="onSearch"></a-input-search>
</div> </div>
<div class="d-inner-d1"> <div class="d-inner-d1">
<span class="s1">时间筛选：</span> <span class="s1">时间筛选：</span>
<v-tab-group :value="gValue" :style="{ background: 'transparent' }" :btns="btnTimes" @change="handlerTime"></v-tab-group> <v-tab-group :value="gValue" :style="{ background: 'transparent' }" :btns="btnTimes" @change="handlerSxTime"></v-tab-group>
</div> </div>
<div class="d-inner-d1"> <div class="d-inner-d1">
<span class="s1">去重筛选：</span> <span class="s1">去重筛选：</span>
@ -78,6 +78,8 @@ export default {
form: { form: {
action: 'getList', action: 'getList',
sTimeType: '', sTimeType: '',
sStartTime: '',
sEndTime: '',
sQuDao: '', sQuDao: '',
sQingGan: '', sQingGan: '',
iPageIndex: 1, iPageIndex: 1,
@ -98,6 +100,7 @@ export default {
selTime: [], selTime: [],
timesSel: [], timesSel: [],
buttonTime: [], buttonTime: [],
selectPriceDate: "",
//渠道 //渠道
quDao: [], quDao: [],
plainOptions: [], plainOptions: [],
@ -114,6 +117,8 @@ export default {
//去重筛选 //去重筛选
gValue2: 0, gValue2: 0,
btnTimes2:['不去重','相似度去重'], btnTimes2:['不去重','相似度去重'],
//搜索框
searchTitle: '',
//表格 //表格
columns: [ columns: [
{ {

96
src/views/ThemeData/tableEvent.js
Unescape View File

@ -28,6 +28,8 @@ export function rowSelection() {
return a return a
} }
import moment from "moment";
export default { export default {
//---主页面---// //---主页面---//
initData() { initData() {
@ -47,7 +49,7 @@ export default {
this.doFormQudao(qudao); this.doFormQudao(qudao);
this.doFormQS(series); this.doFormQS(series);
this.form.sTimeType = this.$route.query.sTimeType || '20'; this.form.sTimeType = this.$route.query.sTimeType || '34';
this.form.sStartTime = this.$route.query.startTime || ""; this.form.sStartTime = this.$route.query.startTime || "";
this.form.sEndTime = this.$route.query.endTime || ""; this.form.sEndTime = this.$route.query.endTime || "";
if (this.form.sStartTime && this.form.sEndTime) { if (this.form.sStartTime && this.form.sEndTime) {
@ -61,7 +63,6 @@ export default {
} else { } else {
this.gValue = x; this.gValue = x;
} }
console.log(this.form)
this.getTableData(); this.getTableData();
}) })
}, },
@ -86,12 +87,29 @@ export default {
}, },
//------// //------//
//时间 //时间
calendarPriceRangeChange() {}, calendarPriceRangeChange(date) {
handlerChangeTime() {}, this.selectPriceDate = date[0];
disabledDate() {}, },
changeTime(n) { handlerChangeTime(val) {
this.form.sStartTime = val[0];
this.form.sEndTime = val[1];
this.selectPriceDate = "";
this.sk = [];
this.tableAll = false;
this.getTableData();
},
disabledDate(current) {
return current > moment();
},
handlerTime(n) {
let ele = this.timesSel[n]; let ele = this.timesSel[n];
this.form.sTimeType = ele.key; this.form.sTimeType = ele.key;
this.sk = [];
this.tableAll = false;
if (ele.key != this.selVal) {
this.getTableData();
// this.getList();
}
}, },
// 选择情感和渠道的情况 // 选择情感和渠道的情况
onChange(val, type) { onChange(val, type) {
@ -100,33 +118,79 @@ export default {
this.qdIndeterminate = !!this.quDao.length && this.quDao.length < this.plainOptions.length; this.qdIndeterminate = !!this.quDao.length && this.quDao.length < this.plainOptions.length;
this.qdCheckAll = this.quDao.length === this.plainOptions.length; this.qdCheckAll = this.quDao.length === this.plainOptions.length;
this.form.sQuDao = this.quDao.toString(); this.form.sQuDao = this.quDao.toString();
} else if (type === "qingGan") { } else if (type === "diaoXing") {
this.qgIndeterminate = !!this.qingGan.length && this.qingGan.length < this.plainOptions3.length; this.dxIndeterminate = !!this.diaoXing.length && this.diaoXing.length < this.plainOptions1.length;
this.qgCheckAll = this.qingGan.length === this.plainOptions3.length; this.dxCheckAll = this.diaoXing.length === this.plainOptions1.length;
this.doFormQS(this.qingGan); // this.doFormQS(this.diaoXing);
this.form.sQingGan = this.diaoXing.toString();
} }
this.form.iPageIndex = 1; this.form.iPageIndex = 1;
Promise.all([this.getTableData()]).then(() => { Promise.all([this.getTableData()]).then(() => {
this.noClick = false; this.noClick = false;
}); });
}, },
//渠道 //渠道全选
onCheckAllChangeQd() {}, onCheckAllChangeQd(e) {
//调性 let arr = [];
onCheckAllChangeDx() {}, this.plainOptions.forEach(ele => {
let value = ele.value;
arr.push(value)
})
Object.assign(this, {
quDao: e.target.checked ? arr : [],
qdIndeterminate: false,
qdCheckAll: e.target.checked,
});
this.form.sQuDao = this.quDao.toString();
this.form.iPageIndex = 1;
this.pagination.current = 1;
this.sk = [];
this.tableAll = false;
Promise.all([this.getTableData()]).then(() => {
this.noClick = false;
});
},
//调性全选
onCheckAllChangeDx(e) {
let arr = [];
this.plainOptions1.forEach(ele => {
let value = ele.value;
arr.push(value)
})
Object.assign(this, {
diaoXing: e.target.checked ? arr : [],
dxIndeterminate: false,
dxCheckAll: e.target.checked,
});
this.doFormQS(this.diaoXing);
this.form.iPageIndex = 1;
this.pagination.current = 1;
this.sk = [];
this.tableAll = false;
Promise.all([this.getTableData()]).then(() => {
this.noClick = false;
});
},
//时间筛选 //时间筛选
handlerTime(activeIndex) { handlerSxTime(activeIndex) {
this.form.iTimeType = activeIndex; this.form.iTimeType = activeIndex;
this.getTableData();
}, },
//去重筛选 //去重筛选
handlerTime2(activeIndex) { handlerTime2(activeIndex) {
this.form.iGroupBy = activeIndex; this.form.iGroupBy = activeIndex;
this.getTableData();
},
//关键词搜索
onSearch() {
this.form.sTitle = this.searchTitle;
this.getTableData();
}, },
// 改变页面的数据 // 改变页面的数据
handlerPage(p) { handlerPage(p) {
let iPageIndex = p.current; let iPageIndex = p.current;
this.form.iPageIndex = iPageIndex; this.form.iPageIndex = iPageIndex;
this.pagination.current = iPageIndex; this.pagination.current = iPageIndex;
this.getTable(); this.getTableData();
}, },
} }
Write Preview
Loading…
Cancel
Save