初始化

src/views/Clue/Order/index.vue

@@ -0,0 +1,79 @@
+<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>

src/views/Clue/Order/order.data.js

@@ -0,0 +1,98 @@
+// import { CrudSchema } from '@/hooks/web/useCrudSchemas'
+import { dateFormatter } from '@/utils/formatTime'
+// import * as MailAccountApi from '@/api/system/mail/account'
+
+// const userList = await MailAccountApi.getSimpleMailAccountList()
+const userList = []
+
+const crudSchemas = reactive([
+  {
+    label: '订单号',
+    field: 'orderNo',
+    isSearch: true,
+    isTable: true
+  },
+  {
+    label: '线索名称',
+    field: 'name',
+    isSearch: true,
+    isTable: true
+  },
+  {
+    label: '联系方式',
+    field: 'contact',
+    isSearch: true,
+    isTable: true
+  },
+  {
+    label: '线索来源',
+    field: 'resource',
+    isSearch: true,
+    isTable: true,
+    search: {
+      component: 'Select',
+      api: () => userList,
+      componentProps: {
+        optionsAlias: {
+          labelField: 'name',
+          valueField: 'id'
+        }
+      }
+    }
+  },
+  {
+    label: '跟进人员',
+    field: 'userId',
+    isSearch: true,
+    isTable: true,
+    search: {
+      component: 'Select',
+      api: () => userList,
+      componentProps: {
+        optionsAlias: {
+          labelField: 'name',
+          valueField: 'id'
+        }
+      }
+    }
+  },
+  {
+    label: '成交时间',
+    field: 'createTime',
+    isSearch: true,
+    isTable: true,
+    table: {
+      fixed: 'left'
+    },
+    formatter: dateFormatter,
+    detail: {
+      dateFormat: 'YYYY-MM-DD'
+    },
+    search: {
+      component: 'DatePicker',
+      componentProps: {
+        type: 'daterange',
+        format: 'YYYY-MM-DD',
+        valueFormat: 'YYYY-MM-DD',
+        startPlaceholder: '创建时间',
+        endPlaceholder: '创建时间'
+      }
+    }
+  },
+  {
+    label: '是否全款',
+    field: 'isFull',
+    isSearch: true,
+    isTable: true,
+    search: {
+      component: 'Radio',
+      componentProps: {
+        options: [
+          { label: '全款', value: 1 },
+          { label: '非全款', value: 0 }
+        ]
+      }
+    }
+  }
+])
+export const { allSchemas } = useCrudSchemas(crudSchemas)