pull/5/head
qsh
2 months ago
parent
1d1f1762f8
commit
9b7543f65f
@ -0,0 +1,7 @@ |
|||||||
|
<template> |
||||||
|
<div> record </div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup name="WXRecord"></script> |
||||||
|
|
||||||
|
<style lang="scss" scoped></style> |
||||||
@ -0,0 +1,81 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-table v-loading="loading" :data="tableList" border stripe> |
||||||
|
<el-table-column v-for="col in columns" :prop="col.prop" :key="col.prop" :label="col.label" /> |
||||||
|
<el-table-column label="发送方式" min-width="150"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<el-checkbox-group v-model="row.sendType" size="small" @change="rowChange(row)"> |
||||||
|
<el-checkbox :label="1"> 微信 </el-checkbox> |
||||||
|
<el-checkbox :label="2"> 微信群 </el-checkbox> |
||||||
|
</el-checkbox-group> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="微信群名称" min-width="150"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<span v-if="!row.edit">{{ row.wxGroup }}</span> |
||||||
|
<el-input v-else v-model="row.wxGroup" size="small" clearable @blur="rowChange(row)" /> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" width="100"> |
||||||
|
<template #default="{ row }"> |
||||||
|
<div> |
||||||
|
<el-button type="primary" style="padding: 5px 0" text @click="row.edit = true"> |
||||||
|
修改群名称 |
||||||
|
</el-button> |
||||||
|
</div> |
||||||
|
<div> |
||||||
|
<el-button type="primary" style="padding: 5px 0" text @click="row.edit = true"> |
||||||
|
修改发送时间 |
||||||
|
</el-button> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup name="WXSetting"> |
||||||
|
const loading = ref(false) |
||||||
|
const tableList = ref([ |
||||||
|
{ |
||||||
|
name: '分配通知', |
||||||
|
sendType: [] |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '发货通知', |
||||||
|
sendType: [] |
||||||
|
}, |
||||||
|
{ |
||||||
|
name: '月业绩排名', |
||||||
|
sendType: [] |
||||||
|
} |
||||||
|
]) |
||||||
|
const columns = [ |
||||||
|
{ |
||||||
|
label: '消息名称', |
||||||
|
prop: 'name' |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '解释说明', |
||||||
|
prop: 'remark' |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '发送频率', |
||||||
|
prop: 'sendFrequency' |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: '发送时间', |
||||||
|
prop: 'sendTime' |
||||||
|
} |
||||||
|
] |
||||||
|
|
||||||
|
async function rowChange(row) { |
||||||
|
try { |
||||||
|
console.log(row) |
||||||
|
} finally { |
||||||
|
row.edit = false |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped></style> |
||||||
@ -1,62 +0,0 @@ |
|||||||
// import { CrudSchema } from '@/hooks/web/useCrudSchemas'
|
|
||||||
import { dateFormatter } from '@/utils/formatTime' |
|
||||||
|
|
||||||
const statusOptions = [ |
|
||||||
{ label: '发送成功', value: 1 }, |
|
||||||
{ label: '发送失败', value: 2 }, |
|
||||||
{ label: '排队中', value: 3 }, |
|
||||||
{ label: '微信端卡住', value: 4 } |
|
||||||
] |
|
||||||
|
|
||||||
// CrudSchema：https://doc.iocoder.cn/vue3/crud-schema/
|
|
||||||
const crudSchemas = reactive([ |
|
||||||
{ |
|
||||||
label: '发送对象', |
|
||||||
field: 'sendUser', |
|
||||||
isSearch: true, |
|
||||||
isTable: true |
|
||||||
}, |
|
||||||
{ |
|
||||||
label: '发送内容', |
|
||||||
field: 'content', |
|
||||||
isSearch: false, |
|
||||||
isTable: true |
|
||||||
}, |
|
||||||
{ |
|
||||||
label: '发送状态', |
|
||||||
field: 'status', |
|
||||||
isSearch: true, |
|
||||||
isTable: true, |
|
||||||
search: { |
|
||||||
component: 'Select', |
|
||||||
api: () => statusOptions, |
|
||||||
componentProps: { |
|
||||||
optionsAlias: { |
|
||||||
labelField: 'label', |
|
||||||
valueField: 'value' |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
{ |
|
||||||
label: '发送时间', |
|
||||||
field: 'createTime', |
|
||||||
isSearch: true, |
|
||||||
isTable: true, |
|
||||||
formatter: dateFormatter, |
|
||||||
detail: { |
|
||||||
dateFormat: 'YYYY-MM-DD' |
|
||||||
}, |
|
||||||
search: { |
|
||||||
component: 'DatePicker', |
|
||||||
componentProps: { |
|
||||||
type: 'daterange', |
|
||||||
format: 'YYYY-MM-DD', |
|
||||||
valueFormat: 'YYYY-MM-DD', |
|
||||||
startPlaceholder: '发送时间', |
|
||||||
endPlaceholder: '发送时间' |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
]) |
|
||||||
export const { allSchemas } = useCrudSchemas(crudSchemas) |
|
||||||
@ -1,77 +1,19 @@ |
|||||||
<template> |
<template> |
||||||
<el-tabs v-model="tabIndex" type="border-card"> |
<el-tabs v-model="tabIndex" type="border-card"> |
||||||
<el-tab-pane label="微信消息记录" :name="0"> |
<!-- <el-tab-pane label="微信消息记录" :name="0"> |
||||||
<!-- 搜索工作栏 --> |
<Record /> |
||||||
<Search |
</el-tab-pane> --> |
||||||
:schema="allSchemas.searchSchema" |
<el-tab-pane label="消息配置" :name="1"> |
||||||
labelWidth="0" |
<Setting /> |
||||||
@search="setSearchParams" |
|
||||||
@reset="setSearchParams" |
|
||||||
/> |
|
||||||
<!-- 列表 --> |
|
||||||
<SSTable |
|
||||||
class="mt-20px" |
|
||||||
v-model:tableObject="tableObject" |
|
||||||
:tableColumns="allSchemas.tableColumns" |
|
||||||
@get-list="getTableList" |
|
||||||
> |
|
||||||
<el-table-column |
|
||||||
v-for="item in allSchemas.tableColumns" |
|
||||||
:key="item.field" |
|
||||||
:prop="item.field" |
|
||||||
:label="item.label" |
|
||||||
:fixed="item.fixed" |
|
||||||
min-width="150px" |
|
||||||
showOverflowTooltip |
|
||||||
/> |
|
||||||
<el-table-column label="操作" width="150px" fixed="right"> |
|
||||||
<template #default="{ row }"> |
|
||||||
<el-button type="primary" link @click="sendMsg(row)">再次发送</el-button> |
|
||||||
</template> |
|
||||||
</el-table-column> |
|
||||||
</SSTable> |
|
||||||
</el-tab-pane> |
</el-tab-pane> |
||||||
</el-tabs> |
</el-tabs> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script setup> |
<script setup name="WXBoot"> |
||||||
import { allSchemas } from './index.data.js' |
// import Record from './Record.vue' |
||||||
|
import Setting from './Setting.vue' |
||||||
|
|
||||||
const tabIndex = ref(0) |
const tabIndex = ref(1) |
||||||
|
|
||||||
const tableObject = ref({ |
|
||||||
tableList: [], |
|
||||||
loading: false, |
|
||||||
total: 1, |
|
||||||
pageSize: 20, |
|
||||||
currentPage: 1 |
|
||||||
}) |
|
||||||
|
|
||||||
function setSearchParams() { |
|
||||||
tableObject.value.tableList = [ |
|
||||||
{ |
|
||||||
sendUser: '测试', |
|
||||||
content: '您今日有10条待跟进的线索', |
|
||||||
status: '发送成功', |
|
||||||
createTime: '2024-04-25 12:00:00' |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
|
|
||||||
function getTableList() { |
|
||||||
tableObject.value.tableList = [ |
|
||||||
{ |
|
||||||
sendUser: '测试', |
|
||||||
content: '您今日有10条待跟进的线索', |
|
||||||
status: '发送成功', |
|
||||||
createTime: '2024-04-25 12:00:00' |
|
||||||
} |
|
||||||
] |
|
||||||
} |
|
||||||
|
|
||||||
function sendMsg() { |
|
||||||
console.log('测试') |
|
||||||
} |
|
||||||
</script> |
</script> |
||||||
|
|
||||||
<style lang="scss" scoped></style> |
<style lang="scss" scoped></style> |
||||||
|
|||||||
Loading…
Reference in new issue