向文可
3 years ago
parent
78f371960a
commit
2a59913e69
@ -1,4 +1,4 @@
|
||||
VITE_BASE_URL=/api
|
||||
#VITE_SOCKET_URL=wss://k8s-horse-gateway.mashibing.cn/ws
|
||||
VITE_SOCKET_URL=ws://192.168.10.93:8090/ws
|
||||
VITE_SOCKET_URL=wss://k8s-horse-gateway.mashibing.cn/ws
|
||||
#VITE_SOCKET_URL=ws://192.168.10.93:8090/ws
|
||||
VITE_REQUEST_TIMEOUT=5000
|
||||
|
||||
@ -0,0 +1,91 @@
|
||||
import * as api from '@/api/chat/index.js';
|
||||
import { ElMessage, ElMessageBox } from '@/plugins/element-plus';
|
||||
const state = () => ({
|
||||
code: 'CustomerServiceManagement',
|
||||
condition: {},
|
||||
list: [],
|
||||
total: 0,
|
||||
opts: {
|
||||
init: false,
|
||||
customerServiceType: [
|
||||
{
|
||||
label: '售前',
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
label: '售后',
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
label: '发货',
|
||||
value: 3,
|
||||
},
|
||||
],
|
||||
},
|
||||
});
|
||||
const getters = {};
|
||||
const mutations = {
|
||||
setCode: (state, data) => (state.code = data),
|
||||
setCondition: (state, data) => (state.condition = data),
|
||||
setList: (state, data) => (state.list = data),
|
||||
setTotal: (state, data) => (state.total = data),
|
||||
setOpts: (state, data) => (state.opts = data),
|
||||
};
|
||||
const actions = {
|
||||
search: async ({ commit }) => {
|
||||
let res = await api.searchService(1);
|
||||
commit('setList', res || []);
|
||||
if (!res) {
|
||||
ElMessage.error('查询失败');
|
||||
}
|
||||
return res;
|
||||
},
|
||||
load: async ({ state, commit }) => {
|
||||
commit('setOpts', {
|
||||
init: true,
|
||||
...state.opts,
|
||||
});
|
||||
},
|
||||
detail: async (context, id) => {
|
||||
let res = await api.detail(id);
|
||||
if (!res) {
|
||||
ElMessage.error('加载详情失败');
|
||||
}
|
||||
return res;
|
||||
},
|
||||
save: async ({ dispatch }, data) => {
|
||||
let save = data.id ? api.update : api.create;
|
||||
let res = await save(data);
|
||||
if (res) {
|
||||
ElMessage.success('保存成功');
|
||||
dispatch('search');
|
||||
} else {
|
||||
ElMessage.error('保存失败');
|
||||
}
|
||||
return res;
|
||||
},
|
||||
remove: async ({ dispatch }, idList) => {
|
||||
if (!idList.length) {
|
||||
ElMessage.warning('请选择要删除的数据');
|
||||
} else {
|
||||
try {
|
||||
await ElMessageBox.confirm('数据删除后无法恢复，确定要删除吗?', '危险操作');
|
||||
let res = await api.remove(idList.join(','));
|
||||
if (res) {
|
||||
ElMessage.success('删除成功');
|
||||
dispatch('search');
|
||||
} else {
|
||||
ElMessage.error('删除失败');
|
||||
}
|
||||
} catch (e) {
|
||||
console.info('取消删除', e);
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
export default {
|
||||
state,
|
||||
getters,
|
||||
mutations,
|
||||
actions,
|
||||
};
|
||||
@ -0,0 +1,100 @@
|
||||
<template>
|
||||
<div class="list-container">
|
||||
<table-list
|
||||
v-loading="loading"
|
||||
:code="code"
|
||||
:config="config"
|
||||
:data="list"
|
||||
:operation="['search']"
|
||||
:reset="handleReset"
|
||||
:total="total"
|
||||
@search="handleSearch"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="jsx">
|
||||
import ElButton from '@/components/extra/ElButton.vue';
|
||||
import ElSwitch from '@/components/extra/ElSwitch.vue';
|
||||
const router = useRouter();
|
||||
const store = useStore();
|
||||
const loading = ref(false);
|
||||
const code = computed(() => store.state.customerService.code);
|
||||
const list = computed(() => store.state.customerService.list);
|
||||
const total = computed(() => store.state.customerService.total);
|
||||
const opts = computed(() => store.state.customerService.opts);
|
||||
if (!unref(opts).init) {
|
||||
store.dispatch('customerService/load');
|
||||
}
|
||||
const state = reactive({
|
||||
condition: {},
|
||||
});
|
||||
watch(
|
||||
() => state.condition,
|
||||
(value) => {
|
||||
store.commit('customerService/setCondition', _.cloneDeep(value));
|
||||
},
|
||||
{ immediate: true, deep: true }
|
||||
);
|
||||
const handleReset = () => {
|
||||
state.condition = {};
|
||||
};
|
||||
const handleSearch = async () => {
|
||||
loading.value = true;
|
||||
await store.dispatch('customerService/search');
|
||||
loading.value = false;
|
||||
};
|
||||
onActivated(handleSearch);
|
||||
|
||||
const handleHistory = async (row) => {
|
||||
router.push({
|
||||
name: 'ChatHistory',
|
||||
params: {
|
||||
id: row.id,
|
||||
},
|
||||
});
|
||||
};
|
||||
const config = reactive({
|
||||
// 表格列配置
|
||||
columns: [
|
||||
{
|
||||
label: '账号',
|
||||
prop: 'account',
|
||||
minWidth: 160,
|
||||
},
|
||||
{
|
||||
label: '账号名',
|
||||
prop: 'nickname',
|
||||
minWidth: 160,
|
||||
},
|
||||
{
|
||||
label: '客服昵称',
|
||||
prop: 'waiterNickname',
|
||||
minWidth: 160,
|
||||
},
|
||||
{
|
||||
label: '是否启用',
|
||||
slots: {
|
||||
default: ({ row }) => <ElSwitch v-model={row.isEnable} />,
|
||||
},
|
||||
width: 120,
|
||||
},
|
||||
{
|
||||
label: '操作',
|
||||
fixed: 'right',
|
||||
slots: {
|
||||
default: ({ row }) => (
|
||||
<div>
|
||||
<ElButton type="text" onClick={() => handleHistory([row])}>
|
||||
会话记录
|
||||
</ElButton>
|
||||
</div>
|
||||
),
|
||||
},
|
||||
width: 120,
|
||||
},
|
||||
],
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
Loading…
Reference in new issue