提交

src/views/Clue/Set/Comp/ClueSource.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
-    <el-form ref="queryForm" :model="searchForm" label-width="0" inline>
+    <el-form ref="queryForm" :model="searchForm" label-width="0" inline @submit.prevent>
       <el-form-item>
         <el-input
-          v-model="searchForm.name"
+          v-model="searchForm.sourceName"
           placeholder="请输入名称"
           clearable
           @keyup.enter="handleQuery"
@@ -22,84 +22,89 @@
       :tree-props="{ children: 'children' }"
     >
       <el-table-column prop="sourceName" label="来源名称" />
-      <el-table-column prop="orderNum" label="排序" width="100px" />
+      <el-table-column prop="sort" label="排序" width="100px" />
       <el-table-column prop="remark" label="备注" />
-      <el-table-column label="创建时间" prop="createTime" width="180px" />
-      <el-table-column label="创建人" prop="createUser" width="150px" />
+      <el-table-column
+        label="创建时间"
+        prop="createTime"
+        width="180px"
+        :formatter="dateFormatter"
+      />
+      <el-table-column label="状态">
+        <template #default="{ row }">
+          <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="row.status" />
+        </template>
+      </el-table-column>
       <el-table-column label="操作">
-        <template #default="scope">
-          <el-button type="primary" text @click="openForm('update', scope.row)">修改</el-button>
-          <el-button type="primary" text @click="openForm('createChildren', scope.row)"
-            >新增</el-button
-          >
-          <el-button type="danger" text @click="handleDelete(scope.row)">删除</el-button>
+        <template #default="{ row }">
+          <el-button type="primary" text @click="openForm('update', row)">修改</el-button>
+          <el-button type="primary" text @click="openForm('createChildren', row)"> 新增 </el-button>
+          <el-button type="danger" text @click="handleDelete(row.sourceId)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    <Pagination
-      v-model:limit="searchForm.pageSize"
-      v-model:page="searchForm.pageNum"
-      :total="total"
-      @pagination="handleQuery"
-    />
 
     <DialogSource ref="sourceDialog" @success="handleQuery" />
   </div>
 </template>
 
 <script setup name="ClueSource">
+import { handleTree } from '@/utils/tree'
+import * as SourceApi from '@/api/clue/source'
+import { dateFormatter } from '@/utils/formatTime'
 import DialogSource from './DialogSource.vue'
+import { DICT_TYPE } from '@/utils/dict'
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
 
 const searchForm = ref({
-  pageNum: 1,
-  pageSize: 20
+  sourceName: undefined
 })
 
-const total = ref(0)
 const sourceDialog = ref()
 const tableList = ref([])
 const loading = ref(false)
 
 function handleQuery() {
-  searchForm.value.pageNum = 1
   getList()
 }
 function resetQuery() {
   searchForm.value = {
-    question: '',
-    pageSize: 20,
-    pageNum: 1
+    sourceName: ''
   }
   getList()
 }
 
-function getList() {
-  tableList.value = [
-    {
-      sourceId: 1,
-      sourceName: '测试',
-      level: 1,
-      children: [{ sourceId: 1001, sourceName: '二级来源', level: 2, parentSource: '测试' }]
-    }
-  ]
+async function getList() {
+  loading.value = true
+  try {
+    const data = await SourceApi.getSourcePage(searchForm.value)
+    tableList.value = handleTree(data, 'sourceId')
+  } finally {
+    loading.value = false
+  }
 }
 
 function openForm(type, info) {
   sourceDialog.value.open(type, info)
 }
 
-async function handleDelete(row) {
+async function handleDelete(id) {
   try {
-    console.log(row)
     // 删除的二次确认
     await message.delConfirm()
     // 发起删除
-    // await UserApi.deleteUser(row.id)
+    await SourceApi.deleteSource(id)
     message.success(t('common.delSuccess'))
     // 刷新列表
     await getList()
   } catch {}
 }
+
+onMounted(() => {
+  getList()
+})
 </script>
 
 <style lang="scss" scoped></style>