上传

src/views/Clue/Order/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <!-- 搜索工作栏 -->
-    <Search :schema="allSchemas.searchSchema" labelWidth="0">
+    <Search v-if="!loading" ref="searchRef" :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>
@@ -9,6 +9,7 @@
     </Search>
     <!-- 列表 -->
     <SSTable
+      v-if="!loading"
       class="mt-20px"
       v-model:tableObject="tableObject"
       :tableColumns="allSchemas.tableColumns"
@@ -77,10 +78,17 @@
 </template>
 
 <script setup name="ClueOrder">
-import { allSchemas } from './order.data'
+import { getSimpleFieldList } from '@/api/clue/orderField'
+import * as SignApi from '@/api/clue/sign'
+
+import { removeNullField } from '@/utils'
+
+const allSchemas = ref({})
+
+const searchRef = ref()
 
 const tableObject = ref({
-  tableList: [{ name: '测试', contact: '18888888888' }],
+  tableList: [],
   loading: false,
   total: 1,
   pageSize: 20,
@@ -88,17 +96,51 @@ const tableObject = ref({
 })
 
 function resetQuery() {
-  // 方法体
+  searchRef.value.reset()
+  tableObject.value.currentPage = 1
+  getTableList()
 }
 // 查询
-function getTableList() {
-  // 方法体
+async function getTableList() {
+  // 查询
+  tableObject.value.loading = true
+  try {
+    const queryParams = await searchRef.value.getFormModel()
+    const params = {
+      ...queryParams,
+      pageNo: tableObject.value.currentPage,
+      pageSize: tableObject.value.pageSize
+    }
+    const data = await SignApi.getSignPage(removeNullField(params))
+    tableObject.value.tableList = data.list.map((it) => ({ ...it, ...it.diyParams }))
+    tableObject.value.total = data.total
+  } finally {
+    tableObject.value.loading = false
+  }
+}
+
+const loading = ref(true)
+async function getCurdSchemas() {
+  loading.value = true
+  try {
+    const data = await getSimpleFieldList()
+    allSchemas.value = useCrudSchemas(data).allSchemas
+  } finally {
+    loading.value = false
+    nextTick(() => {
+      getTableList()
+    })
+  }
 }
 
 // 售后
 function sellAfter() {
   // 方法体
 }
+
+onMounted(() => {
+  getCurdSchemas()
+})
 </script>
 
 <style lang="scss" scoped></style>