配置

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

@@ -0,0 +1,105 @@
+<template>
+  <div>
+    <el-form ref="queryForm" :model="searchForm" label-width="0" inline>
+      <el-form-item>
+        <el-input
+          v-model="searchForm.name"
+          placeholder="请输入名称"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="handleQuery">搜索</el-button>
+        <el-button @click="resetQuery">重置</el-button>
+        <el-button type="primary" @click="openForm('create', null)">新增</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      v-loading="loading"
+      :data="tableList"
+      row-key="sourceId"
+      :tree-props="{ children: 'children' }"
+    >
+      <el-table-column prop="sourceName" label="来源名称" />
+      <el-table-column prop="orderNum" 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="操作">
+        <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>
+      </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 DialogSource from './DialogSource.vue'
+
+const searchForm = ref({
+  pageNum: 1,
+  pageSize: 20
+})
+
+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
+  }
+  getList()
+}
+
+function getList() {
+  tableList.value = [
+    {
+      sourceId: 1,
+      sourceName: '测试',
+      level: 1,
+      children: [{ sourceId: 1001, sourceName: '二级来源', level: 2, parentSource: '测试' }]
+    }
+  ]
+}
+
+function openForm(type, info) {
+  sourceDialog.value.open(type, info)
+}
+
+async function handleDelete(row) {
+  try {
+    console.log(row)
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    // await UserApi.deleteUser(row.id)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+</script>
+
+<style lang="scss" scoped></style>