|
|
|
@ -13,11 +13,11 @@
|
|
|
|
|
<a-tab-pane class="tab-pane" key="1" tab="我的主题">
|
|
|
|
|
<div class="card-items" v-for="(item, index) in myThemeArr" :key="index">
|
|
|
|
|
<div class="card-item-top">
|
|
|
|
|
<a-button type="primary" v-if="isCom">进行中</a-button>
|
|
|
|
|
<a-button type="primary" v-else disabled>已完成</a-button>
|
|
|
|
|
<a-button type="primary" v-if="item.isCom">进行中</a-button>
|
|
|
|
|
<a-button v-else disabled>已完成</a-button>
|
|
|
|
|
<a-button-group style="float: right">
|
|
|
|
|
<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>
|
|
|
|
|
<a-button type="primary">删除</a-button>
|
|
|
|
|
</a-popconfirm>
|
|
|
|
@ -40,95 +40,103 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<v-modal :title="modalObj.title" :visible.sync="modalObj.visible">
|
|
|
|
|
<div slot="body">
|
|
|
|
|
<a-tabs type="card">
|
|
|
|
|
<a-tab-pane key="1" tab="便捷模式">
|
|
|
|
|
<a-modal :title="modalObj.title" width="1200px" :footer="null" :visible="modalObj.visible" :dialog-style="{ top: '20px' }">
|
|
|
|
|
<div class="modal-outter">
|
|
|
|
|
<a-tabs type="card" @change="handlerTabs">
|
|
|
|
|
<a-tab-pane key="0" tab="便捷模式">
|
|
|
|
|
<div class="modal-container">
|
|
|
|
|
<div class="modal-form">
|
|
|
|
|
<a-form-model :model="addForm" :label-col="{span : 4}" :wrapper-col="{span : 18}">
|
|
|
|
|
<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-date-picker v-model="addForm.StartTime" show-time></a-date-picker> -->
|
|
|
|
|
<div style="display: flex">
|
|
|
|
|
<a-input v-model="addForm.StartTime"></a-input>
|
|
|
|
|
<a-input v-model="addForm.EndTime"></a-input>
|
|
|
|
|
</div>
|
|
|
|
|
<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-tabs type="card">
|
|
|
|
|
<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 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个" @change="doCombo" 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].HuoWord"></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 key="12" tab="主题词“或”的关系">
|
|
|
|
|
<a-form-model-item label="主体词"><a-input></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></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 placeholder="请输入关键词,多个词用,隔开,最多支持5个" @change="doCombo"></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 placeholder="请输入排除词,多个词用,隔开,最多支持5个"></a-input></a-form-model-item>
|
|
|
|
|
</a-tab-pane>
|
|
|
|
|
</a-tabs>
|
|
|
|
|
<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></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 placeholder="请输入作者名称,多个词用,隔开,最多支持5个"></a-input></a-form-model-item>
|
|
|
|
|
</a-tab-pane></a-tabs>
|
|
|
|
|
</a-form-model>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-display">
|
|
|
|
|
<a-descriptions layout="vertical" bordered>
|
|
|
|
|
<a-descriptions-item label="配置组合示例共0组">
|
|
|
|
|
1111
|
|
|
|
|
<a-descriptions-item :label="'配置示例组合共' + combo.number + '组'">
|
|
|
|
|
<div v-for="(item, index) in combo.display" :key="index">
|
|
|
|
|
{{index+1}}.{{item}}
|
|
|
|
|
</div>
|
|
|
|
|
</a-descriptions-item>
|
|
|
|
|
</a-descriptions>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-tab-pane>
|
|
|
|
|
<a-tab-pane key="2" tab="高级模式">
|
|
|
|
|
<a-tab-pane key="1" tab="高级模式">
|
|
|
|
|
<div class="modal-container">
|
|
|
|
|
<div class="modal-form">
|
|
|
|
|
<a-form-model :model="addForm" :label-col="{span : 4}" :wrapper-col="{span : 18}">
|
|
|
|
|
<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></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-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-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-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></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 placeholder="请输入作者名称,多个词用,隔开,最多支持5个"></a-textarea></a-form-model-item>
|
|
|
|
|
</a-tab-pane></a-tabs>
|
|
|
|
|
</a-form-model>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-display">
|
|
|
|
|
<a-descriptions layout="vertical" bordered>
|
|
|
|
|
<a-descriptions-item label="配置组合示例共0组">
|
|
|
|
|
1111
|
|
|
|
|
<a-descriptions-item label='配置示例组合'>
|
|
|
|
|
<div>
|
|
|
|
|
{{comboHigh}}
|
|
|
|
|
</div>
|
|
|
|
|
</a-descriptions-item>
|
|
|
|
|
</a-descriptions>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-tab-pane>
|
|
|
|
|
</a-tabs>
|
|
|
|
|
<div>
|
|
|
|
|
<div align="center">
|
|
|
|
|
<v-btn @click="handlerOk">确定</v-btn>
|
|
|
|
|
<v-btn @click="handlerCancel">关闭</v-btn>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div slot="footer">
|
|
|
|
|
<div align="center">
|
|
|
|
|
<v-btn @click="handlerOk">确定</v-btn>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</v-modal>
|
|
|
|
|
<!-- <newThemeModal :formData="formData" :visible="visible" @onSave="onSave"></newThemeModal> -->
|
|
|
|
|
</a-modal>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import newThemeModal from "./newThemeModal"
|
|
|
|
|
import {getSchemeDataToTheme} from "@/api/ThemeAnalize"
|
|
|
|
|
import {setSchemeData} from "@/api/ThemeAnalize"
|
|
|
|
|
import {delCarBigDataByGuid} from "@/api/ThemeAnalize"
|
|
|
|
|
import {getSchemeDataByGuid} from "@/api/ThemeAnalize"
|
|
|
|
|
import tbEvent from './tbEvent'
|
|
|
|
|
export default {
|
|
|
|
|
name: "themeAnalize",
|
|
|
|
|
components: {
|
|
|
|
@ -136,7 +144,6 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
isCom: true,
|
|
|
|
|
myThemeArr: [],
|
|
|
|
|
//新增对话框
|
|
|
|
|
visible: false,
|
|
|
|
@ -165,6 +172,14 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
//配置组合示例
|
|
|
|
|
combo:{
|
|
|
|
|
number: 0,
|
|
|
|
|
display: []
|
|
|
|
|
},
|
|
|
|
|
comboHigh: '',
|
|
|
|
|
//时间选项
|
|
|
|
|
selTime: [],
|
|
|
|
|
//列表
|
|
|
|
|
form: {
|
|
|
|
|
token: "",
|
|
|
|
@ -179,109 +194,7 @@ export default {
|
|
|
|
|
this.getNowData();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
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
|
|
|
|
|
};
|
|
|
|
|
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
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
...tbEvent
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
@ -292,29 +205,28 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
.d-inner {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 960px;
|
|
|
|
|
// height: 960px;
|
|
|
|
|
border: 2px solid #0F2A4D;
|
|
|
|
|
background: rgba(6, 21, 41, 0.4);
|
|
|
|
|
}
|
|
|
|
|
.card-container {
|
|
|
|
|
background: rgba(6, 21, 41, 0.4);
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
padding: 24px;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
}
|
|
|
|
|
.tab-pane {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.card-items {
|
|
|
|
|
width: 430px;
|
|
|
|
|
height: 240px;
|
|
|
|
|
width: 446px;
|
|
|
|
|
// height: 240px;
|
|
|
|
|
background: linear-gradient(180deg, #0088c9 0%, #001c43 100%);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
border: 2px solid #0091ff;
|
|
|
|
|
margin-left: 24px;
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
border: 2px solid #0091ff;
|
|
|
|
|
.card-item-top {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
@ -323,7 +235,8 @@ export default {
|
|
|
|
|
padding: 16px;
|
|
|
|
|
color: white;
|
|
|
|
|
.cid-title {
|
|
|
|
|
height: 110px;
|
|
|
|
|
height: 133px;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
}
|
|
|
|
|
.cid-data {
|
|
|
|
|
display: flex;
|
|
|
|
@ -340,11 +253,15 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.modal-outter {
|
|
|
|
|
background: rgb(28, 39, 65);
|
|
|
|
|
}
|
|
|
|
|
.modal-container {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
color: white;
|
|
|
|
|
width: 1200px;
|
|
|
|
|
height: 680px;
|
|
|
|
|
.modal-form {
|
|
|
|
|
width: 60%;
|
|
|
|
|
}
|
|
|
|
|