|
@@ -4,11 +4,13 @@
|
|
<a-form
|
|
<a-form
|
|
class="grid-form" layout="inline"
|
|
class="grid-form" layout="inline"
|
|
:form="form"
|
|
:form="form"
|
|
- hide-required-mark @submit="handleQueryList"
|
|
|
|
|
|
+ hide-required-mark
|
|
|
|
+ @submit="handleQueryList"
|
|
>
|
|
>
|
|
<a-row class="grid-form-options">
|
|
<a-row class="grid-form-options">
|
|
<a-form-item
|
|
<a-form-item
|
|
- class="grid-form-item" label="名称"
|
|
|
|
|
|
+ class="grid-form-item"
|
|
|
|
+ label="名称"
|
|
:colon="false"
|
|
:colon="false"
|
|
>
|
|
>
|
|
<a-input
|
|
<a-input
|
|
@@ -37,12 +39,14 @@
|
|
</a-select>
|
|
</a-select>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
<a-form-item class="form-handle-btn">
|
|
<a-form-item class="form-handle-btn">
|
|
- <a-button type="default" class="resetClass" @click="handleResetForm">重置</a-button>
|
|
|
|
|
|
+ <a-button type="default" class="reset-class" @click="handleResetForm">重置</a-button>
|
|
<a-button type="primary" html-type="submit">查询</a-button>
|
|
<a-button type="primary" html-type="submit">查询</a-button>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-row>
|
|
</a-row>
|
|
</a-form>
|
|
</a-form>
|
|
- <a-button type="primary" class="upload-person" @click="handleUploadPerson">上传人群包</a-button>
|
|
|
|
|
|
+ <a-button type="primary" class="upload-person" @click="handleUploadPerson">
|
|
|
|
+ 上传人群包
|
|
|
|
+ </a-button>
|
|
</div>
|
|
</div>
|
|
<div class="control-con-table">
|
|
<div class="control-con-table">
|
|
<a-table
|
|
<a-table
|
|
@@ -59,7 +63,7 @@
|
|
<a @click="handleDelete(record)">删除</a>
|
|
<a @click="handleDelete(record)">删除</a>
|
|
</span>
|
|
</span>
|
|
<span slot="cause" slot-scope="text, record">
|
|
<span slot="cause" slot-scope="text, record">
|
|
- <a class="cause-text-class" @click="handleCause">{{ text }}</a>
|
|
|
|
|
|
+ <a class="cause-text-class" @click="handleCause(record)">{{ text }}</a>
|
|
</span>
|
|
</span>
|
|
<span slot="depRelax" slot-scope="text, record">
|
|
<span slot="depRelax" slot-scope="text, record">
|
|
<a @click="handleAcountRelax('dep', record)">{{ text }}</a>
|
|
<a @click="handleAcountRelax('dep', record)">{{ text }}</a>
|
|
@@ -155,25 +159,29 @@
|
|
v-if="causeVisible"
|
|
v-if="causeVisible"
|
|
:visible="causeVisible"
|
|
:visible="causeVisible"
|
|
:confirm-loading="causeConfirmLoading"
|
|
:confirm-loading="causeConfirmLoading"
|
|
|
|
+ :footer="null"
|
|
dialog-class="cause-modal"
|
|
dialog-class="cause-modal"
|
|
- @ok="handleCauseSure"
|
|
|
|
@cancel="handleCauseCancel"
|
|
@cancel="handleCauseCancel"
|
|
>
|
|
>
|
|
<div>
|
|
<div>
|
|
- <a-table :columns="causeColumns" :data-source="causeData" bordered>
|
|
|
|
- <template>
|
|
|
|
- {{ text }}
|
|
|
|
- </template>
|
|
|
|
- </a-table>
|
|
|
|
|
|
+ <div class="cause-modal-table-class">
|
|
|
|
+ <a-table :columns="causeColumns" :data-source="causeData" bordered :pagination="false"></a-table>
|
|
|
|
+ </div>
|
|
|
|
+ <a-pagination
|
|
|
|
+ class="pagin-table-class"
|
|
|
|
+ :total="totalAllCause"
|
|
|
|
+ size="small"
|
|
|
|
+ @change="handleCauseSizeChange"
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
- </a-modal>
|
|
|
|
|
|
+ </a-modal>
|
|
<a-modal
|
|
<a-modal
|
|
title="相关项目"
|
|
title="相关项目"
|
|
v-if="relaxVisible"
|
|
v-if="relaxVisible"
|
|
:visible="relaxVisible"
|
|
:visible="relaxVisible"
|
|
:confirm-loading="relaxConfirmLoading"
|
|
:confirm-loading="relaxConfirmLoading"
|
|
|
|
+ :footer="null"
|
|
dialog-class="relax-modal"
|
|
dialog-class="relax-modal"
|
|
- @ok="handleRelaxSure"
|
|
|
|
@cancel="handleRelaxCancel"
|
|
@cancel="handleRelaxCancel"
|
|
>
|
|
>
|
|
<div>
|
|
<div>
|
|
@@ -187,17 +195,10 @@
|
|
</div>
|
|
</div>
|
|
<template v-if="relaxStatus === 'dep'">
|
|
<template v-if="relaxStatus === 'dep'">
|
|
<a-table :columns="depColumns" :data-source="depData" bordered>
|
|
<a-table :columns="depColumns" :data-source="depData" bordered>
|
|
- <template>
|
|
|
|
- {{ text }}
|
|
|
|
- </template>
|
|
|
|
</a-table>
|
|
</a-table>
|
|
</template>
|
|
</template>
|
|
<template v-if="relaxStatus === 'acount'">
|
|
<template v-if="relaxStatus === 'acount'">
|
|
- <a-table :columns="acountColumns" :data-source="acountData" bordered>
|
|
|
|
- <template>
|
|
|
|
- {{ text }}
|
|
|
|
- </template>
|
|
|
|
- </a-table>
|
|
|
|
|
|
+ <a-table :columns="acountColumns" :data-source="acountData" bordered></a-table>
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</a-modal>
|
|
</a-modal>
|
|
@@ -223,6 +224,7 @@ export default {
|
|
data() {
|
|
data() {
|
|
let that = this;
|
|
let that = this;
|
|
return {
|
|
return {
|
|
|
|
+ totalAllCause: 0,
|
|
acountId: undefined, // 搜索的账户ID
|
|
acountId: undefined, // 搜索的账户ID
|
|
uploadAcountIds: '',
|
|
uploadAcountIds: '',
|
|
totalAll: 10,
|
|
totalAll: 10,
|
|
@@ -285,13 +287,7 @@ export default {
|
|
}
|
|
}
|
|
],
|
|
],
|
|
relaxStatus: '',
|
|
relaxStatus: '',
|
|
- causeData: [ // 原因的table列表数据
|
|
|
|
- {
|
|
|
|
- name: '1111',
|
|
|
|
- age: '222',
|
|
|
|
- address: '33333'
|
|
|
|
- }
|
|
|
|
- ],
|
|
|
|
|
|
+ causeData: [], // 原因的table列表数据,
|
|
depData: [ // 相关项目的table列表数据
|
|
depData: [ // 相关项目的table列表数据
|
|
{
|
|
{
|
|
name: '1111',
|
|
name: '1111',
|
|
@@ -343,17 +339,17 @@ export default {
|
|
causeColumns: [ // 原因的table列表
|
|
causeColumns: [ // 原因的table列表
|
|
{
|
|
{
|
|
title: '项目名称',
|
|
title: '项目名称',
|
|
- dataIndex: 'name',
|
|
|
|
- width: '25%'
|
|
|
|
|
|
+ dataIndex: 'projectName',
|
|
|
|
+ width: '30%'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '账户名称',
|
|
title: '账户名称',
|
|
- dataIndex: 'age',
|
|
|
|
- width: '15%'
|
|
|
|
|
|
+ dataIndex: 'accountName',
|
|
|
|
+ width: '30%'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '原因',
|
|
title: '原因',
|
|
- dataIndex: 'address',
|
|
|
|
|
|
+ dataIndex: 'message',
|
|
width: '40%'
|
|
width: '40%'
|
|
}
|
|
}
|
|
],
|
|
],
|
|
@@ -362,6 +358,8 @@ export default {
|
|
{
|
|
{
|
|
title: '人群包名称',
|
|
title: '人群包名称',
|
|
align: 'center',
|
|
align: 'center',
|
|
|
|
+ width: 200,
|
|
|
|
+ ellipsis: true,
|
|
dataIndex: 'orientationName'
|
|
dataIndex: 'orientationName'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
@@ -369,16 +367,13 @@ export default {
|
|
align: 'center',
|
|
align: 'center',
|
|
dataIndex: 'populationType',
|
|
dataIndex: 'populationType',
|
|
customRender(t) {
|
|
customRender(t) {
|
|
- return that.populationTypeTasks.find(item => item.label === Number(t)).value || '-';
|
|
|
|
|
|
+ return t ? that.populationTypeTasks.find(item => item.label === Number(t)).value : '-';
|
|
}
|
|
}
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '匹配类型',
|
|
title: '匹配类型',
|
|
align: 'center',
|
|
align: 'center',
|
|
- dataIndex: 'type',
|
|
|
|
- customRender(t) {
|
|
|
|
- return that.mateTypeTasks.find(item => item.label === t).value || '-';
|
|
|
|
- }
|
|
|
|
|
|
+ dataIndex: 'typeStr'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
title: '上传时间',
|
|
title: '上传时间',
|
|
@@ -395,7 +390,7 @@ export default {
|
|
dataIndex: 'status',
|
|
dataIndex: 'status',
|
|
align: 'center',
|
|
align: 'center',
|
|
customRender(t) {
|
|
customRender(t) {
|
|
- return that.statusTasks.find(item => item.label === t).value || '-';
|
|
|
|
|
|
+ return t ? that.statusTasks.find(item => item.label === t).value : '-';
|
|
}
|
|
}
|
|
},
|
|
},
|
|
{
|
|
{
|
|
@@ -445,8 +440,13 @@ export default {
|
|
page: 1,
|
|
page: 1,
|
|
size: 10
|
|
size: 10
|
|
},
|
|
},
|
|
|
|
+ causePag: {
|
|
|
|
+ page: 1,
|
|
|
|
+ size: 10
|
|
|
|
+ },
|
|
tableSelectList: {},
|
|
tableSelectList: {},
|
|
- acountRelaxDetail: {}
|
|
|
|
|
|
+ acountRelaxDetail: {},
|
|
|
|
+ causeDetailData: {}
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -457,13 +457,20 @@ export default {
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
onShowSizeChange(current, pageSize) {
|
|
onShowSizeChange(current, pageSize) {
|
|
|
|
+ const params = this.form.getFieldsValue();
|
|
this.tablePag = {
|
|
this.tablePag = {
|
|
page: current,
|
|
page: current,
|
|
size: pageSize
|
|
size: pageSize
|
|
};
|
|
};
|
|
- const params = this.form.getFieldsValue();
|
|
|
|
this.handleGetTableList(params);
|
|
this.handleGetTableList(params);
|
|
},
|
|
},
|
|
|
|
+ handleCauseSizeChange(current, pageSize) {
|
|
|
|
+ this.causePag = {
|
|
|
|
+ page: current,
|
|
|
|
+ size: pageSize
|
|
|
|
+ };
|
|
|
|
+ this.handleCauseTableData();
|
|
|
|
+ },
|
|
handleGetTableList(data) {
|
|
handleGetTableList(data) {
|
|
const params = {
|
|
const params = {
|
|
orientationName: data.name,
|
|
orientationName: data.name,
|
|
@@ -486,13 +493,37 @@ export default {
|
|
title: '删除提示',
|
|
title: '删除提示',
|
|
content: '确定要删除这一条吗?',
|
|
content: '确定要删除这一条吗?',
|
|
onOk() {
|
|
onOk() {
|
|
- return new Promise((resolve, reject) => {
|
|
|
|
- setTimeout(Math.random() > 0.5 ? resolve : reject, 1000);
|
|
|
|
- }).catch(() => console.log('Oops errors!'));
|
|
|
|
|
|
+ getAction('/kuaishouCrowdPack/delete', {id: data.id}).then(result => {
|
|
|
|
+ if (result.code === 200) {
|
|
|
|
+ this.handleGetTableList({});
|
|
|
|
+ }
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ console.log(error, 'eeee');
|
|
|
|
+ });
|
|
},
|
|
},
|
|
onCancel() {}
|
|
onCancel() {}
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
+ handleAcountRelaxTable(txt) {
|
|
|
|
+ const params = {
|
|
|
|
+ orientationId: this.acountRelaxDetail.orientationId,
|
|
|
|
+ accountId: this.acountRelaxDetail.accountId,
|
|
|
|
+ type: txt === 'dep' ? 1 : 2
|
|
|
|
+ };
|
|
|
|
+ getAction('/kuaishouCrowdPack/queryRel', params).then(result => {
|
|
|
|
+ if (result.code === 200) {
|
|
|
|
+ console.log(result, 'result----relax');
|
|
|
|
+ if (txt === 'dep') {
|
|
|
|
+ this.depData = result.result;
|
|
|
|
+ }
|
|
|
|
+ else if (txt === 'acount') {
|
|
|
|
+ this.acountData = result.result;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ console.log(error, 'eeee');
|
|
|
|
+ });
|
|
|
|
+ },
|
|
handleAcountRelax(txt, recd) {
|
|
handleAcountRelax(txt, recd) {
|
|
if (txt === 'dep') {
|
|
if (txt === 'dep') {
|
|
this.relaxStatus = 'dep';
|
|
this.relaxStatus = 'dep';
|
|
@@ -501,16 +532,31 @@ export default {
|
|
this.relaxStatus = 'acount';
|
|
this.relaxStatus = 'acount';
|
|
}
|
|
}
|
|
this.acountRelaxDetail = recd;
|
|
this.acountRelaxDetail = recd;
|
|
|
|
+ this.handleAcountRelaxTable(txt);
|
|
this.relaxVisible = true;
|
|
this.relaxVisible = true;
|
|
},
|
|
},
|
|
handleRelaxCancel() {
|
|
handleRelaxCancel() {
|
|
this.relaxVisible = false;
|
|
this.relaxVisible = false;
|
|
},
|
|
},
|
|
- handleRelaxSure() {
|
|
|
|
- console.log('相关项目确认弹窗');
|
|
|
|
- },
|
|
|
|
- handleCause() {
|
|
|
|
|
|
+ handleCause(list) {
|
|
this.causeVisible = true;
|
|
this.causeVisible = true;
|
|
|
|
+ this.causeDetailData = list;
|
|
|
|
+ this.handleCauseTableData();
|
|
|
|
+ },
|
|
|
|
+ handleCauseTableData() {
|
|
|
|
+ const paramsData = {
|
|
|
|
+ accountId: this.causeDetailData.accountId,
|
|
|
|
+ pageNo: this.causePag.page,
|
|
|
|
+ pageSize: this.causePag.size
|
|
|
|
+ };
|
|
|
|
+ getAction('/kuaishouCrowdPack/queryFailReason', paramsData).then(result => {
|
|
|
|
+ if (result.code === 200) {
|
|
|
|
+ this.causeData = result.result.list || [];
|
|
|
|
+ this.totalAllCause = result.result.total || 0;
|
|
|
|
+ }
|
|
|
|
+ }).catch(error => {
|
|
|
|
+ console.log(error, 'eeee');
|
|
|
|
+ });
|
|
},
|
|
},
|
|
handleApplyType(list) {
|
|
handleApplyType(list) {
|
|
this.finallyRightTree = list;
|
|
this.finallyRightTree = list;
|
|
@@ -519,9 +565,6 @@ export default {
|
|
this.tableSelectList = val;
|
|
this.tableSelectList = val;
|
|
this.pushVisible = true;
|
|
this.pushVisible = true;
|
|
},
|
|
},
|
|
- handleCauseSure() {
|
|
|
|
- console.log('错误原因确认按钮');
|
|
|
|
- },
|
|
|
|
handleCauseCancel() {
|
|
handleCauseCancel() {
|
|
this.causeVisible = false;
|
|
this.causeVisible = false;
|
|
},
|
|
},
|
|
@@ -550,14 +593,12 @@ export default {
|
|
this.$message.error('只能上传zip格式的文件或者txt文件');
|
|
this.$message.error('只能上传zip格式的文件或者txt文件');
|
|
return false;
|
|
return false;
|
|
}
|
|
}
|
|
- const fileOvesize = file.size > (1024 * 1024);
|
|
|
|
|
|
+ const fileOvesize = file.size > (1024 * 1024 * 1024);
|
|
if (fileOvesize) {
|
|
if (fileOvesize) {
|
|
this.$message.error('文件大小不能超过1G');
|
|
this.$message.error('文件大小不能超过1G');
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
- else {
|
|
|
|
- this.cosUpload(file);
|
|
|
|
- }
|
|
|
|
|
|
+ this.cosUpload(file);
|
|
},
|
|
},
|
|
cosUpload(file) {
|
|
cosUpload(file) {
|
|
var that = this;
|
|
var that = this;
|
|
@@ -663,6 +704,7 @@ export default {
|
|
handleCancel() {
|
|
handleCancel() {
|
|
this.personVisible = false;
|
|
this.personVisible = false;
|
|
this.$refs.ruleForm.resetFields();
|
|
this.$refs.ruleForm.resetFields();
|
|
|
|
+ this.uploadAcountIds = '';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|