添加用户页面 客户页面接口 等

src/views/admin/customer/customeraudit.vue

@@ -2,14 +2,16 @@
   <div class="customer-page">
     <!-- 顶部操作栏 -->
     <div class="customer-toolbar boxshadow">
-      <el-button type="primary" @click="goAdd" v-if="hasAuth('crm_customer@add')">
-        <el-icon><Plus /> </el-icon>
-        添加
-      </el-button>
       <div class="customer-search-group">
-        <el-input v-model="searchValue" placeholder="请输入客户名称或电话" />
-        <el-select v-model="selectValue">
-          <el-option v-for="v in selectOptions" :key="v.value" :label="v.label" :value="v.value">
+        <el-select
+          v-model="selectValue"
+          style="min-width: 120px"
+          filterable
+          multiple
+          collapse-tags
+          placeholder="请选择跟单人"
+        >
+          <el-option v-for="v in userOptions" :key="v.id" :label="v.name" :value="v.id">
           </el-option>
         </el-select>
       </div>
@@ -74,14 +76,6 @@
       </div>
     </div>
     <div class="boxshadow">
-      <!-- Tab切换 -->
-      <el-tabs v-model="activeTab" class="customer-tabs">
-        <el-tab-pane label="全部" name=""></el-tab-pane>
-        <el-tab-pane label="跟进中" name="0"></el-tab-pane>
-        <el-tab-pane label="已成交" name="1"></el-tab-pane>
-        <el-tab-pane label="已丢失" name="2"></el-tab-pane>
-      </el-tabs>
-
       <!-- 表格 -->
       <ArtTable
         ref="tableRef"
@@ -129,27 +123,10 @@
                 type="primary"
                 underline="never"
                 style="margin-right: 8px"
-                @click="goEdit(scope.row)"
-                v-if="hasAuth('crm_customer@show')"
+                @click="goaudit(scope.row)"
+                v-if="hasAuth('customer_audit@audet')"
               >
-                <i class="iconfont-sys"> &#xe70f;</i>查看
-              </el-link>
-              <el-link
-                type="primary"
-                underline="never"
-                style="margin-right: 8px"
-                @click="goAddFollow(scope.row)"
-                v-if="hasAuth('crm_customer@follow_add')"
-              >
-                <i class="iconfont-sys">&#xe6bf;</i> 跟进
-              </el-link>
-              <el-link
-                type="danger"
-                underline="never"
-                @click="delectfn(scope.row)"
-                v-if="hasAuth('crm_customer@follow_delete')"
-              >
-                <i class="iconfont-sys">&#xe6d4;</i> 删除
+                <i class="iconfont-sys">&#xe6bf;</i> 审核
               </el-link>
             </template>
           </el-table-column>
@@ -160,32 +137,50 @@
   <el-dialog v-model="detailDialogVisible" title="详情">
     <div v-if="detailRow" v-html="detailRow.desc_collect" class="detils-content"></div>
   </el-dialog>
+  <el-dialog v-model="audetDialogVisible" title="审核" width="360px">
+    <el-form :model="audetForm" label-width="0">
+      <el-form-item>
+        <el-select v-model="audetForm.scene" filterable placeholder="请选择" style="width: 100%">
+          <el-option label="彻底删除" value="delete" />
+          <el-option label="恢复至公海" value="report" />
+        </el-select>
+      </el-form-item>
+      <div style="display: flex; justify-content: space-around; margin-top: 24px">
+        <el-button @click="audetDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleAudetSubmit">确定</el-button>
+      </div>
+    </el-form>
+  </el-dialog>
 </template>
 
 <script setup lang="ts">
   import { ref, reactive, computed, onMounted, watch } from 'vue'
-  import { Plus } from '@element-plus/icons-vue'
   import { CrmService } from '@/api/crmApi'
   import { useAuth } from '@/composables/useAuth'
+  import { manageService } from '@/api/adminApi'
   const { hasAuth } = useAuth()
-  const searchValue = ref('')
-  const selectValue = ref('')
-  const activeTab = ref('')
+  const selectValue = ref<string[]>([])
   const showMore = ref(false)
   const loading = ref(false)
   const detailDialogVisible = ref(false)
+  const audetDialogVisible = ref(false)
   const detailRow = ref<any>(null)
   const pagination = reactive({
     currentPage: 1,
     pageSize: 10,
     total: 0
   })
-  const selectOptions = [
-    { label: '全部', value: '' },
-    { label: '当天', value: '0' },
-    { label: '近三天', value: '1' },
-    { label: '近七天', value: '2' }
-  ]
+  const audetForm = reactive({
+    id: '',
+    scene: ''
+  })
+  const userOptions = ref<any>()
+  const getuserList = async () => {
+    // 这里调用获取用户列表的接口
+    const res = await manageService.presetusers()
+    userOptions.value = res || []
+    // return res || []
+  }
   // 获取列表数据
   const tagActiveMap = reactive<{ [groupId: string]: string }>({})
   //获取标签
@@ -208,11 +203,12 @@
   // 表格数据
   const tableData = ref<any[]>([])
   onMounted(() => {
+    getuserList()
     gettableList()
     tagGrouplistfn()
   })
   // tabs 切换联动
-  watch([activeTab, searchValue, selectValue], () => {
+  watch([selectValue], () => {
     pagination.currentPage = 1
     gettableList()
   })
@@ -222,18 +218,19 @@
       const { currentPage, pageSize } = pagination
       const params: any = {
         current: currentPage,
-        size: pageSize
+        size: pageSize,
+        scene: 'audit'
+      }
+      if (selectValue.value && selectValue.value.length) {
+        params.user_id = selectValue.value.join(',')
       }
-      if (searchValue.value) params.keyword = searchValue.value
-      if (selectValue.value) params.follow_last = selectValue.value
-      if (activeTab.value && activeTab.value !== '') params.follow = activeTab.value
       // 标签参数，所有选中的标签id组成数组
       const selectedTagIds = Object.values(tagActiveMap).filter(Boolean)
       if (selectedTagIds.length) {
         params.tag_id = selectedTagIds
       }
       console.log(params)
-      const { data, current, size, total } = await CrmService.getcustomerList(params)
+      const { data, current, size, total } = await manageService.getcrmCustomerList(params)
       tableData.value = data.map((item: any) => ({
         ...item
       }))
@@ -259,21 +256,16 @@
     if (status === 2) return 'status-lost'
     return ''
   }
-  const router = useRouter()
-  function goAdd() {
-    router.push('/crmpc/customer/add')
+  //审核
+  const goaudit = async (row: any) => {
+    audetForm.id = row.id
+    audetDialogVisible.value = true
   }
-  function goEdit(row: any) {
-    router.push({
-      path: '/crmpc/customer/show',
-      query: { id: row.id }
-    })
-  }
-  function goAddFollow(row: any) {
-    router.push({
-      path: '/crmpc/customer/followadd',
-      query: { id: row.id } // 可带客户名等参数
-    })
+  const handleAudetSubmit = async () => {
+    const res = await manageService.crmCustomerAudit(audetForm)
+    ElMessage.success(res?.message || '设置成功！')
+    audetDialogVisible.value = false
+    gettableList()
   }
   // 标签选中状态，key为组id，值为选中的标签id
   function handleTagClick(groupId: string, tagId: string) {
@@ -285,23 +277,6 @@
     pagination.currentPage = 1
     gettableList()
   }
-  //删除
-  const delectfn = (row: any) => {
-    ElMessageBox.confirm('确定要删除此用户吗？', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-      .then(async () => {
-        const res = await CrmService.getcustomerdelete({ id: row.id })
-        ElMessage.success(res?.message || '提交成功！')
-        gettableList()
-        // 你可以在这里调用接口或做后续处理
-      })
-      .catch(() => {
-        // 用户点击了取消
-      })
-  }
   function processImages(html: string) {
     const parser = new DOMParser()
     const doc = parser.parseFromString(html, 'text/html')