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> |
||||
<el-tabs v-model="tabIndex" type="border-card"> |
||||
<el-tab-pane label="微信消息记录" :name="0"> |
||||
<!-- 搜索工作栏 --> |
||||
<Search |
||||
:schema="allSchemas.searchSchema" |
||||
labelWidth="0" |
||||
@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 label="微信消息记录" :name="0"> |
||||
<Record /> |
||||
</el-tab-pane> --> |
||||
<el-tab-pane label="消息配置" :name="1"> |
||||
<Setting /> |
||||
</el-tab-pane> |
||||
</el-tabs> |
||||
</template> |
||||
|
||||
<script setup> |
||||
import { allSchemas } from './index.data.js' |
||||
<script setup name="WXBoot"> |
||||
// import Record from './Record.vue' |
||||
import Setting from './Setting.vue' |
||||
|
||||
const tabIndex = ref(0) |
||||
|
||||
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('测试') |
||||
} |
||||
const tabIndex = ref(1) |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
|
||||
Loading…
Reference in new issue