|
|
|
|
@ -47,7 +47,8 @@
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="省" prop="provinceId">
|
|
|
|
|
<el-select v-model="queryParams.provinceId" @change="getCityList(queryParams.provinceId)" @keyup.enter.native="handleQuery" filterable clearable>
|
|
|
|
|
<el-select v-model="queryParams.provinceId" @change="getCityList(queryParams.provinceId)"
|
|
|
|
|
@keyup.enter.native="handleQuery" filterable clearable>
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in provinceList"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
@ -57,7 +58,8 @@
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="市" prop="cityId">
|
|
|
|
|
<el-select v-model="queryParams.cityId" @change="getAreaByPid(queryParams.cityId)" @keyup.enter.native="handleQuery" filterable clearable placeholder="请选择省">
|
|
|
|
|
<el-select v-model="queryParams.cityId" @change="getAreaByPid(queryParams.cityId)"
|
|
|
|
|
@keyup.enter.native="handleQuery" filterable clearable placeholder="请选择省">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in cityList"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
@ -67,7 +69,8 @@
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="区" prop="areaId">
|
|
|
|
|
<el-select v-model="queryParams.areaId" @keyup.enter.native="handleQuery" filterable clearable placeholder="请选择市">
|
|
|
|
|
<el-select v-model="queryParams.areaId" @keyup.enter.native="handleQuery" filterable clearable
|
|
|
|
|
placeholder="请选择市">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in areaList"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
@ -106,16 +109,16 @@
|
|
|
|
|
<!-- </el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item label="购买渠道" prop="purchaseChannels">
|
|
|
|
|
<el-select v-model="queryParams.purchaseChannels" multiple placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in purchaseChannels"
|
|
|
|
|
:key="item.value"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="item.value">
|
|
|
|
|
</el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- <el-form-item label="购买渠道" prop="purchaseChannels">-->
|
|
|
|
|
<!-- <el-select v-model="queryParams.purchaseChannels" multiple placeholder="请选择">-->
|
|
|
|
|
<!-- <el-option-->
|
|
|
|
|
<!-- v-for="item in purchaseChannels"-->
|
|
|
|
|
<!-- :key="item.value"-->
|
|
|
|
|
<!-- :label="item.label"-->
|
|
|
|
|
<!-- :value="item.value">-->
|
|
|
|
|
<!-- </el-option>-->
|
|
|
|
|
<!-- </el-select>-->
|
|
|
|
|
<!-- </el-form-item>-->
|
|
|
|
|
<el-form-item label="企微标签" prop="wecomTags">
|
|
|
|
|
<el-select v-model="queryParams.wecomTags" multiple placeholder="请选择">
|
|
|
|
|
<el-option
|
|
|
|
|
@ -144,47 +147,74 @@
|
|
|
|
|
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-plus"
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="handleAdd"
|
|
|
|
|
v-hasPermi="['system:member:add']"
|
|
|
|
|
>新增</el-button>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="success"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-edit"
|
|
|
|
|
size="mini"
|
|
|
|
|
:disabled="single"
|
|
|
|
|
@click="handleUpdate"
|
|
|
|
|
v-hasPermi="['system:member:edit']"
|
|
|
|
|
>修改</el-button>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="danger"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-delete"
|
|
|
|
|
size="mini"
|
|
|
|
|
:disabled="multiple"
|
|
|
|
|
@click="handleDelete"
|
|
|
|
|
v-hasPermi="['system:member:remove']"
|
|
|
|
|
>删除</el-button>
|
|
|
|
|
<el-select v-model="batchOperateValue" placeholder="批量操作" size="mini" clearable>
|
|
|
|
|
<el-option label="批量添加小程序标签" :value="1"></el-option>
|
|
|
|
|
<el-option label="批量删除小程序标签" :value="2"></el-option>
|
|
|
|
|
<el-option label="全量添加小程序标签" :value="3"></el-option>
|
|
|
|
|
<el-option label="全量删除小程序标签" :value="4"></el-option>
|
|
|
|
|
<el-option label="批量加减积分" :value="5"></el-option>
|
|
|
|
|
<el-option label="全量加减积分" :value="6"></el-option>
|
|
|
|
|
<el-option label="批量发送话术" :value="7"></el-option>
|
|
|
|
|
<el-option label="全量发送话术" :value="8"></el-option>
|
|
|
|
|
<el-option label="批量备注" :value="9"></el-option>
|
|
|
|
|
<el-option label="全量备注" :value="10"></el-option>
|
|
|
|
|
<el-option label="注销账号" :value="11"></el-option>
|
|
|
|
|
<el-option label="导出数据" :value="12"></el-option>
|
|
|
|
|
<el-option label="导出全量数据" :value="13"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="warning"
|
|
|
|
|
type="primary"
|
|
|
|
|
plain
|
|
|
|
|
icon="el-icon-download"
|
|
|
|
|
icon="el-icon-warning"
|
|
|
|
|
size="mini"
|
|
|
|
|
@click="handleExport"
|
|
|
|
|
v-hasPermi="['system:member:export']"
|
|
|
|
|
>导出</el-button>
|
|
|
|
|
@click="batchOperate()"
|
|
|
|
|
>确认
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-col>
|
|
|
|
|
<!-- <el-col :span="1.5">-->
|
|
|
|
|
<!-- <el-button-->
|
|
|
|
|
<!-- type="primary"-->
|
|
|
|
|
<!-- plain-->
|
|
|
|
|
<!-- icon="el-icon-plus"-->
|
|
|
|
|
<!-- size="mini"-->
|
|
|
|
|
<!-- @click="handleAdd"-->
|
|
|
|
|
<!-- v-hasPermi="['system:member:add']"-->
|
|
|
|
|
<!-- >新增</el-button>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="1.5">-->
|
|
|
|
|
<!-- <el-button-->
|
|
|
|
|
<!-- type="success"-->
|
|
|
|
|
<!-- plain-->
|
|
|
|
|
<!-- icon="el-icon-edit"-->
|
|
|
|
|
<!-- size="mini"-->
|
|
|
|
|
<!-- :disabled="single"-->
|
|
|
|
|
<!-- @click="handleUpdate"-->
|
|
|
|
|
<!-- v-hasPermi="['system:member:edit']"-->
|
|
|
|
|
<!-- >修改</el-button>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="1.5">-->
|
|
|
|
|
<!-- <el-button-->
|
|
|
|
|
<!-- type="danger"-->
|
|
|
|
|
<!-- plain-->
|
|
|
|
|
<!-- icon="el-icon-delete"-->
|
|
|
|
|
<!-- size="mini"-->
|
|
|
|
|
<!-- :disabled="multiple"-->
|
|
|
|
|
<!-- @click="handleDelete"-->
|
|
|
|
|
<!-- v-hasPermi="['system:member:remove']"-->
|
|
|
|
|
<!-- >删除</el-button>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<!-- <el-col :span="1.5">-->
|
|
|
|
|
<!-- <el-button-->
|
|
|
|
|
<!-- type="warning"-->
|
|
|
|
|
<!-- plain-->
|
|
|
|
|
<!-- icon="el-icon-download"-->
|
|
|
|
|
<!-- size="mini"-->
|
|
|
|
|
<!-- @click="handleExport"-->
|
|
|
|
|
<!-- v-hasPermi="['system:member:export']"-->
|
|
|
|
|
<!-- >导出</el-button>-->
|
|
|
|
|
<!-- </el-col>-->
|
|
|
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
@ -220,41 +250,48 @@
|
|
|
|
|
icon="el-icon-edit"
|
|
|
|
|
@click="handleUpdate(scope.row)"
|
|
|
|
|
v-hasPermi="['system:member:edit']"
|
|
|
|
|
>修改</el-button>
|
|
|
|
|
>查看
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-delete"
|
|
|
|
|
@click="handleDelete(scope.row)"
|
|
|
|
|
v-hasPermi="['system:member:remove']"
|
|
|
|
|
>删除</el-button>
|
|
|
|
|
>删除
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-edit"
|
|
|
|
|
@click="handleUpdate(scope.row)"
|
|
|
|
|
v-hasPermi="['system:member:edit']"
|
|
|
|
|
>查看</el-button>
|
|
|
|
|
>查看
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-edit"
|
|
|
|
|
>开启打卡</el-button>
|
|
|
|
|
>开启打卡
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-edit"
|
|
|
|
|
>开启活动</el-button>
|
|
|
|
|
>开启活动
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-edit"
|
|
|
|
|
>个人信息同步</el-button>
|
|
|
|
|
>个人信息同步
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
size="mini"
|
|
|
|
|
type="text"
|
|
|
|
|
icon="el-icon-edit"
|
|
|
|
|
>积分同步</el-button>
|
|
|
|
|
>积分同步
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
@ -342,6 +379,161 @@
|
|
|
|
|
<el-button @click="cancel">取 消</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
<!-- 发送话术 -->
|
|
|
|
|
<el-dialog :title="title" :visible.sync="batchMiniProgramVisible" width="50%"
|
|
|
|
|
:before-close="cancelMiniProgramDialog">
|
|
|
|
|
<el-form ref="form" :model="form" label-width="150px">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="100">
|
|
|
|
|
<el-form-item label="小程序标签" prop="tagIdArray" label-width="90px">
|
|
|
|
|
<treeselect v-model="tagIdArray" :options="chatTagOptions" :multiple="true" :show-count="true"
|
|
|
|
|
placeholder="请选择小程序标签" :disable-branch-nodes="true"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="cancelMiniProgramDialog(true)">重 置</el-button>
|
|
|
|
|
<el-button type="primary" @click="submitBatchOperate">确 定</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
<!-- 积分批量操作 -->
|
|
|
|
|
<el-dialog :title="title" :visible.sync="batchIntegralVisible" width="50%" :before-close="cancelIntegralDialog">
|
|
|
|
|
<el-form ref="form" :model="integralForm" label-width="150px">
|
|
|
|
|
<el-form-item label="类型" prop="source">
|
|
|
|
|
<el-select v-model="integralForm.source" style="width: 50%">
|
|
|
|
|
<el-option label="增加" :value="1"></el-option>
|
|
|
|
|
<el-option label="减少" :value="2"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="变动积分" prop="headimg">
|
|
|
|
|
<el-input-number v-model="integralForm.floatScore" controls-position="right" :min="1"
|
|
|
|
|
:max="1000"></el-input-number>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="说明 " prop="username">
|
|
|
|
|
<el-input v-model="integralForm.remarkContent"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="cancelIntegralDialog(true)">重 置</el-button>
|
|
|
|
|
<el-button type="primary" @click="submitBatchOperate">确 定</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
<!-- 备注批量操作 -->
|
|
|
|
|
<el-dialog :title="title" :visible.sync="batchRemarkVisible" width="50%" :before-close="cancelRemarkDialog">
|
|
|
|
|
<el-form ref="form" :model="remarkForm" label-width="150px">
|
|
|
|
|
<el-form-item label="备注 " prop="content">
|
|
|
|
|
<el-input v-model="remarkForm.content" placeholder="请输入备注"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="cancelRemarkDialog(true)">重 置</el-button>
|
|
|
|
|
<el-button type="primary" @click="submitBatchOperate">确 定</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
<!-- 话术批量操作 -->
|
|
|
|
|
<el-dialog :title="title" :visible.sync="batchScriptVisible" width="600px" append-to-body
|
|
|
|
|
:before-close="cancelscriptDialog">
|
|
|
|
|
<el-form ref="form" :model="scriptForm" label-width="80px">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="类型" prop="isCustom">
|
|
|
|
|
<el-select v-model="scriptForm.isCustom">
|
|
|
|
|
<el-option label="话术模板发送" :value="0" :key="0"></el-option>
|
|
|
|
|
<el-option label="自定义发送" :value="1" :key="1"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<!-- 话术模板发送 -->
|
|
|
|
|
<el-row v-if="scriptForm.isCustom == 0">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="话术二级标题选择" prop="scriptTemplateId">
|
|
|
|
|
<el-input v-model="scriptForm.scriptTemplateId" placeholder="请输入话术标题"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="话术通知内容" prop="scriptContent">
|
|
|
|
|
<el-input v-model="scriptForm.scriptContent"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<!-- 自定义发送 -->
|
|
|
|
|
<el-row v-if="scriptForm.isCustom == 1">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="话术标题" prop="titile">
|
|
|
|
|
<el-input v-model="scriptForm.titile" placeholder="请输入话术标题"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="话术内容" prop="content">
|
|
|
|
|
<el-input v-model="scriptForm.content" type="textarea" placeholder="请输入话术内容"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="小程序标签" prop="tagIdArray" label-width="90px">
|
|
|
|
|
<treeselect v-model="form.tagIdArray" :options="chatTagOptions" :multiple="true" :show-count="true"
|
|
|
|
|
placeholder="请选择小程序标签" :disable-branch-nodes="true"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<el-form-item label="跳转类型" prop="type">
|
|
|
|
|
<el-select v-model="scriptForm.type">
|
|
|
|
|
<el-option label="无跳转" :value="0" :key="0"></el-option>
|
|
|
|
|
<el-option label="跳转内部链接" :value="1" :key="1"></el-option>
|
|
|
|
|
<el-option label="跳转小程序" :value="4" :key="4"></el-option>
|
|
|
|
|
<el-option label="跳转外部链接" :value="3" :key="3"></el-option>
|
|
|
|
|
<el-option label="导向视频号" :value="5" :key="5"></el-option>
|
|
|
|
|
<el-option label="导向视频号直播间" :value="6" :key="6"></el-option>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="scriptForm.type == 1">
|
|
|
|
|
<el-form-item label="内部链接" prop="link">
|
|
|
|
|
<el-input v-model="scriptForm.link" placeholder="请输入内部链接"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="scriptForm.type == 1">
|
|
|
|
|
<el-form-item label="跳转参数" prop="linkParams">
|
|
|
|
|
<el-input v-model="scriptForm.linkParams" placeholder="请输入跳转参数"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="scriptForm.type == 3">
|
|
|
|
|
<el-form-item label="外部链接" prop="link">
|
|
|
|
|
<el-input v-model="scriptForm.link" placeholder="请输入外部链接"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="scriptForm.type == 4">
|
|
|
|
|
<el-form-item label="小程序APPID" prop="redirectAppid">
|
|
|
|
|
<el-input v-model="scriptForm.redirectAppid" placeholder="请输入APPID"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="scriptForm.type == 4" label-width="90px">
|
|
|
|
|
<el-form-item label="小程序页面" prop="redirectUrl">
|
|
|
|
|
<el-input v-model="scriptForm.redirectUrl" placeholder="请输入小程序页面"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="scriptForm.type == 5 || scriptForm.type == 6">
|
|
|
|
|
<el-form-item label="视频号ID" prop="videoNo">
|
|
|
|
|
<el-input v-model="scriptForm.videoNo" placeholder="视频号id,以“sph”开头的id,可再视频号助手获取"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" v-if="scriptForm.type == 5" label-width="90px">
|
|
|
|
|
<el-form-item label="feedId" prop="feedId">
|
|
|
|
|
<el-input v-model="scriptForm.feedId" placeholder="请输入视频号feedId"/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
|
|
<el-button @click="cancelscriptDialog">取 消</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@ -357,28 +549,27 @@ import {
|
|
|
|
|
getWecomTags,
|
|
|
|
|
getPurchaseChannel,
|
|
|
|
|
getRegionByPid,
|
|
|
|
|
batchAddMiniProgramTag,
|
|
|
|
|
allAddMiniProgramTag,
|
|
|
|
|
batchDelMiniProgramTag,
|
|
|
|
|
allDelMiniProgramTag,
|
|
|
|
|
batchChangIntegral,
|
|
|
|
|
allChangIntegral,
|
|
|
|
|
batchSendScript,
|
|
|
|
|
allSendScript,
|
|
|
|
|
batchAddRemark,
|
|
|
|
|
allAddRemark,
|
|
|
|
|
getMiniProgramTagsTree,
|
|
|
|
|
} from "@/api/system/member";
|
|
|
|
|
import Treeselect from "@riophae/vue-treeselect";
|
|
|
|
|
import {tagTreeSelect} from "@/api/system/wechatTab";
|
|
|
|
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: "Member",
|
|
|
|
|
components: {Treeselect},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
devicesTags: [{
|
|
|
|
|
value: '仪器标签1',
|
|
|
|
|
label: '仪器标签1'
|
|
|
|
|
}, {
|
|
|
|
|
value: '仪器标签2',
|
|
|
|
|
label: '仪器标签2'
|
|
|
|
|
}, {
|
|
|
|
|
value: '仪器标签3',
|
|
|
|
|
label: '仪器标签3'
|
|
|
|
|
}],
|
|
|
|
|
miniProgramTags: [],
|
|
|
|
|
wecomTags: [],
|
|
|
|
|
purchaseChannels: null,
|
|
|
|
|
provinceList: null,
|
|
|
|
|
cityList: null,
|
|
|
|
|
areaList: null,
|
|
|
|
|
// 遮罩层
|
|
|
|
|
loading: true,
|
|
|
|
|
// 选中数组
|
|
|
|
|
@ -399,11 +590,64 @@ export default {
|
|
|
|
|
open: false,
|
|
|
|
|
// 日期范围
|
|
|
|
|
dateRange: [],
|
|
|
|
|
// 表头统计
|
|
|
|
|
count: {
|
|
|
|
|
userNum: 0,
|
|
|
|
|
userRegisterNum: 0,
|
|
|
|
|
userDeviceNum: 0
|
|
|
|
|
},
|
|
|
|
|
// 查询条件,小程序二级标签
|
|
|
|
|
miniProgramTags: [],
|
|
|
|
|
// 小程序标签树
|
|
|
|
|
miniProgramTagTree: [],
|
|
|
|
|
// 查询条件,企微二级标签
|
|
|
|
|
wecomTags: [],
|
|
|
|
|
// 查询条件:购买渠道
|
|
|
|
|
purchaseChannels: null,
|
|
|
|
|
// 查询条件:省市区
|
|
|
|
|
provinceList: null,
|
|
|
|
|
cityList: null,
|
|
|
|
|
areaList: null,
|
|
|
|
|
// 批量操作下拉项选择
|
|
|
|
|
batchOperateValue: null,
|
|
|
|
|
// 批量操作:小程序标签
|
|
|
|
|
batchMiniProgramVisible: false,
|
|
|
|
|
chatTagOptions: [],
|
|
|
|
|
tagIdArray: [],
|
|
|
|
|
// 批量操作:积分
|
|
|
|
|
batchIntegralVisible: false,
|
|
|
|
|
integralForm: {
|
|
|
|
|
source: null,
|
|
|
|
|
floatScore: null,
|
|
|
|
|
remarkContent: "后台操作"
|
|
|
|
|
},
|
|
|
|
|
// 批量操作:备注
|
|
|
|
|
batchScriptVisible: false,
|
|
|
|
|
remarkForm: {
|
|
|
|
|
content: null,
|
|
|
|
|
userIdList: null,
|
|
|
|
|
},
|
|
|
|
|
// 批量操作:发送话术
|
|
|
|
|
batchRemarkVisible: null,
|
|
|
|
|
scriptForm: {
|
|
|
|
|
isCustom: null,
|
|
|
|
|
scriptTemplateId: null,
|
|
|
|
|
scriptName: null,
|
|
|
|
|
titile: null,
|
|
|
|
|
content: null,
|
|
|
|
|
tagType: null,
|
|
|
|
|
type: null,
|
|
|
|
|
link: null,
|
|
|
|
|
linkParams: null,
|
|
|
|
|
redirectAppid: null,
|
|
|
|
|
redirectUrl: null,
|
|
|
|
|
videoNo: null,
|
|
|
|
|
feedId: null,
|
|
|
|
|
tagNames: null,
|
|
|
|
|
tagIds: null,
|
|
|
|
|
// 当类型为模板发送时,选择了二级话术标题后,显示内容用,不传后端保存
|
|
|
|
|
scriptContent: null,
|
|
|
|
|
},
|
|
|
|
|
// 查询参数
|
|
|
|
|
queryParams: {
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
@ -447,8 +691,7 @@ export default {
|
|
|
|
|
// 表单参数
|
|
|
|
|
form: {},
|
|
|
|
|
// 表单校验
|
|
|
|
|
rules: {
|
|
|
|
|
}
|
|
|
|
|
rules: {}
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
@ -460,6 +703,8 @@ export default {
|
|
|
|
|
this.getTags();
|
|
|
|
|
// 获取省
|
|
|
|
|
this.getProvinceList();
|
|
|
|
|
// 获取标签树
|
|
|
|
|
this.getDeptTree();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
/** 查询用户列表 */
|
|
|
|
|
@ -491,6 +736,10 @@ export default {
|
|
|
|
|
getPurchaseChannel().then(Response => {
|
|
|
|
|
this.purchaseChannels = Response.data
|
|
|
|
|
})
|
|
|
|
|
// 小程序标签树
|
|
|
|
|
getMiniProgramTagsTree().then(Response => {
|
|
|
|
|
this.miniProgramTagTree = Response.data
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 获取省市区
|
|
|
|
|
getProvinceList() {
|
|
|
|
|
@ -517,6 +766,40 @@ export default {
|
|
|
|
|
this.open = false;
|
|
|
|
|
this.reset();
|
|
|
|
|
},
|
|
|
|
|
// 关闭添加小程序标签窗口
|
|
|
|
|
cancelMiniProgramDialog(isclose) {
|
|
|
|
|
this.title = null;
|
|
|
|
|
this.tagIdArray = [];
|
|
|
|
|
if (isclose) {
|
|
|
|
|
this.batchMiniProgramVisible = false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
cancelIntegralDialog(isclose) {
|
|
|
|
|
this.integralForm.source = null;
|
|
|
|
|
this.integralForm.floatScore = null;
|
|
|
|
|
this.integralForm.remarkContent = "后台操作";
|
|
|
|
|
if (isclose) {
|
|
|
|
|
this.batchIntegralVisible = false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
cancelRemarkDialog(isclose) {
|
|
|
|
|
this.remarkForm.content = null;
|
|
|
|
|
if (isclose) {
|
|
|
|
|
this.batchRemarkVisible = false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
cancelscriptDialog(isclose) {
|
|
|
|
|
this.scriptForm = null;
|
|
|
|
|
if (isclose) {
|
|
|
|
|
this.batchScriptVisible = false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
/** 查询部门下拉树结构 */
|
|
|
|
|
getDeptTree() {
|
|
|
|
|
tagTreeSelect({type: 1}).then(response => {
|
|
|
|
|
this.chatTagOptions = response.data;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 表单重置
|
|
|
|
|
reset() {
|
|
|
|
|
this.form = {
|
|
|
|
|
@ -564,6 +847,137 @@ export default {
|
|
|
|
|
this.resetForm("queryForm");
|
|
|
|
|
this.handleQuery();
|
|
|
|
|
},
|
|
|
|
|
/** 批量操作按钮,显示批量操作弹窗 */
|
|
|
|
|
batchOperate() {
|
|
|
|
|
if (this.batchOperateValue == null) {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: '请选择要批量操作类型',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
} else {
|
|
|
|
|
/* 批量操作 小程序标签 */
|
|
|
|
|
if (this.batchOperateValue == 1 || this.batchOperateValue == 2) {
|
|
|
|
|
if (this.ids.length == 0) {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: '请选择要操作的数据',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if (this.batchOperateValue == 1) {
|
|
|
|
|
console.log("批量添加小程序标签");
|
|
|
|
|
this.title = "添加小程序标签";
|
|
|
|
|
}
|
|
|
|
|
if (this.batchOperateValue == 2) {
|
|
|
|
|
console.log("批量删除小程序标签");
|
|
|
|
|
this.title = "删除小程序标签";
|
|
|
|
|
}
|
|
|
|
|
this.batchMiniProgramVisible = true;
|
|
|
|
|
}
|
|
|
|
|
if (this.batchOperateValue == 3 || this.batchOperateValue == 4) {
|
|
|
|
|
if (this.batchOperateValue == 3) {
|
|
|
|
|
console.log("全量添加小程序标签");
|
|
|
|
|
this.title = "添加小程序标签";
|
|
|
|
|
}
|
|
|
|
|
if (this.batchOperateValue == 4) {
|
|
|
|
|
console.log("全量删除小程序标签");
|
|
|
|
|
this.title = "添加小程序标签";
|
|
|
|
|
}
|
|
|
|
|
this.batchMiniProgramVisible = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 批量操作:加减分 */
|
|
|
|
|
if (this.batchOperateValue == 5) {
|
|
|
|
|
console.log("批量加减积分");
|
|
|
|
|
if (this.ids.length == 0) {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: '请选择要操作的数据',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.batchIntegralVisible = true;
|
|
|
|
|
}
|
|
|
|
|
if (this.batchOperateValue == 6) {
|
|
|
|
|
console.log("全量加减积分");
|
|
|
|
|
this.batchIntegralVisible = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 批量操作:发送话术 */
|
|
|
|
|
if (this.batchOperateValue == 7) {
|
|
|
|
|
console.log("批量发送话术");
|
|
|
|
|
if (this.ids.length == 0) {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: '请选择要操作的数据',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.batchScriptVisible = true;
|
|
|
|
|
}
|
|
|
|
|
if (this.batchOperateValue == 8) {
|
|
|
|
|
console.log("全量发送话术");
|
|
|
|
|
this.batchScriptVisible = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 批量操作: 备注 */
|
|
|
|
|
if (this.batchOperateValue == 9) {
|
|
|
|
|
console.log("批量备注");
|
|
|
|
|
if (this.ids.length == 0) {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: '请选择要操作的数据',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.batchRemarkVisible = true;
|
|
|
|
|
}
|
|
|
|
|
if (this.batchOperateValue == 10) {
|
|
|
|
|
console.log("全量备注");
|
|
|
|
|
this.batchRemarkVisible = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 批量操作:注销账号 */
|
|
|
|
|
if (this.batchOperateValue == 11) {
|
|
|
|
|
console.log("注销账号");
|
|
|
|
|
if (this.ids.length == 0) {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: '请选择要操作的数据',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.$confirm("<span style='font-size: 18px'><strong>确定将选择的数据注销?</strong></span><br/><span style='padding-left:2em'>请谨慎操作,一旦成功将无法撤销。</span>", '注销账号', {
|
|
|
|
|
confirmButtonText: '确定',
|
|
|
|
|
cancelButtonText: '取消',
|
|
|
|
|
type: 'warning',
|
|
|
|
|
dangerouslyUseHTMLString: true
|
|
|
|
|
}).then(() => {
|
|
|
|
|
delMember(this.ids).then(Response => {
|
|
|
|
|
this.$modal.msgSuccess("批量删除会员成功");
|
|
|
|
|
this.cancelIntegralDialog(true);
|
|
|
|
|
})
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 批量操作:导出数据 */
|
|
|
|
|
if (this.batchOperateValue == 12) {
|
|
|
|
|
console.log("导出数据");
|
|
|
|
|
if (this.ids.length == 0) {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: '请选择要操作的数据',
|
|
|
|
|
type: 'warning'
|
|
|
|
|
})
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (this.batchOperateValue == 13) {
|
|
|
|
|
console.log("导出全量数据");
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 多选框选中数据
|
|
|
|
|
handleSelectionChange(selection) {
|
|
|
|
|
this.ids = selection.map(item => item.id)
|
|
|
|
|
@ -605,6 +1019,84 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
/* 批量操作提交按钮 */
|
|
|
|
|
submitBatchOperate() {
|
|
|
|
|
// 批量添加小程序标签
|
|
|
|
|
if (this.batchOperateValue == 1) {
|
|
|
|
|
batchAddMiniProgramTag(this.tagIdArray, this.ids).then(Response => {
|
|
|
|
|
this.$modal.msgSuccess("批量添加小程序标签成功");
|
|
|
|
|
this.cancelMiniProgramDialog(true);
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
// 批量删除小程序标签
|
|
|
|
|
if (this.batchOperateValue == 2) {
|
|
|
|
|
batchDelMiniProgramTag(this.tagIdArray, this.ids).then(Response => {
|
|
|
|
|
this.$modal.msgSuccess("批量添加小程序标签成功");
|
|
|
|
|
this.cancelMiniProgramDialog(true);
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
// 全量添加小程序标签
|
|
|
|
|
if (this.batchOperateValue == 3) {
|
|
|
|
|
allAddMiniProgramTag(this.tagIdArray, this.queryParams).then(Response => {
|
|
|
|
|
this.$modal.msgSuccess("全量添加小程序标签成功");
|
|
|
|
|
this.cancelMiniProgramDialog(true);
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
// 全量删除小程序标签
|
|
|
|
|
if (this.batchOperateValue == 4) {
|
|
|
|
|
allDelMiniProgramTag(this.tagIdArray, this.queryParams).then(Response => {
|
|
|
|
|
this.$modal.msgSuccess("全量删除小程序标签成功");
|
|
|
|
|
this.cancelMiniProgramDialog(true);
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 批量操作积分
|
|
|
|
|
if (this.batchOperateValue == 5) {
|
|
|
|
|
batchChangIntegral(this.ids, this.integralForm).then(Response => {
|
|
|
|
|
this.$modal.msgSuccess("批量操作积分成功");
|
|
|
|
|
this.cancelIntegralDialog(true);
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
// 全量操作积分
|
|
|
|
|
if (this.batchOperateValue == 6) {
|
|
|
|
|
allChangIntegral(this.integralForm, this.queryParams).then(Response => {
|
|
|
|
|
this.$modal.msgSuccess("批量操作积分成功");
|
|
|
|
|
this.cancelIntegralDialog(true);
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 批量操作:发送话术 */
|
|
|
|
|
if (this.batchOperateValue == 7) {
|
|
|
|
|
alert("批量发送话术");
|
|
|
|
|
alert(this.scriptForm.isCustom);
|
|
|
|
|
alert(this.ids);
|
|
|
|
|
}
|
|
|
|
|
if (this.batchOperateValue == 8) {
|
|
|
|
|
alert("全量发送话术");
|
|
|
|
|
alert(this.scriptForm.isCustom);
|
|
|
|
|
alert(this.queryParams.nickname);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 批量操作备注
|
|
|
|
|
if (this.batchOperateValue == 9) {
|
|
|
|
|
console.log("批量备注");
|
|
|
|
|
this.remarkForm.userIdList = this.ids;
|
|
|
|
|
batchAddRemark(this.remarkForm).then(Response => {
|
|
|
|
|
this.$modal.msgSuccess("批量备注成功");
|
|
|
|
|
this.cancelRemarkDialog(true);
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
// 全量操作备注
|
|
|
|
|
if (this.batchOperateValue == 10) {
|
|
|
|
|
console.log("全量备注");
|
|
|
|
|
allAddRemark(this.remarkForm.content, this.queryParams).then(Response => {
|
|
|
|
|
this.$modal.msgSuccess("批量备注成功");
|
|
|
|
|
this.cancelRemarkDialog(true);
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
/** 删除按钮操作 */
|
|
|
|
|
handleDelete(row) {
|
|
|
|
|
@ -614,7 +1106,8 @@ export default {
|
|
|
|
|
}).then(() => {
|
|
|
|
|
this.getList();
|
|
|
|
|
this.$modal.msgSuccess("删除成功");
|
|
|
|
|
}).catch(() => {});
|
|
|
|
|
}).catch(() => {
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
/** 导出按钮操作 */
|
|
|
|
|
handleExport() {
|
|
|
|
|
@ -623,5 +1116,6 @@ export default {
|
|
|
|
|
}, `member_${new Date().getTime()}.xlsx`)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
;
|
|
|
|
|
</script>
|
|
|
|
|
|