人才标签状态

src/views/menduner/system/talentMap/labeling/index.vue

@@ -45,7 +45,6 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table v-loading="loading" :data="list" :stripe="true" row-key="id">
-      <el-table-column label="ID" align="center" prop="id" />
       <el-table-column label="姓名" align="center" prop="name_zh" />
       <el-table-column label="职位" align="center" prop="title_zh" :show-overflow-tooltip="true" />
       <el-table-column label="酒店" align="center" prop="hotel_zh" :show-overflow-tooltip="true" />
@@ -59,29 +58,9 @@
       <el-table-column label="创建时间" align="center" prop="created_at" width="180" />
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button
-            link
-            type="primary"
-            @click="openForm(scope.row)"
-          >
-            标注
-          </el-button>
-          <el-button
-            v-if="scope.row.status === 'active'"
-            link
-            type="danger"
-            @click="handleAction(scope.row.id, 'inactive')"
-          >
-            禁用
-          </el-button>
-          <el-button
-            v-if="scope.row.status === 'inactive'"
-            link
-            type="success"
-            @click="handleAction(scope.row.id, 'active')"
-          >
-            启用
-          </el-button>
+          <el-button link type="primary" @click="openForm(scope.row)">标注</el-button>
+          <el-button v-if="scope.row.status === 'active'" link type="danger" @click="handleAction(scope.row.id, 'inactive')">禁用</el-button>
+          <el-button v-if="scope.row.status === 'inactive'" link type="success" @click="handleAction(scope.row.id, 'active')">启用</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -125,13 +104,15 @@ const openForm = (data: any) => {
 
 /** 搜索按钮操作 */
 const handleQuery = () => {
-  getList()
+  message.warning('建设中...')
+  // getList()
 }
 
 /** 重置按钮操作 */
 const resetQuery = () => {
-  queryFormRef.value.resetFields()
-  handleQuery()
+  message.warning('建设中...')
+  // queryFormRef.value.resetFields()
+  // handleQuery()
 }
 
 /** 禁用、启用按钮操作 */

src/views/menduner/system/talentMap/tag/TagForm.vue

@@ -43,7 +43,7 @@ const message = useMessage() // 消息弹窗
 
 const statusOptions = [
 	{ label: '启用', value: 'active' },
-	{ label: '禁用', value: 'disable' },
+	{ label: '禁用', value: 'inactive' },
 ]
 
 const dialogVisible = ref(false) // 弹窗的是否展示
@@ -73,6 +73,7 @@ const open = async (type: string, data?: any) => {
   // 修改时，设置数据
   if (data && Object.keys(data).length) {
     formData.value = data
+    if (data.status === 'disable') formData.value.status = 'inactive'
   }
 }
 defineExpose({ open }) // 提供 open 方法，用于打开弹窗

src/views/menduner/system/talentMap/tag/index.vue

@@ -72,20 +72,8 @@
       <el-table-column label="更新时间" align="center" prop="time" width="180" />
       <el-table-column label="操作" align="center">
         <template #default="scope">
-          <el-button
-            link
-            type="primary"
-            @click="openForm('update', scope.row)"
-          >
-            编辑
-          </el-button>
-          <el-button
-            link
-            type="danger"
-            @click="handleDelete(scope.row.id)"
-          >
-            删除
-          </el-button>
+          <el-button link type="primary" @click="openForm('update', scope.row)">编辑</el-button>
+          <el-button link type="danger" @click="handleDelete(scope.row.id)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -94,7 +82,8 @@
   <!-- 表单弹窗：添加/修改 -->
   <TagForm ref="formRef" @success="getList" />
 </template>
-<script setup lang="ts" name="Tag">
+
+<script setup>
 import { talentTagApi } from '@/api/menduner/system/talentMap/tag'
 import TagForm from './TagForm.vue'
 
@@ -108,7 +97,7 @@ const queryParams = reactive({
 const queryFormRef = ref() // 搜索的表单
 const statusOptions = [
 	{ label: '启用', value: 'active' },
-	{ label: '禁用', value: 'disable' },
+	{ label: '禁用', value: 'inactive' },
 ]
 
 const message = useMessage() // 消息弹窗
@@ -127,23 +116,25 @@ const getList = async () => {
 
 /** 添加/修改操作 */
 const formRef = ref()
-const openForm = (type: string, data?: any) => {
+const openForm = (type, data) => {
   formRef.value.open(type, data)
 }
 
 /** 搜索按钮操作 */
 const handleQuery = () => {
-  getList()
+  // getList()
+  message.warning('建设中...')
 }
 
 /** 重置按钮操作 */
 const resetQuery = () => {
-  queryFormRef.value.resetFields()
-  handleQuery()
+  // queryFormRef.value.resetFields()
+  // handleQuery()
+  message.warning('建设中...')
 }
 
 /** 删除按钮操作 */
-const handleDelete = async (id: number) => {
+const handleDelete = async (id) => {
   try {
     // 删除的二次确认
     await message.delConfirm()