|
|
@@ -1,151 +1,85 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
<div style="margin: 30px;" v-if="handleType==1"> 修改sop任务</div>
|
|
|
- <div style="margin: 30px;" v-if="handleType==2"> 查看sop任务</div>
|
|
|
+ <div style="margin: 30px;" v-if="handleType==2"> 查看sop任务
|
|
|
+ <div style="float: right">
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- type="primary"-->
|
|
|
+ <!-- @click="handleUpdateTags()"-->
|
|
|
+ <!-- v-hasPermi="['qw:sop:remove']"-->
|
|
|
+ <!-- >修改标签</el-button>-->
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="handleUpdateQwUser()"
|
|
|
+ v-hasPermi="['qw:sop:updateSopQwUser']"
|
|
|
+ >修改员工</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="handleUpdateSopTemp()"
|
|
|
+ v-hasPermi="['qw:sop:updateSopTemp']"
|
|
|
+ >修改模板</el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <el-divider></el-divider>
|
|
|
+ <el-alert
|
|
|
+ title="注意事项"
|
|
|
+ type="warning"
|
|
|
+ description="【持续生成记录中的状态】 的SOP任务仅能查看，不能修改（ps:可以在外面修改【过期时间】和【新客户自动创建sop】）"
|
|
|
+ :closable="false"
|
|
|
+ show-icon>
|
|
|
+ </el-alert>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div style="margin-top: 10px;margin-left: 50px;margin-right: 100px;margin-bottom: 60px;">
|
|
|
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="140px">
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
|
<el-form-item label="规则名称" prop="name">
|
|
|
- <el-input v-model="form.name" placeholder="请输入规则名称"/>
|
|
|
+ <el-input v-model="form.name" placeholder="请输入规则名称" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="类别" prop="type">
|
|
|
- <el-radio-group v-model="form.type" @change="clearUser">
|
|
|
- <!-- <el-radio-->
|
|
|
- <!-- :label="1"-->
|
|
|
- <!-- >个微-->
|
|
|
- <!-- </el-radio>-->
|
|
|
-
|
|
|
- <el-radio
|
|
|
- :label="2"
|
|
|
- >企微
|
|
|
- </el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <Tip title="针对于企业微信平台" />
|
|
|
+ <el-form-item label="状态" prop="status">
|
|
|
+ <dict-tag :options="statusOptions" :value="form.status"></dict-tag>
|
|
|
</el-form-item>
|
|
|
-
|
|
|
-
|
|
|
- <el-form-item label="筛选方式" prop="filterMode">
|
|
|
- <el-radio-group v-model="form.filterMode">
|
|
|
+ <!-- <el-form-item label="状态">-->
|
|
|
+ <!-- <el-radio-group v-model="form.status">-->
|
|
|
+ <!-- <el-radio-->
|
|
|
+ <!-- v-for="dict in statusOptions"-->
|
|
|
+ <!-- :label="dict.dictValue"-->
|
|
|
+ <!-- >{{dict.dictLabel}}</el-radio>-->
|
|
|
+ <!-- </el-radio-group>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <el-form-item label="类别" prop="type">
|
|
|
+ <el-radio-group v-model="form.type">
|
|
|
<el-radio
|
|
|
:label="1"
|
|
|
- >标签
|
|
|
- </el-radio>
|
|
|
+ >个微</el-radio>
|
|
|
<el-radio
|
|
|
:label="2"
|
|
|
- >群聊
|
|
|
- </el-radio>
|
|
|
+ >企微</el-radio>
|
|
|
</el-radio-group>
|
|
|
- <Tip :title="'标签：根据企微客户的标签筛选客户进入SOP'" />
|
|
|
+ <Tip title="针对于企业微信平台" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="小转天数" prop="minConversionDay" v-if="form.filterMode == 1">
|
|
|
- <!-- <el-input class="el-input" type="" v-model="form.minConversionDay" placeholder="请输入" />-->
|
|
|
- <el-input-number v-model="form.minConversionDay" :min="1" :max="100"></el-input-number>
|
|
|
+ <el-form-item label="小转天数" prop="minConversionDay">
|
|
|
+ <el-input class="el-input" v-model="form.minConversionDay" placeholder="请输入" style="width: 300px">
|
|
|
+ <template slot="append">天</template>
|
|
|
+ </el-input>
|
|
|
<Tip title="第一次提醒销售，去联系客户，在【催课看板】处显示，哪些需要联系的客户" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="大转天数" prop="maxConversionDay" v-if="form.filterMode == 1">
|
|
|
- <!-- <el-input class="el-input" v-model="form.maxConversionDay" placeholder="请输入" />-->
|
|
|
- <el-input-number v-model="form.maxConversionDay" :min="1" :max="100"></el-input-number>
|
|
|
+ <el-form-item label="大转天数" prop="maxConversionDay">
|
|
|
+ <el-input class="el-input" v-model="form.maxConversionDay" placeholder="请输入" style="width: 300px">
|
|
|
+ <template slot="append">天</template>
|
|
|
+ </el-input>
|
|
|
<Tip title="第二次提醒销售，去联系客户，在【催课看板】处显示，哪些需要联系的客户" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="选择员工" prop="qwUserIds" style="margin-top: 2%" v-if="form.filterMode == 2">
|
|
|
- <div>
|
|
|
- <el-button
|
|
|
- size="medium"
|
|
|
- icon="el-icon-circle-plus-outline"
|
|
|
- plain
|
|
|
- @click="handlelistUser(form.type,form.sendType, true)">请选择使用员工
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <el-tag
|
|
|
- style="margin-left: 5px"
|
|
|
- size="medium"
|
|
|
- :key="id"
|
|
|
- v-for="id in userSelectList"
|
|
|
- closable
|
|
|
- :disable-transitions="false"
|
|
|
- @close="handleClosegroupUser(id)">
|
|
|
- <span v-for="list in companyQwUserList" :key="list.qwUserId"
|
|
|
- v-if="list.id==id">{{ list.qwUserName }}</span>
|
|
|
- </el-tag>
|
|
|
- </div>
|
|
|
- <Tip title="企业微信员工账号" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="是否自动创建群" prop="autoGroup" v-if="form.filterMode == 2">
|
|
|
- <el-radio-group v-model="form.autoGroup">
|
|
|
- <el-radio
|
|
|
- :label="0"
|
|
|
- >否
|
|
|
- </el-radio>
|
|
|
- <el-radio
|
|
|
- :label="1"
|
|
|
- >是
|
|
|
- </el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
|
|
|
- <i class="el-icon-info"></i>
|
|
|
- 选择的企业微信员工下面的群聊
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="是否注册用户" prop="autoGroup" v-if="form.filterMode == 2 && form.autoGroup == 1">
|
|
|
- <el-radio-group v-model="form.autoUserReg">
|
|
|
- <el-radio
|
|
|
- :label="0"
|
|
|
- >否
|
|
|
- </el-radio>
|
|
|
- <el-radio
|
|
|
- :label="1"
|
|
|
- >是
|
|
|
- </el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
|
|
|
- <i class="el-icon-info"></i>
|
|
|
- 筛选是否注册的用户
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="创建群聊评级" prop="chatIds" v-if="form.filterMode == 2 && form.autoGroup == 1">
|
|
|
- <el-select multiple filterable clearable v-model="form.autoGroupLevelArray">
|
|
|
- <el-option v-for="item in levelList" :key="item.value" :label="item.label" :value="item.value"/>
|
|
|
- </el-select>
|
|
|
- <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
|
|
|
- <i class="el-icon-info"></i>
|
|
|
- 选择需要拉取的客户评级
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="群聊名称" prop="chatIds" v-if="form.filterMode == 2 && form.autoGroup == 1">
|
|
|
- <el-input v-model="form.groupName" maxlength="10" placeholder="请输入群聊名称" />
|
|
|
- <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
|
|
|
- <i class="el-icon-info"></i>
|
|
|
- 创建群聊的名称（如有重复自动加数字区分）
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="群聊" prop="chatIds" v-if="form.filterMode == 2 && form.autoGroup == 0">
|
|
|
- <el-select multiple filterable clearable v-model="form.chatIds">
|
|
|
- <el-option v-for="item in qwGroupList" :key="item.chatId" :label="item.name" :value="item.chatId"/>
|
|
|
- </el-select>
|
|
|
- <Tip title="选择的企业微信员工下面的群聊" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="客户评级" prop="isRating" style="margin-top: 2%" v-if="form.filterMode == 1">
|
|
|
- <el-switch
|
|
|
- v-model="form.isRating"
|
|
|
- active-color="#13ce66"
|
|
|
- inactive-color="#ff4949"
|
|
|
- :active-value="1"
|
|
|
- :inactive-value="2">
|
|
|
- </el-switch>
|
|
|
- <span v-if="form.isRating == '1'" style="margin-left: 10px;color: #13ce66">已开启</span>
|
|
|
- <span v-if="form.isRating == '2'" style="margin-left: 10px;color: #ff4949">已关闭</span>
|
|
|
- <Tip title="根据客户的【看课记录】进行评级，新进客户前4天不评级，第5天开始 根据客户近7天的看课记录进行评级 ABCD级" />
|
|
|
- </el-form-item>
|
|
|
- <div v-if="form.type==2 && form.filterMode == 1">
|
|
|
+
|
|
|
+ <div v-if="form.type==2">
|
|
|
+
|
|
|
<el-form-item label="推送方式 ">
|
|
|
<el-radio-group v-model="form.sendType" @input="handleSendTypeChange">
|
|
|
<el-radio
|
|
|
v-for="dict in sysQwSopType"
|
|
|
:key="dict.dictValue"
|
|
|
:label="parseInt(dict.dictValue)"
|
|
|
- >{{ dict.dictLabel }}
|
|
|
- </el-radio>
|
|
|
+ >{{dict.dictLabel}}</el-radio>
|
|
|
</el-radio-group>
|
|
|
<Tip title="选择模板类型" />
|
|
|
</el-form-item>
|
|
|
@@ -155,8 +89,7 @@
|
|
|
size="medium"
|
|
|
icon="el-icon-circle-plus-outline"
|
|
|
plain
|
|
|
- @click="handlelistUser(form.type,form.sendType, false)">请选择使用员工
|
|
|
- </el-button>
|
|
|
+ @click="handlelistUser(form.type,form.sendType)">请选择使用员工</el-button>
|
|
|
</div>
|
|
|
<div>
|
|
|
<el-tag
|
|
|
@@ -164,127 +97,69 @@
|
|
|
size="medium"
|
|
|
:key="id"
|
|
|
v-for="id in userSelectList"
|
|
|
- closable
|
|
|
:disable-transitions="false"
|
|
|
@close="handleClosegroupUser(id)">
|
|
|
- <span v-for="list in companyQwUserList" :key="list.qwUserId"
|
|
|
- v-if="list.id==id">{{ list.qwUserName }}</span>
|
|
|
+ <span v-for="list in companyUserList" :key="list.qwUserId" v-if="list.id==id">{{list.qwUserName}}</span>
|
|
|
</el-tag>
|
|
|
</div>
|
|
|
- <Tip title="选择的企业微信员工下面的群聊" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="标签规则" prop="filterType">
|
|
|
<el-radio-group v-model="form.filterType">
|
|
|
<el-radio
|
|
|
:label="1"
|
|
|
- >含全部标签
|
|
|
- </el-radio>
|
|
|
+ >含全部标签</el-radio>
|
|
|
<el-radio
|
|
|
:label="2"
|
|
|
- >含任意标签
|
|
|
- </el-radio>
|
|
|
+ >含任意标签</el-radio>
|
|
|
</el-radio-group>
|
|
|
- <Tip :title="'含全部标签：客户要完全一对一匹配上选择标签，ps:多一个少一个都不行 \r\n含任意标签：客户只要有一个标签匹配上即可'" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="选择的标签" prop="tags">
|
|
|
- <!-- <el-select v-model="tags" remote multiple placeholder="请选择" filterable style="width: 100%;">-->
|
|
|
- <!-- <el-option-->
|
|
|
- <!-- v-for="dict in tagList"-->
|
|
|
- <!-- :label="dict.name"-->
|
|
|
- <!-- :value="dict.tagId">-->
|
|
|
- <!-- </el-option>-->
|
|
|
- <!-- </el-select>-->
|
|
|
- <div @click="hangleChangeTags()"
|
|
|
- style="cursor: pointer; border: 1px solid #e6e6e6; background-color: white; overflow: hidden; flex-grow: 1;width: 390px">
|
|
|
- <div style="min-height: 35px; max-height: 200px; overflow-y: auto;">
|
|
|
- <el-tag type="success"
|
|
|
- closable
|
|
|
- :disable-transitions="false"
|
|
|
- v-for="list in this.tagsIdsChangeSelectList"
|
|
|
- :key="list.tagId"
|
|
|
- @close="handleCloseTags(list)"
|
|
|
- style="margin: 3px;"
|
|
|
- >{{ list.name }}
|
|
|
- </el-tag>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <Tip title="选择进入SOP任务的标签" />
|
|
|
+ <el-select v-model="tags" remote multiple placeholder="请选择" filterable style="width: 100%;">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in tagList"
|
|
|
+ :label="dict.name"
|
|
|
+ :value="dict.tagId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+
|
|
|
</el-form-item>
|
|
|
<el-form-item label="排除的标签" prop="excludeTags">
|
|
|
- <!-- <el-select v-model="excludeTags" remote multiple placeholder="请选择" filterable style="width: 100%;">-->
|
|
|
- <!-- <el-option-->
|
|
|
- <!-- v-for="dict in tagList"-->
|
|
|
- <!-- :label="dict.name"-->
|
|
|
- <!-- :value="dict.tagId">-->
|
|
|
- <!-- </el-option>-->
|
|
|
- <!-- </el-select>-->
|
|
|
- <div @click="hangleChangeOutTags()"
|
|
|
- style="cursor: pointer; border: 1px solid #e6e6e6; background-color: white; overflow: hidden; flex-grow: 1;width: 390px">
|
|
|
- <div style="min-height: 35px; max-height: 200px; overflow-y: auto;">
|
|
|
- <el-tag type="success"
|
|
|
- closable
|
|
|
- :disable-transitions="false"
|
|
|
- v-for="list in this.outTagsIdsChangeSelectList"
|
|
|
- :key="list.tagId"
|
|
|
- @close="handleCloseOutTags(list)"
|
|
|
- style="margin: 3px;"
|
|
|
- >{{ list.name }}
|
|
|
- </el-tag>
|
|
|
- </div>
|
|
|
- </div><Tip title="选择不想进入SOP的标签" />
|
|
|
+ <el-select v-model="excludeTags" remote multiple placeholder="请选择" filterable style="width: 100%;">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in tagList"
|
|
|
+ :label="dict.name"
|
|
|
+ :value="dict.tagId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
<div v-if="form.type==1">
|
|
|
<el-form-item label="推送方式 ">
|
|
|
<el-tag type="success" v-model="form.sendType=2">AI插件</el-tag>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="选择员工" prop="qwUserIds" style="margin-top: 2%">
|
|
|
- <div>
|
|
|
- <el-button
|
|
|
- size="medium"
|
|
|
- icon="el-icon-circle-plus-outline"
|
|
|
- plain
|
|
|
- @click="handleCompanyUser(form.type,form.sendType)">请选择使用员工
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <el-tag
|
|
|
- style="margin-left: 5px"
|
|
|
- size="medium"
|
|
|
- :key="userId"
|
|
|
- v-for="userId in userSelectList"
|
|
|
- closable
|
|
|
- :disable-transitions="false"
|
|
|
- @close="handleClosegroupUser(userId)">
|
|
|
- <span v-for="list in companyUserLists " :key="list.userId"
|
|
|
- v-if="list.userId==userId">{{ list.nickName }}</span>
|
|
|
- </el-tag>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
<el-form-item label="标签规则" prop="filterType">
|
|
|
<el-radio-group v-model="form.filterType">
|
|
|
<el-radio
|
|
|
:label="1"
|
|
|
- >含全部分组
|
|
|
- </el-radio>
|
|
|
+ >含全部分组</el-radio>
|
|
|
<el-radio
|
|
|
:label="2"
|
|
|
- >含任意分组
|
|
|
- </el-radio>
|
|
|
+ >含任意分组</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="选择的分组" prop="tags">
|
|
|
- <el-select v-model="tags" remote multiple placeholder="请选择" filterable style="width: 100%;">
|
|
|
+ <el-select v-model="tags" remote multiple placeholder="请选择" filterable style="width: 100%;">
|
|
|
<el-option
|
|
|
v-for="dict in wxUserGroupList"
|
|
|
:label="dict.groupName"
|
|
|
- :value="dict.groupId">
|
|
|
+ :value="dict.groupId.toString()">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
- <el-form-item label="是否固定营期" prop="isFixed" v-if="form.type != 3 && form.filterMode == 1">
|
|
|
+
|
|
|
+ <el-form-item label="是否固定营期" prop="isFixed" v-if="form.type != 3">
|
|
|
<el-radio-group v-model="form.isFixed">
|
|
|
<el-radio
|
|
|
:label="1"
|
|
|
@@ -305,31 +180,35 @@
|
|
|
value-format="yyyy-MM-dd"
|
|
|
placeholder="选择开始时间">
|
|
|
</el-date-picker>
|
|
|
- <Tip title="SOP开始发送时间" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="任务过期时间" prop="expiryTime">
|
|
|
- <el-row>
|
|
|
- <el-input-number v-model="form.expiryTime" :min="1" :max="100"></el-input-number>
|
|
|
- （小时）
|
|
|
- </el-row>
|
|
|
- <Tip title="任务生成的代发送消息，如果超过此设置的时间还未发送，自动作废" />
|
|
|
+
|
|
|
+ <el-form-item label="是否只发送注册用户" prop="isRegister" v-if="form.type != 3">
|
|
|
+ <el-radio-group v-model="form.isRegister">
|
|
|
+ <el-radio
|
|
|
+ :label="1"
|
|
|
+ >是
|
|
|
+ </el-radio>
|
|
|
+ <el-radio
|
|
|
+ :label="0"
|
|
|
+ >否
|
|
|
+ </el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <Tip title="是否只发送在平台注册了会员的客户" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item v-if="(form.sendType==2 || form.sendType==4 || form.sendType==11) && form.type != 3 && form.isFixed == 0 && form.filterMode == 1" label="自动添加SOP"
|
|
|
- prop="autoSopTime.autoSopType">
|
|
|
+
|
|
|
+ <el-form-item v-if="form.sendType==2 || form.sendType==4" label="自动添加SOP" prop="autoSopTime" >
|
|
|
<el-radio-group v-model="form.autoSopTime.autoSopType">
|
|
|
<el-radio
|
|
|
:label="1"
|
|
|
- >当天开始
|
|
|
- </el-radio>
|
|
|
+ >当天开始</el-radio>
|
|
|
<el-radio
|
|
|
:label="2"
|
|
|
- >次日开始
|
|
|
- </el-radio>
|
|
|
+ >次日开始</el-radio>
|
|
|
</el-radio-group>
|
|
|
<Tip :title="'这个选项仅作用于【新客户】进线时或【给客户打标签时】，是进入当日的营期 还是 次日的营期'" />
|
|
|
</el-form-item>
|
|
|
<div style="display: flex; align-items: center; flex-wrap: nowrap;">
|
|
|
- <div v-if="form.autoSopTime.autoSopType==1 && form.isFixed == 0" style="display: flex; align-items: center">
|
|
|
+ <div v-if="form.autoSopTime.autoSopType==1" style="display: flex; align-items: center">
|
|
|
<el-form-item
|
|
|
label="起始时间"
|
|
|
prop="autoStartTime"
|
|
|
@@ -363,47 +242,40 @@
|
|
|
}">
|
|
|
</el-time-select>
|
|
|
</el-form-item>
|
|
|
- <Tip :title="'起始时间-结束时间之内的进线客户，进入【当日营期】，时间之外的，进入【次日营期】'" />
|
|
|
+ <div style="color: #999;font-size: 14px;display: flex;align-items: center;">
|
|
|
+ <i class="el-icon-info"></i>
|
|
|
+ 起始时间-结束时间之内的进线客户，进入【当日营期】，时间之外的，进入【次日营期】
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <el-form-item v-if="form.autoSopTime.autoSopType==1" label="过期消息是否发送" prop="autoSopSend"-->
|
|
|
- <!-- label-width="130px">-->
|
|
|
- <!-- <el-radio-group v-model="form.autoSopTime.autoSopSend">-->
|
|
|
- <!-- <el-radio-->
|
|
|
- <!-- :label="1"-->
|
|
|
- <!-- >是-->
|
|
|
- <!-- </el-radio>-->
|
|
|
- <!-- <el-radio-->
|
|
|
- <!-- :label="2"-->
|
|
|
- <!-- >否-->
|
|
|
- <!-- </el-radio>-->
|
|
|
- <!-- </el-radio-group>-->
|
|
|
- <!-- </el-form-item>-->
|
|
|
-
|
|
|
-
|
|
|
- <el-form-item label="是否只发送注册用户" prop="isRegister" v-if="form.type != 3 && form.filterMode == 1">
|
|
|
- <el-radio-group v-model="form.isRegister">
|
|
|
- <el-radio
|
|
|
- :label="1"
|
|
|
- >是
|
|
|
- </el-radio>
|
|
|
- <el-radio
|
|
|
- :label="0"
|
|
|
- >否
|
|
|
- </el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <Tip title="是否只发送在平台注册了会员的客户" />
|
|
|
+ <el-form-item label="任务过期时间" prop="expiryTime">
|
|
|
+ <el-row>
|
|
|
+ <el-input-number v-model="form.expiryTime" :min="1" :max="100" ></el-input-number>
|
|
|
+ （小时）
|
|
|
+ </el-row>
|
|
|
+ <Tip title="发送sop任务消息的过期时间,超过这个时间，消息将不再发送(作废)，比如：9点的消息，设置3个小时过期，12点之后还未发送 则这条消息将过期且不再发送" />
|
|
|
</el-form-item>
|
|
|
-
|
|
|
<el-form-item label="模板" prop="tempId">
|
|
|
- <div @click="selectListSopTemp(form.sendType)"
|
|
|
- style="cursor: pointer; border: 1px solid #e6e6e6; background-color: white; overflow: hidden; flex-grow: 1;">
|
|
|
- <el-tag v-if="form.tempId" type="success" style="margin: 3px;">
|
|
|
- {{ form.tempName }}
|
|
|
+ <div @click="selectListSopTemp(form.sendType,0)" style="cursor: pointer; border: 1px solid #e6e6e6; background-color: white; overflow: hidden; flex-grow: 1;">
|
|
|
+ <el-tag type="success" style="margin: 3px;"
|
|
|
+ :disable-transitions="false"
|
|
|
+ v-for="list in tempList"
|
|
|
+ :key="list.id"
|
|
|
+ v-if="list.id === form.tempId">
|
|
|
+ {{ form.tempName || list.name }}
|
|
|
</el-tag>
|
|
|
- <span v-else style="margin: 3px; color: #999;">请点我选择模板</span>
|
|
|
+
|
|
|
+ <!-- 如果 form.tempId 没有值，显示 '请选择模板' -->
|
|
|
+ <span v-if="!form.tempId" style="margin: 3px; color: #999;">请选择模板</span>
|
|
|
</div>
|
|
|
- <Tip title="选择想要发送的模板规则" />
|
|
|
+ <!-- <el-select v-model="form.tempId" @focus="selectListSopTemp(form.sendType)" placeholder="请选择模板" v-loading="tempListLoading" >-->
|
|
|
+ <!-- <el-option-->
|
|
|
+ <!-- v-for="dict in tempList"-->
|
|
|
+ <!-- :label="dict.name"-->
|
|
|
+ <!-- :value="dict.id">-->
|
|
|
+ <!-- </el-option>-->
|
|
|
+ <!-- <div v-if="tempListLoading" slot="prefix" class="select-prefix">正在查询相应模板...</div>-->
|
|
|
+ <!-- </el-select>-->
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="开启评论/弹幕" prop="openCommentStatus">
|
|
|
@@ -414,73 +286,50 @@
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <div slot="footer" class="dialog-footer" style="display: flex;justify-content: flex-end;">
|
|
|
- <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
- <el-button @click="cancel">取 消</el-button>
|
|
|
+ <div slot="footer" class="dialog-footer" style="float: right;" >
|
|
|
+ <el-button v-if="handleType==1" type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ <el-button v-if="handleType==1" @click="cancel">取 消</el-button>
|
|
|
+
|
|
|
</div>
|
|
|
- <el-dialog :title="listUser.title" :visible.sync="listUser.open" width="700px" append-to-body>
|
|
|
+ <el-dialog :custom-class="'fixed-dialog'" :title="listUser.title" :visible.sync="listUser.open" width="700px" append-to-body>
|
|
|
<qwUserList ref="QwUserList" @selectUserList="selectUserList"></qwUserList>
|
|
|
</el-dialog>
|
|
|
-
|
|
|
- <el-dialog :title="companyUser.title" :visible.sync="companyUser.open" width="700px" append-to-body>
|
|
|
- <company-user-list ref="companyUserList" @selectCompanyUserList="selectCompanyUserList"></company-user-list>
|
|
|
+ <el-dialog title="选择模板" :visible.sync="tempOpen" append-to-body >
|
|
|
+ <sop-temp ref="SopTempComments" @sopTemp="sopTemp" @submitUpdateTemp="submitUpdateTemp"></sop-temp>
|
|
|
</el-dialog>
|
|
|
-
|
|
|
- <el-dialog title="选择模板" :visible.sync="tempOpen" append-to-body>
|
|
|
- <sop-temp ref="SopTempComments" @sopTemp="sopTemp"></sop-temp>
|
|
|
- </el-dialog>
|
|
|
-
|
|
|
- <!-- 选择/排除标签 -->
|
|
|
- <el-dialog :title="changeTagDialog.title" :visible.sync="changeTagDialog.open" width="800px" append-to-body>
|
|
|
-
|
|
|
- <div>搜索标签：
|
|
|
- <el-input v-model="queryTagParams.name" placeholder="请输入标签名称" clearable size="small"
|
|
|
- style="width: 200px;margin-right: 10px"/>
|
|
|
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleSearchTags">搜索</el-button>
|
|
|
- <el-button type="primary" icon="el-icon-plus" size="mini" @click="cancelSearchTags">重置</el-button>
|
|
|
- </div>
|
|
|
- <div v-for="item in tagGroupList" :key="item.id">
|
|
|
- <div style="font-size: 20px;margin-top: 20px;margin-bottom: 20px;">
|
|
|
- <span class="name-background">{{ item.name }}</span>
|
|
|
- </div>
|
|
|
- <!-- 添加外层滚动容器 -->
|
|
|
- <div class="scroll-wrapper">
|
|
|
- <div class="tag-container">
|
|
|
- <a
|
|
|
- v-for="tagItem in item.tag"
|
|
|
- class="tag-box"
|
|
|
- @click="tagSelection(tagItem)"
|
|
|
- :class="{ 'tag-selected': tagItem.isSelected }"
|
|
|
- >
|
|
|
- {{ tagItem.name }}
|
|
|
- </a>
|
|
|
+ <!-- 修改模板 -->
|
|
|
+ <el-dialog :title="updateQwUserDialog.title" :visible.sync="updateQwUserDialog.open" width="500px" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" label-width="100px">
|
|
|
+ <el-form-item label="选择员工" prop="qwUserIds" style="margin-top: 2%">
|
|
|
+ <div>
|
|
|
+ <el-button
|
|
|
+ size="medium"
|
|
|
+ icon="el-icon-circle-plus-outline"
|
|
|
+ plain
|
|
|
+ @click="handlelistUser(form.type,form.sendType)">请选择使用员工</el-button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- <div class="tag-container">-->
|
|
|
- <!-- <a-->
|
|
|
- <!-- v-for="tagItem in item.tag"-->
|
|
|
- <!-- class="tag-box"-->
|
|
|
- <!-- @click="tagSelection(tagItem)"-->
|
|
|
- <!-- :class="{ 'tag-selected': tagItem.isSelected }"-->
|
|
|
- <!-- >-->
|
|
|
- <!-- {{ tagItem.name }}-->
|
|
|
- <!-- </a>-->
|
|
|
- <!-- </div>-->
|
|
|
- </div>
|
|
|
-
|
|
|
- <pagination
|
|
|
- v-show="total>0"
|
|
|
- :total="total"
|
|
|
- :page.sync="queryTagParams.pageNum"
|
|
|
- :limit.sync="queryTagParams.pageSize"
|
|
|
- @pagination="cancelSearchTags"
|
|
|
- />
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="tagSubmitForm(changeTagDialog.type)">确 定</el-button>
|
|
|
- <el-button @click="tagCancel(changeTagDialog.type)">取消</el-button>
|
|
|
+ <div>
|
|
|
+ <el-tag
|
|
|
+ style="margin-left: 5px"
|
|
|
+ size="medium"
|
|
|
+ :key="id"
|
|
|
+ v-for="id in userSelectList"
|
|
|
+ closable
|
|
|
+ :disable-transitions="false"
|
|
|
+ @close="handleClosegroupUser(id)">
|
|
|
+ <span v-for="list in companyUserList" :key="list.qwUserId" v-if="list.id==id">{{list.qwUserName}}</span>
|
|
|
+ </el-tag>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer" >
|
|
|
+ <el-button type="primary" @click="submitUpdateQwUser">确 定</el-button>
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -492,28 +341,18 @@ import qwUserList from '@/views/qw/user/qwUserList.vue'
|
|
|
import ImageUpload from "@/views/qw/sop/ImageUpload";
|
|
|
import CustomerGroupDetails from '@/views/qw/groupMsg/customerGroupDetails.vue'
|
|
|
import sopLogsDetails from '@/views/qw/sopLogs/sopLogsList.vue'
|
|
|
-import {listTag, getTag, searchTags,} from "@/api/qw/tag";
|
|
|
-import { getMyQwUserList,getMyQwCompanyList,getQwUserByIds } from "@/api/qw/user";
|
|
|
+import { listTag, getTag, } from "@/api/qw/tag";
|
|
|
+import { getMyQwUserList,getMyQwCompanyList } from "@/api/qw/user";
|
|
|
import {sopListWxUserGroup} from "@/api/wxUser/wxUserGroup";
|
|
|
import source from "echarts/src/data/Source";
|
|
|
import SopTemp from "@/views/qw/sopTemp/sopTemp.vue";
|
|
|
import Tip from "../../../components/Tip/index.vue";
|
|
|
-import companyUserList from "@/views/company/companyUser/companyUserList.vue";
|
|
|
-import {allListTagGroup} from "@/api/qw/tagGroup";
|
|
|
// import { ElMessageBox } from 'element-plus';
|
|
|
export default {
|
|
|
name: "updateSop",
|
|
|
- components: {companyUserList, Tip, SopTemp, CustomerGroupDetails, qwUserList,ImageUpload,sopLogsDetails},
|
|
|
+ components: {Tip, SopTemp, CustomerGroupDetails, qwUserList,ImageUpload,sopLogsDetails},
|
|
|
data() {
|
|
|
return {
|
|
|
- levelList: [
|
|
|
- {value: 1, label: "A"},
|
|
|
- {value: 2, label: "B"},
|
|
|
- {value: 3, label: "C"},
|
|
|
- {value: 4, label: "D"},
|
|
|
- {value: 5, label: "E"},
|
|
|
- {value: -1, label: "未评级"},
|
|
|
- ],
|
|
|
updateQwUserDialog:{
|
|
|
title:"修改成员",
|
|
|
open:false
|
|
|
@@ -560,43 +399,17 @@ export default {
|
|
|
|
|
|
//个微客户的分组
|
|
|
wxUserGroupList:[],
|
|
|
- tagsIdsChangeSelectList: null,
|
|
|
- //排除的标签
|
|
|
- outTagsIdsChangeSelectList: null,
|
|
|
- //添加的标签
|
|
|
- addTagsIdsChangeSelectList: null,
|
|
|
|
|
|
sopLogsDialog:{
|
|
|
title:'',
|
|
|
open:false,
|
|
|
sopLogsForm:[],
|
|
|
},
|
|
|
- queryTagParams: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 5,
|
|
|
- total: 0,
|
|
|
- name: null,
|
|
|
- corpId: null,
|
|
|
- },
|
|
|
- //标签组
|
|
|
- tagGroupList: [],
|
|
|
- //标签
|
|
|
- changeTagDialog: {
|
|
|
- title: "",
|
|
|
- open: false,
|
|
|
- type: null,
|
|
|
- },
|
|
|
- companyUser: {
|
|
|
- title: "",
|
|
|
- open: false
|
|
|
- },
|
|
|
- companyQwUserList: [],
|
|
|
// 表单参数
|
|
|
form: {
|
|
|
status: 1,
|
|
|
sendType:2,
|
|
|
type: 2,
|
|
|
- autoGroupLevelArray:[],
|
|
|
filterType:2,
|
|
|
autoSopTime:{},
|
|
|
},
|
|
|
@@ -649,146 +462,6 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- handleSearchTags() {
|
|
|
-
|
|
|
- if (!this.queryTagParams.name){
|
|
|
- return this.$message.error("请输入要搜索的标签")
|
|
|
- }
|
|
|
- searchTags(this.queryTagParams).then(response => {
|
|
|
- this.tagGroupList = response.rows;
|
|
|
- this.total = response.total;
|
|
|
- });
|
|
|
-
|
|
|
- },
|
|
|
- cancelSearchTags() {
|
|
|
- allListTagGroup(this.queryTagParams).then(response => {
|
|
|
- this.tagGroupList = response.rows;
|
|
|
- this.total = response.total;
|
|
|
- });
|
|
|
-
|
|
|
- listTag(this.queryTagParams).then(response => {
|
|
|
- this.tagList = response.rows;
|
|
|
- });
|
|
|
- },
|
|
|
- //标签的选择
|
|
|
- tagSelection(row) {
|
|
|
- row.isSelected = !row.isSelected;
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- //确定选择标签
|
|
|
- tagSubmitForm(type) {
|
|
|
-
|
|
|
- if (type == 1) {
|
|
|
- for (let i = 0; i < this.tagGroupList.length; i++) {
|
|
|
- for (let x = 0; x < this.tagGroupList[i].tag.length; x++) {
|
|
|
- if (this.tagGroupList[i].tag[x].isSelected === true) {
|
|
|
-
|
|
|
- if (!this.tagsIdsChangeSelectList) {
|
|
|
- this.tagsIdsChangeSelectList = [];
|
|
|
- }
|
|
|
-
|
|
|
- // 检查当前 tag 是否已经存在于 tagListFormIndex[index] 中
|
|
|
- let tagExists = this.tagsIdsChangeSelectList.some(
|
|
|
- tag => tag.id === this.tagGroupList[i].tag[x].id
|
|
|
- );
|
|
|
-
|
|
|
- // 如果 tag 不存在于 tagListFormIndex[index] 中，则新增
|
|
|
- if (!tagExists) {
|
|
|
- this.tagsIdsChangeSelectList.push(this.tagGroupList[i].tag[x]);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (!this.tagsIdsChangeSelectList || this.tagsIdsChangeSelectList.length === 0) {
|
|
|
- return this.$message('请选择标签');
|
|
|
- }
|
|
|
-
|
|
|
- } else if (type == 2) {
|
|
|
-
|
|
|
- for (let i = 0; i < this.tagGroupList.length; i++) {
|
|
|
- for (let x = 0; x < this.tagGroupList[i].tag.length; x++) {
|
|
|
- if (this.tagGroupList[i].tag[x].isSelected === true) {
|
|
|
-
|
|
|
- if (!this.outTagsIdsChangeSelectList) {
|
|
|
- this.outTagsIdsChangeSelectList = [];
|
|
|
- }
|
|
|
-
|
|
|
- // 检查当前 tag 是否已经存在于 tagListFormIndex[index] 中
|
|
|
- let tagExists = this.outTagsIdsChangeSelectList.some(
|
|
|
- tag => tag.id === this.tagGroupList[i].tag[x].id
|
|
|
- );
|
|
|
-
|
|
|
- // 如果 tag 不存在于 tagListFormIndex[index] 中，则新增
|
|
|
- if (!tagExists) {
|
|
|
- this.outTagsIdsChangeSelectList.push(this.tagGroupList[i].tag[x]);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (!this.outTagsIdsChangeSelectList || this.outTagsIdsChangeSelectList.length === 0) {
|
|
|
- return this.$message('请选择标签');
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- this.changeTagDialog.open = false;
|
|
|
- },
|
|
|
-
|
|
|
- //取消选择标签
|
|
|
- tagCancel() {
|
|
|
- this.changeTagDialog.open = false;
|
|
|
- },
|
|
|
-
|
|
|
- //选择标签
|
|
|
- hangleChangeTags() {
|
|
|
-
|
|
|
- this.changeTagDialog.title = "选择标签"
|
|
|
- this.changeTagDialog.open = true;
|
|
|
- this.changeTagDialog.type = 1;
|
|
|
-
|
|
|
- // 获取 tagListFormIndex 中的所有 tagId，用于快速查找
|
|
|
- const selectedTagIds = new Set(
|
|
|
- (this.tagsIdsChangeSelectList || []).map(tagItem => tagItem?.tagId)
|
|
|
- );
|
|
|
- for (let i = 0; i < this.tagGroupList.length; i++) {
|
|
|
- for (let x = 0; x < this.tagGroupList[i].tag.length; x++) {
|
|
|
- this.tagGroupList[i].tag[x].isSelected = selectedTagIds.has(this.tagGroupList[i].tag[x].tagId);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- //选择排除标签
|
|
|
- hangleChangeOutTags() {
|
|
|
- this.changeTagDialog.title = "选择排除的标签"
|
|
|
- this.changeTagDialog.open = true;
|
|
|
- this.changeTagDialog.type = 2;
|
|
|
-
|
|
|
- // 获取 tagListFormIndex 中的所有 tagId，用于快速查找
|
|
|
- const selectedTagIds = new Set(
|
|
|
- (this.outTagsIdsChangeSelectList || []).map(tagItem => tagItem?.tagId)
|
|
|
- );
|
|
|
- for (let i = 0; i < this.tagGroupList.length; i++) {
|
|
|
- for (let x = 0; x < this.tagGroupList[i].tag.length; x++) {
|
|
|
- this.tagGroupList[i].tag[x].isSelected = selectedTagIds.has(this.tagGroupList[i].tag[x].tagId);
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- //销售员工
|
|
|
- selectCompanyUserList(list) {
|
|
|
-
|
|
|
- this.companyUser.open = false;
|
|
|
- list.forEach(obj => {
|
|
|
- if (!this.userSelectList.some(item => item == obj.userId)) {
|
|
|
- this.userSelectList.push(obj.userId);
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- //选择销售员工时
|
|
|
- handleCompanyUser(type, sendType) {
|
|
|
-
|
|
|
- this.companyUser.title = "选择销售"
|
|
|
- this.companyUser.open = true;
|
|
|
-
|
|
|
- },
|
|
|
submitUpdateQwUser(){
|
|
|
this.form.qwUserIds = this.userSelectList.join(",");
|
|
|
const data ={
|
|
|
@@ -800,11 +473,11 @@ export default {
|
|
|
'<span style="color: red;">(如有删除员工，对应的【营期也会删除】且【不可恢复】，请谨慎操作)</span>',
|
|
|
"警告",
|
|
|
{
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- dangerouslyUseHTMLString: true // 允许使用 HTML 字符串
|
|
|
- }).then(() => {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning",
|
|
|
+ dangerouslyUseHTMLString: true // 允许使用 HTML 字符串
|
|
|
+ }).then(() => {
|
|
|
this.updateQwUserDialog.open=false;
|
|
|
return updateSopQwUser(data);
|
|
|
}).then(response => {
|
|
|
@@ -915,6 +588,7 @@ export default {
|
|
|
//删除员工
|
|
|
handleClosegroupUser(id){
|
|
|
// const index = this.userSelectList.findIndex(t => t === list);
|
|
|
+ console.log(id)
|
|
|
// if (index !== -1) {
|
|
|
// this.userSelectList.splice(index, 1);
|
|
|
// }
|
|
|
@@ -971,14 +645,6 @@ export default {
|
|
|
if (this.form.setting!=null){
|
|
|
this.setting=JSON.parse(this.form.setting);
|
|
|
}
|
|
|
- if(this.form.autoGroupLevel != null){
|
|
|
- this.form.autoGroupLevelArray = this.form.autoGroupLevel.split(",").map(Number);
|
|
|
- }
|
|
|
- if(this.form.qwUserIds != null){
|
|
|
- getQwUserByIds(this.form.qwUserIds).then(res => {
|
|
|
- this.companyQwUserList = res.data;
|
|
|
- })
|
|
|
- }
|
|
|
|
|
|
listSopTemp({id:this.form.tempId}).then(response => {
|
|
|
this.tempList = response.rows;
|
|
|
@@ -1001,7 +667,6 @@ export default {
|
|
|
type: 2,
|
|
|
filterType:2,
|
|
|
qwUserIds: null,
|
|
|
- autoGroupLevelArray:[],
|
|
|
corpId: null,
|
|
|
setting: null,
|
|
|
createBy: null,
|
|
|
@@ -1017,10 +682,6 @@ export default {
|
|
|
this.resetForm("queryForm");
|
|
|
this.handleQuery();
|
|
|
},
|
|
|
- clearUser() {
|
|
|
- this.userSelectList = [];
|
|
|
- this.tags = null;
|
|
|
- },
|
|
|
// 多选框选中数据
|
|
|
handleSelectionChange(selection) {
|
|
|
this.ids = selection.map(item => item.id)
|
