Files
ss-crm-manage-web/src/views/Clue/Order/index.vue
2024-04-28 16:20:45 +08:00

80 lines
1.8 KiB
Vue

<template>
<div>
<!-- 搜索工作栏 -->
<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"
min-width="120px"
/>
<el-table-column label="操作" width="140px" fixed="right">
<template #default="scope">
<el-button
type="primary"
class="mr-10px"
link
style="padding: 0; margin-left: 0"
@click="sellAfter(scope.row)"
>售后</el-button
>
<el-button type="primary" class="mr-10px" link style="padding: 0; margin-left: 0"
>售后审核</el-button
>
<el-button
type="primary"
class="mr-10px"
link
style="padding: 0; margin-left: 0"
@click="feeBack(scope.row)"
>回款</el-button
>
<el-button type="primary" class="mr-10px" link style="padding: 0; margin-left: 0"
>回款确认</el-button
>
</template>
</el-table-column>
</SSTable>
</div>
</template>
<script setup name="ClueOrder">
import { allSchemas } from './order.data'
const tableObject = ref({
tableList: [{ name: '测试', contact: '18888888888' }],
loading: false,
total: 1,
pageSize: 20,
currentPage: 1
})
function setSearchParams() {
// 方法体
}
// 查询
function getTableList() {
// 方法体
}
// 售后
function sellAfter() {
// 方法体
}
</script>
<style lang="scss" scoped></style>