|
@@ -27,9 +27,12 @@
|
|
|
/>
|
|
|
</el-select>
|
|
|
<date-picker style="margin: 0 20px; width: 240px" v-model="issueTime" type="date" range placeholder="发布时间" value-type="format" @change="conditionChange"> </date-picker>
|
|
|
- <el-input @input="reportTitleHandle" v-model="reportTitle" placeholder="请输入文章标题" clearable style="display: inline-block; width: 240px">
|
|
|
+ <el-input @input="reportTitleHandle" v-model="reportTitle" placeholder="请输入文章标题" clearable style="display: inline-block; width: 240px; margin-right: 20px">
|
|
|
<i slot="prefix" class="el-input__icon el-icon-search"></i>
|
|
|
</el-input>
|
|
|
+ <el-autocomplete v-model="authorName" :fetch-suggestions="querySearchAsync" placeholder="请输入作者昵称" @select="conditionChange">
|
|
|
+ <i slot="prefix" class="el-input__icon el-icon-search"></i>
|
|
|
+ </el-autocomplete>
|
|
|
</div>
|
|
|
</template>
|
|
|
<div v-else style="margin-bottom: 20px; display: flex; justify-content: space-between">
|
|
@@ -45,9 +48,12 @@
|
|
|
:value="item.value"
|
|
|
/>
|
|
|
</el-select>
|
|
|
- <el-input @input="authorColumnValueHandler" v-model="authorColumnValue" placeholder="请输入专栏名称" clearable style="display: inline-block; width: 240px">
|
|
|
+ <el-input @input="authorColumnValueHandler" v-model="authorColumnValue" placeholder="请输入专栏名称" clearable style="display: inline-block; width: 240px; margin-right: 20px">
|
|
|
<i slot="prefix" class="el-input__icon el-icon-search"></i>
|
|
|
</el-input>
|
|
|
+ <el-autocomplete v-model="authorName" :fetch-suggestions="querySearchAsync" placeholder="请输入作者昵称" @select="conditionChange">
|
|
|
+ <i slot="prefix" class="el-input__icon el-icon-search"></i>
|
|
|
+ </el-autocomplete>
|
|
|
</div>
|
|
|
<div>
|
|
|
<el-button type="primary" @click="addAuthorDlgVisible = true">新建作者</el-button>
|
|
@@ -85,7 +91,11 @@
|
|
|
<template v-else>
|
|
|
<el-table-column v-for="item in authorTableColums" :width="item.widthsty" :key="item.key" :prop="item.key" :label="item.label" align="center" :sortable="isShowSortable(item)">
|
|
|
<template slot-scope="{ row }">
|
|
|
- <span v-if="item.label != '总PV/UV'" @click="handleRowClick(row, item.key)" :style="handleRowStyle(item.key)">{{ handleRowContent(row, item.key) }}</span>
|
|
|
+ <span v-if="item.label != '总PV/UV' && item.key != 'Remark'" @click="handleRowClick(row, item.key)" :style="handleRowStyle(item.key)">{{ handleRowContent(row, item.key) }}</span>
|
|
|
+ <div v-else-if="item.key == 'Remark'">
|
|
|
+ {{ handleRowContent(row, item.key) }}
|
|
|
+ <span @click="lookEditRemark(row)" class="editsty" style="font-size: 22px"> ... </span>
|
|
|
+ </div>
|
|
|
<span v-else>{{ row.Pv }} / {{ row.Uv }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
@@ -112,7 +122,7 @@
|
|
|
</div>
|
|
|
</el-card>
|
|
|
<collect-fans-dlg :iscollectFansDlgShow.sync="iscollectFansDlgShow" :collectFansDlgText.sync="collectFansDlgText" :collectFansDlgItem.sync="collectFansDlgItem" />
|
|
|
- <special-dlg :addAuthorDlgVisible.sync="addAuthorDlgVisible" :submitRejectDlgVisible.sync="submitRejectDlgVisible" :submitRejectId="submitRejectId" />
|
|
|
+ <special-dlg :addAuthorDlgVisible.sync="addAuthorDlgVisible" :lookEditRemarkDlgShow.sync="lookEditRemarkDlgShow" :lookEditRemarkInfo.sync="lookEditRemarkInfo" />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -144,9 +154,12 @@ export default {
|
|
|
collectFansDlgText: "",
|
|
|
collectFansDlgItem: {},
|
|
|
addAuthorDlgVisible: false,
|
|
|
+ lookEditRemarkDlgShow: false, // 查看编辑备注
|
|
|
+ lookEditRemarkInfo: {},
|
|
|
topLableList: [],
|
|
|
sortType: "",
|
|
|
sortParam: "",
|
|
|
+ authorName: "", // 作者名称
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
@@ -171,6 +184,7 @@ export default {
|
|
|
// 点击了头部的tlble
|
|
|
tlableClickHandler(item) {
|
|
|
this.topLableActive = item.value;
|
|
|
+ this.authorName = "";
|
|
|
this.page_no = 1;
|
|
|
this.getyanxuanReportSpecial();
|
|
|
},
|
|
@@ -220,6 +234,8 @@ export default {
|
|
|
return row[key] == 1 ? "线上" : `线下(${row["City"]})`;
|
|
|
} else if (key == "RegisterPlatform") {
|
|
|
return row[key] == 1 ? "小程序" : row[key] == 2 ? "网页版" : row[key] == 3 ? "策略平台" : "";
|
|
|
+ } else if (key == "Remark") {
|
|
|
+ return row[key] ? row[key].substring(0, 15) : "";
|
|
|
} else {
|
|
|
return row[key];
|
|
|
}
|
|
@@ -252,6 +268,7 @@ export default {
|
|
|
EndDate: this.issueTime[1],
|
|
|
SortType: this.sortType,
|
|
|
SortParam: this.sortParam,
|
|
|
+ NickName: this.authorName,
|
|
|
};
|
|
|
const res =
|
|
|
this.topLableActive == 1 && (this.reportStatusActive == 1 || this.reportStatusActive == 2)
|
|
@@ -327,6 +344,32 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
+
|
|
|
+ //查看或修改
|
|
|
+ lookEditRemark(row) {
|
|
|
+ this.lookEditRemarkInfo = row;
|
|
|
+ this.lookEditRemarkDlgShow = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ async querySearchAsync(queryString, cb) {
|
|
|
+ cb([]);
|
|
|
+ if (!queryString) {
|
|
|
+ this.conditionChange();
|
|
|
+ } else {
|
|
|
+ const res = await raiInterface.yanxuan_specialAuthorSearch({
|
|
|
+ KeyWord: queryString,
|
|
|
+ });
|
|
|
+ if (res.Ret === 200) {
|
|
|
+ let arr = res.Data.List.map((item) => {
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ value: item.KeyWord,
|
|
|
+ };
|
|
|
+ });
|
|
|
+ cb(arr);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|