wew
This commit is contained in:
@zuopngfei
parent
bf6b7f5fcb
commit
8250bb2877
@ -31,36 +31,17 @@
|
||||
<el-table-column prop="" label="操作" width="100" align="center" fixed="right">
|
||||
<template #default="scoped">
|
||||
<div class="mht-operations">
|
||||
<!-- <el-tooltip class="box-item" effect="dark" content="客户详情" placement="bottom">
|
||||
<el-icon @click="toDetail(scoped.row)">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-xiangqingye-43"></use>
|
||||
</svg>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip class="box-item" effect="dark" content="发送消息" placement="bottom">
|
||||
<el-icon @click="handleSend(scoped.row)">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-fasong"></use>
|
||||
</svg>
|
||||
</el-icon>
|
||||
</el-tooltip> -->
|
||||
<el-tooltip class="box-item" effect="dark" content="编辑" placement="bottom">
|
||||
<el-icon class="el-icon-primary" @click="handleEdit(scoped.row)">
|
||||
<Edit />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip class="box-item" effect="dark" content="绑定小程序" placement="bottom">
|
||||
|
||||
<el-icon class="el-icon-primary" @click="handleBindApp(scoped.row)">
|
||||
<Connection />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip class="box-item" effect="dark" content="删除" placement="bottom">
|
||||
<el-icon class="el-icon-danger" @click="handleDelete(scoped.row)">
|
||||
<Delete />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-button type="primary" link @click="handleEdit(scoped.row)">
|
||||
编辑
|
||||
</el-button>
|
||||
|
||||
<el-button type="primary" link @click="handleBindApp(scoped.row)">
|
||||
绑定小程序
|
||||
</el-button>
|
||||
<el-button type="danger" link @click="handleDelete(scoped.row)">
|
||||
删除
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
@ -88,12 +69,8 @@
|
||||
<el-input v-model="ruleForm.nickname" placeholder="请输入客服昵称" size="large" />
|
||||
</el-form-item>
|
||||
<el-form-item label="客服密码" prop="password">
|
||||
<el-input
|
||||
v-model="ruleForm.password"
|
||||
type="password"
|
||||
:placeholder="isEdit ? '留空则不修改密码' : '请输入客服密码'"
|
||||
size="large"
|
||||
/>
|
||||
<el-input v-model="ruleForm.password" type="password"
|
||||
:placeholder="isEdit ? '留空则不修改密码' : '请输入客服密码'" size="large" />
|
||||
<div v-if="isEdit" style="font-size: 12px; color: #999; margin-top: 4px;">
|
||||
留空则不修改密码
|
||||
</div>
|
||||
@ -122,7 +99,8 @@
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="dialogLog" title="绑定小程序" width="1000px" align-center :before-close="handleClose" destroy-on-close>
|
||||
<el-dialog v-model="dialogLog" title="绑定小程序" width="1000px" align-center :before-close="handleClose"
|
||||
destroy-on-close>
|
||||
<div class="dialog-box">
|
||||
|
||||
<el-table ref="appTableRef" :data="logList" style="width: 100%" max-height="500px" row-key="id"
|
||||
@ -207,7 +185,7 @@ const getRules = () => {
|
||||
trigger: 'change',
|
||||
}],
|
||||
}
|
||||
|
||||
|
||||
// 在创建模式下，密码是必填的；在编辑模式下，密码是可选的
|
||||
if (!isEdit.value) {
|
||||
baseRules.password = [{
|
||||
@ -222,7 +200,7 @@ const getRules = () => {
|
||||
trigger: 'blur',
|
||||
}]
|
||||
}
|
||||
|
||||
|
||||
return baseRules
|
||||
}
|
||||
|
||||
@ -291,7 +269,7 @@ const submitRobot = async () => {
|
||||
avatar: ruleForm.value.avatar,
|
||||
mobile: ruleForm.value.mobile,
|
||||
}
|
||||
|
||||
|
||||
// 只有当密码字段有值且不为空时才传入密码字段
|
||||
if (ruleForm.value.password && ruleForm.value.password.trim() !== '') {
|
||||
editData.password = md5(ruleForm.value.password)
|
||||
@ -315,7 +293,7 @@ const submitRobot = async () => {
|
||||
...ruleForm.value,
|
||||
password: md5(ruleForm.value.password)
|
||||
}
|
||||
|
||||
|
||||
const res = await addRobot(createData)
|
||||
robotCards.value.push({
|
||||
...ruleForm.value,
|
||||
@ -357,7 +335,7 @@ const handleDelete = (item, index) => {
|
||||
duration: 2000
|
||||
})
|
||||
await deleteRobot({
|
||||
ids: String(item.id)
|
||||
ids: String(item.id)
|
||||
})
|
||||
// getGroups()
|
||||
robotCards.value.splice(index, 1)
|
||||
@ -406,7 +384,7 @@ const openLog = async () => {
|
||||
tableLoading.value = false
|
||||
logList.value = res.list
|
||||
total.value = res.total
|
||||
|
||||
|
||||
// 只在第一次打开时获取已绑定的小程序列表
|
||||
if (bandAppIds.value.length === 0 || logQuery.page === 1) {
|
||||
const res2 = await appList({
|
||||
@ -418,7 +396,7 @@ const openLog = async () => {
|
||||
// 初始化 appSelects 包含已绑定的小程序
|
||||
appSelects = [...bandAppIds.value]
|
||||
}
|
||||
|
||||
|
||||
// 默认选中已绑定的小程序
|
||||
setSelectedApps()
|
||||
}
|
||||
|
||||
@ -39,43 +39,22 @@
|
||||
<el-table-column prop="" label="操作" width="100" align="center" fixed="right">
|
||||
<template #default="scoped">
|
||||
<div class="mht-operations">
|
||||
<!-- <el-tooltip class="box-item" effect="dark" content="客户详情" placement="bottom">
|
||||
<el-icon @click="toDetail(scoped.row)">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-xiangqingye-43"></use>
|
||||
</svg>
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip class="box-item" effect="dark" content="发送消息" placement="bottom">
|
||||
<el-icon @click="handleSend(scoped.row)">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-fasong"></use>
|
||||
</svg>
|
||||
</el-icon>
|
||||
</el-tooltip> -->
|
||||
<el-tooltip class="box-item" effect="dark" content="获取二维码" placement="bottom">
|
||||
<!-- <el-icon class="el-icon-primary" @click="handleEdit(scoped.row)">
|
||||
<Edit />
|
||||
</el-icon> -->
|
||||
<el-icon @click="handleqr(scoped.row)">
|
||||
<FullScreen />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip class="box-item" effect="dark" content="编辑" placement="bottom">
|
||||
<el-icon class="el-icon-primary" @click="handleEdit(scoped.row)">
|
||||
<Edit />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip class="box-item" effect="dark" content="详情" placement="bottom">
|
||||
<el-icon class="el-icon-primary" @click="handleDetail(scoped.row)">
|
||||
<ChatDotRound />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
<el-tooltip class="box-item" effect="dark" content="删除" placement="bottom">
|
||||
<el-icon class="el-icon-danger" @click="handeleDelete(scoped.row)">
|
||||
<Delete />
|
||||
</el-icon>
|
||||
</el-tooltip>
|
||||
|
||||
<el-button type="primary" link @click="handleqr(scoped.row)">
|
||||
获取二维码
|
||||
</el-button>
|
||||
|
||||
<el-button type="primary" link @click="handleEdit(scoped.row)">
|
||||
编辑
|
||||
</el-button>
|
||||
|
||||
<el-button type="primary" link @click="handleDetail(scoped.row)">
|
||||
详情
|
||||
</el-button>
|
||||
|
||||
<el-button type="danger" link @click="handeleDelete(scoped.row)">
|
||||
删除
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
@ -102,9 +81,10 @@
|
||||
<el-form-item label="小程序ID" prop="app_id">
|
||||
<el-input v-model="ruleForm.app_id" placeholder="请输入小程序ID" size="large" />
|
||||
</el-form-item>
|
||||
<el-form-item label="AppSecret" prop="app_secret">
|
||||
<el-input v-model="ruleForm.app_secret" placeholder="请输入AppSecret" size="large" type="password" show-password />
|
||||
</el-form-item>
|
||||
<el-form-item label="AppSecret" prop="app_secret">
|
||||
<el-input v-model="ruleForm.app_secret" placeholder="请输入AppSecret" size="large" type="password"
|
||||
show-password />
|
||||
</el-form-item>
|
||||
<el-form-item label="模板ID" prop="template_id">
|
||||
<el-input v-model="ruleForm.template_id" placeholder="请输入模板ID" size="large" />
|
||||
</el-form-item>
|
||||
@ -168,7 +148,7 @@
|
||||
<el-dialog v-model="qrDialog" title="小程序二维码" width="500px" align-center :before-close="handleClose">
|
||||
<div class="dialog-box" style="text-align: center;">
|
||||
<img :src="qrCode" style="width: 200px;" alt="">
|
||||
|
||||
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user