ss-crm-manage-web/src/views/Clue/Order/index.vue

<template>
  <div>
    <!-- 搜索工作栏 -->
    <Search :schema="allSchemas.searchSchema" labelWidth="0">
      <template #actionMore>
        <el-button @click="getTableList" v-hasPermi="['clue:order:search']"> 搜索 </el-button>
        <el-button @click="resetQuery" v-hasPermi="['clue:order:reset']"> 重置 </el-button>
      </template>
    </Search>
    <!-- 列表 -->
    <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="200px" fixed="right">
        <template #default="scope">
          <el-button
            type="primary"
            class="mr-10px"
            link
            style="padding: 0; margin-left: 0"
            v-hasPermi="['clue:order:after-sale']"
            @click="sellAfter(scope.row)"
          >
            售后
          </el-button>
          <el-button
            type="primary"
            class="mr-10px"
            link
            style="padding: 0; margin-left: 0"
            v-hasPermi="['clue:order:after-sale-audit']"
          >
            售后审核
          </el-button>
          <el-button
            type="primary"
            class="mr-10px"
            link
            style="padding: 0; margin-left: 0"
            v-hasPermi="['clue:order:send']"
          >
            发货(进销存)
          </el-button>
          <el-button
            type="primary"
            class="mr-10px"
            link
            style="padding: 0; margin-left: 0"
            v-hasPermi="['clue:order:return']"
            @click="feeBack(scope.row)"
          >
            回款
          </el-button>
          <el-button
            type="primary"
            class="mr-10px"
            link
            style="padding: 0; margin-left: 0"
            v-hasPermi="['clue:order:return-audit']"
          >
            回款确认
          </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 resetQuery() {
  // 方法体
}
// 查询
function getTableList() {
  // 方法体
}

// 售后
function sellAfter() {
  // 方法体
}
</script>

<style lang="scss" scoped></style>