From 25d82b890665980d3feccc4dc82d654cc1929fa9 Mon Sep 17 00:00:00 2001
From: zhonghua1 <zhonghua1@example.com>
Date: Sat, 20 Dec 2025 20:52:09 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=94=80=E5=94=AE=E5=90=8C?=
 =?UTF-8?q?=E6=97=B6=E5=A2=9E=E5=8A=A0=E7=94=A8=E6=88=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/tenant.js          |  37 +++++
 src/views/device/index.vue |  47 ++++++-
 src/views/sales/index.vue  |  61 +++++++-
 src/views/tenant/index.vue | 280 ++++++++++++++++++++++++++++---------
 4 files changed, 359 insertions(+), 66 deletions(-)
 create mode 100644 src/api/tenant.js

diff --git a/src/api/tenant.js b/src/api/tenant.js
new file mode 100644
index 0000000..76237ab
--- /dev/null
+++ b/src/api/tenant.js
@@ -0,0 +1,37 @@
+import request from '@/utils/request'
+
+// 分页查询租户列表
+export function getTenantList(params) {
+  return request({
+    url: '/tenant/list',
+    method: 'post',
+    data: params
+  })
+}
+
+// 新增租户
+export function addTenant(data) {
+  return request({
+    url: '/tenant/add',
+    method: 'post',
+    data
+  })
+}
+
+// 更新租户
+export function updateTenant(data) {
+  return request({
+    url: '/tenant/update',
+    method: 'put',
+    data
+  })
+}
+
+// 获取所有租户列表（不分页）
+export function getAllTenantList() {
+  return request({
+    url: '/tenant/listAll',
+    method: 'get'
+  })
+}
+
diff --git a/src/views/device/index.vue b/src/views/device/index.vue
index 09c726e..32fcf6f 100644
--- a/src/views/device/index.vue
+++ b/src/views/device/index.vue
@@ -50,6 +50,7 @@
 
     <!-- 操作按钮区域 -->
     <el-card class="action-container" shadow="never">
+      <el-button type="primary" icon="el-icon-plus" @click="handleAdd">添加设备</el-button>
       <el-button type="primary" @click="handleBatchAssign">批量分配设备到机构</el-button>
     </el-card>
 
@@ -120,6 +121,16 @@
         <el-form-item label="设备编号" prop="deviceCode">
           <el-input v-model="deviceForm.deviceCode" placeholder="请输入设备编号" />
         </el-form-item>
+        <el-form-item label="租户名称" prop="tenantId">
+          <el-select v-model="deviceForm.tenantId" placeholder="请选择租户" style="width: 100%">
+            <el-option
+              v-for="item in tenantOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
         <el-form-item label="所属机构" prop="dealershipId">
           <el-select v-model="deviceForm.dealershipId" placeholder="请选择所属机构" style="width: 100%">
             <el-option
@@ -210,6 +221,7 @@ import {
 import { getDealershipList } from '@/api/dealership'
 import { getProjectList } from '@/api/project'
 import { getSalesList } from '@/api/sales'
+import { getAllTenantList } from '@/api/tenant'
 
 export default {
   name: 'Device',
@@ -236,8 +248,10 @@ export default {
       deviceForm: {
         id: null,
         deviceCode: '',
+        tenantId: '',
         dealershipId: '',
         bindUserId: '',
+        projectId: '',
         bindStatus: false
       },
       // 批量分配表单
@@ -268,7 +282,9 @@ export default {
       // 用户选项
       userOptions: [],
       // 项目选项
-      projectOptions: []
+      projectOptions: [],
+      // 租户选项
+      tenantOptions: []
     }
   },
   created() {
@@ -276,6 +292,7 @@ export default {
     this.getDealershipOptions()
     this.getUserOptions()
     this.getProjectOptions()
+    this.getTenantOptions()
   },
   methods: {
     // 获取机构选项
@@ -345,6 +362,26 @@ export default {
       })
     },
 
+    // 获取租户选项
+    getTenantOptions() {
+      getAllTenantList().then(response => {
+        console.log('获取租户列表响应:', response)
+        if (response && response.code === 20000) {
+          // 处理响应数据，可能是数组或包含data字段的对象
+          const tenantList = Array.isArray(response.data) ? response.data : (response.data?.data || [])
+          this.tenantOptions = tenantList.map(item => ({
+            value: item.id,
+            label: item.tenantName
+          }))
+        } else {
+          this.$message.error(response?.message || '获取租户列表失败')
+        }
+      }).catch(error => {
+        console.error('获取租户列表失败:', error)
+        this.$message.error('获取租户列表失败，请稍后重试')
+      })
+    },
+
     // 获取列表数据
     getList() {
       this.loading = true
@@ -473,11 +510,19 @@ export default {
       this.deviceForm = {
         id: null,
         deviceCode: '',
+        tenantId: '',
         dealershipId: '',
         bindUserId: '',
+        projectId: '',
         bindStatus: false
       }
       this.dialogVisible = true
+      // 确保表单引用已准备好并清除验证
+      this.$nextTick(() => {
+        if (this.$refs.deviceForm) {
+          this.$refs.deviceForm.clearValidate()
+        }
+      })
     },
 
     // 编辑设备
diff --git a/src/views/sales/index.vue b/src/views/sales/index.vue
index e7205ba..d3a2875 100644
--- a/src/views/sales/index.vue
+++ b/src/views/sales/index.vue
@@ -166,6 +166,29 @@
         <el-form-item label="登录账号" prop="loginAccount">
           <el-input v-model="salesForm.loginAccount" placeholder="请输入登录账号" />
         </el-form-item>
+        <el-form-item label="登录密码" prop="password">
+          <el-input
+            v-model="salesForm.password"
+            type="password"
+            placeholder="请输入登录密码"
+            show-password
+          />
+        </el-form-item>
+        <el-form-item label="租户" prop="tenantCode">
+          <el-select
+            v-model="salesForm.tenantCode"
+            placeholder="请选择租户"
+            style="width: 100%"
+            filterable
+          >
+            <el-option
+              v-for="item in tenantOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
         <el-form-item label="所属项目" prop="projectId">
           <el-select
             v-model="salesForm.projectId"
@@ -224,6 +247,7 @@
 import { getSalesList, getSalesById, addSales, updateSales, deleteSales, batchDeleteSales } from '@/api/sales'
 import { getDealershipList } from '@/api/dealership'
 import { getProjectList } from '@/api/project'
+import { getAllTenantList } from '@/api/tenant'
 
 export default {
   name: 'Sales',
@@ -249,6 +273,8 @@ export default {
       storeOptions: [],
       // 项目选项
       projectOptions: [],
+      // 租户选项
+      tenantOptions: [],
       // 添加/编辑对话框相关
       dialogVisible: false,
       dialogTitle: '',
@@ -257,6 +283,8 @@ export default {
         id: undefined,
         salesName: '',
         loginAccount: '',
+        password: '',
+        tenantCode: '',
         dealershipId: '',
         role: '',
         status: '1'
@@ -274,6 +302,7 @@ export default {
     this.getList()
     this.getStoreOptions()
     this.getProjectOptions()
+    this.getTenantOptions()
   },
   methods: {
     // 获取列表数据
@@ -385,6 +414,26 @@ export default {
         ]
       })
     },
+
+    // 获取租户选项
+    getTenantOptions() {
+      getAllTenantList().then(response => {
+        console.log('获取租户列表响应:', response)
+        if (response && response.code === 20000) {
+          // 处理响应数据，可能是数组或包含data字段的对象
+          const tenantList = Array.isArray(response.data) ? response.data : (response.data?.data || [])
+          this.tenantOptions = tenantList.map(item => ({
+            value: item.tenantCode, // 使用租户编码作为值
+            label: `${item.tenantName} ${item.tenantCode}` // 显示格式：租户名称 租户编码
+          }))
+        } else {
+          this.$message.error(response?.message || '获取租户列表失败')
+        }
+      }).catch(error => {
+        console.error('获取租户列表失败:', error)
+        this.$message.error('获取租户列表失败，请稍后重试')
+      })
+    },
     // 查询
     handleQuery() {
       this.queryParams.pageNum = 1
@@ -571,6 +620,8 @@ export default {
         id: undefined,
         salesName: '',
         loginAccount: '',
+        password: '',
+        tenantCode: '',
         dealershipId: '',
         role: '',
         status: '1'
@@ -583,8 +634,16 @@ export default {
       console.log('提交表单:', this.salesForm)
       this.$refs.salesForm.validate(valid => {
         if (valid) {
+          // 构建提交数据，将租户编码赋值给租户id
+          const submitData = { ...this.salesForm }
+          if (submitData.tenantCode) {
+            submitData.tenantId = submitData.tenantCode // 将租户编码赋值给租户id
+          }
+          // 移除 tenantCode 字段，只传递 tenantId
+          delete submitData.tenantCode
+
           const submitFunc = this.isEdit ? updateSales : addSales
-          submitFunc(this.salesForm).then(response => {
+          submitFunc(submitData).then(response => {
             console.log('提交表单响应:', response) // 调试日志
 
             if (response && response.code === 20000) {
diff --git a/src/views/tenant/index.vue b/src/views/tenant/index.vue
index bd04c4f..e220874 100644
--- a/src/views/tenant/index.vue
+++ b/src/views/tenant/index.vue
@@ -23,11 +23,41 @@
 
         <el-form-item label="状态">
           <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
-            <el-option label="启用" :value="true" />
-            <el-option label="禁用" :value="false" />
+            <el-option label="启用" :value="0" />
+            <el-option label="禁用" :value="1" />
           </el-select>
         </el-form-item>
 
+        <el-form-item label="联系人">
+          <el-input
+            v-model="queryParams.contactName"
+            placeholder="请输入联系人姓名"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="联系电话">
+          <el-input
+            v-model="queryParams.contactPhone"
+            placeholder="请输入联系电话"
+            clearable
+            style="width: 200px"
+          />
+        </el-form-item>
+
+        <el-form-item label="过期时间">
+          <el-date-picker
+            v-model="queryParams.expireTimeRange"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            style="width: 400px"
+          />
+        </el-form-item>
+
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
           <el-button icon="el-icon-delete" @click="resetQuery">清空</el-button>
@@ -53,23 +83,28 @@
         <el-table-column label="序号" type="index" width="50" />
         <el-table-column label="租户名称" prop="tenantName" sortable min-width="150" />
         <el-table-column label="租户代码" prop="tenantCode" sortable min-width="150" />
-        <el-table-column label="联系人" prop="contactPerson" min-width="120" />
+        <el-table-column label="联系人" prop="contactName" min-width="120" />
         <el-table-column label="联系电话" prop="contactPhone" min-width="150" />
-        <el-table-column label="邮箱" prop="email" min-width="200" show-overflow-tooltip />
         <el-table-column label="状态" prop="status" sortable min-width="100">
           <template slot-scope="scope">
-            <el-tag :type="scope.row.status ? 'success' : 'danger'">
-              {{ scope.row.status ? '启用' : '禁用' }}
+            <el-tag :type="scope.row.status === 0 ? 'success' : 'danger'">
+              {{ scope.row.status === 0 ? '启用' : '禁用' }}
             </el-tag>
           </template>
         </el-table-column>
+        <el-table-column label="过期时间" prop="expireTime" sortable min-width="150">
+          <template slot-scope="scope">
+            {{ formatDateTime(scope.row.expireTime) }}
+          </template>
+        </el-table-column>
         <el-table-column label="创建时间" prop="createTime" sortable min-width="150">
           <template slot-scope="scope">
             {{ formatDateTime(scope.row.createTime) }}
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="200" fixed="right">
+        <el-table-column label="操作" width="280" fixed="right">
           <template slot-scope="scope">
+            <el-button type="text" @click="handleAddDevice(scope.row)">添加设备</el-button>
             <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
             <el-button type="text" style="color: #F56C6C;" @click="handleDelete(scope.row)">删除</el-button>
           </template>
@@ -107,28 +142,25 @@
         <el-form-item label="租户代码" prop="tenantCode">
           <el-input v-model="tenantForm.tenantCode" placeholder="请输入租户代码" />
         </el-form-item>
-        <el-form-item label="联系人" prop="contactPerson">
-          <el-input v-model="tenantForm.contactPerson" placeholder="请输入联系人" />
+        <el-form-item label="联系人" prop="contactName">
+          <el-input v-model="tenantForm.contactName" placeholder="请输入联系人" />
         </el-form-item>
         <el-form-item label="联系电话" prop="contactPhone">
           <el-input v-model="tenantForm.contactPhone" placeholder="请输入联系电话" />
         </el-form-item>
-        <el-form-item label="邮箱" prop="email">
-          <el-input v-model="tenantForm.email" placeholder="请输入邮箱" />
-        </el-form-item>
         <el-form-item label="状态" prop="status">
-          <el-switch
-            v-model="tenantForm.status"
-            active-text="启用"
-            inactive-text="禁用"
-          />
+          <el-select v-model="tenantForm.status" placeholder="请选择状态">
+            <el-option label="启用" :value="0" />
+            <el-option label="禁用" :value="1" />
+          </el-select>
         </el-form-item>
-        <el-form-item label="备注">
-          <el-input
-            v-model="tenantForm.remark"
-            type="textarea"
-            :rows="3"
-            placeholder="请输入备注"
+        <el-form-item label="过期时间" prop="expireTime">
+          <el-date-picker
+            v-model="tenantForm.expireTime"
+            type="datetime"
+            placeholder="请选择过期时间"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            style="width: 100%"
           />
         </el-form-item>
       </el-form>
@@ -141,6 +173,8 @@
 </template>
 
 <script>
+import { addTenant, getTenantList, updateTenant } from '@/api/tenant'
+
 export default {
   name: 'Tenant',
   data() {
@@ -158,18 +192,20 @@ export default {
         size: 10,
         tenantName: '',
         tenantCode: '',
-        status: null
+        status: null,
+        contactName: '',
+        contactPhone: '',
+        expireTimeRange: null
       },
       // 租户表单
       tenantForm: {
         id: null,
         tenantName: '',
         tenantCode: '',
-        contactPerson: '',
+        contactName: '',
         contactPhone: '',
-        email: '',
-        status: true,
-        remark: ''
+        status: 0,
+        expireTime: ''
       },
       // 表单验证规则
       formRules: {
@@ -179,15 +215,25 @@ export default {
         tenantCode: [
           { required: true, message: '请输入租户代码', trigger: 'blur' }
         ],
-        contactPerson: [
+        contactName: [
           { required: true, message: '请输入联系人', trigger: 'blur' }
         ],
         contactPhone: [
-          { required: true, message: '请输入联系电话', trigger: 'blur' },
-          { pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', trigger: 'blur' }
+          { required: true, message: '请输入联系电话', trigger: 'blur' }
         ],
-        email: [
-          { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' }
+        status: [
+          {
+            required: true,
+            message: '请选择状态',
+            trigger: 'change',
+            validator: (rule, value, callback) => {
+              if (value === null || value === undefined || value === '') {
+                callback(new Error('请选择状态'))
+              } else {
+                callback()
+              }
+            }
+          }
         ]
       }
     }
@@ -199,21 +245,55 @@ export default {
     // 获取租户列表
     getTenantList() {
       this.loading = true
-      // TODO: 调用实际的API接口
-      // getTenantList(this.queryParams).then(response => {
-      //   this.tenantList = response.data.records || []
-      //   this.total = response.data.total || 0
-      //   this.loading = false
-      // }).catch(() => {
-      //   this.loading = false
-      // })
 
-      // 临时模拟数据
-      setTimeout(() => {
-        this.tenantList = []
-        this.total = 0
+      // 构建查询参数
+      const params = {
+        current: this.queryParams.current,
+        size: this.queryParams.size,
+        tenantCode: this.queryParams.tenantCode || undefined,
+        tenantName: this.queryParams.tenantName || undefined,
+        status: this.queryParams.status !== null && this.queryParams.status !== '' ? this.queryParams.status : undefined,
+        contactName: this.queryParams.contactName || undefined,
+        contactPhone: this.queryParams.contactPhone || undefined
+      }
+
+      // 处理过期时间范围
+      if (this.queryParams.expireTimeRange && this.queryParams.expireTimeRange.length === 2) {
+        params.expireStartTime = this.queryParams.expireTimeRange[0]
+        params.expireEndTime = this.queryParams.expireTimeRange[1]
+      }
+
+      // 移除空值
+      Object.keys(params).forEach(key => {
+        if (params[key] === undefined || params[key] === '') {
+          delete params[key]
+        }
+      })
+
+      console.log('查询租户列表参数:', params)
+
+      getTenantList(params).then(response => {
+        console.log('租户列表响应:', response)
+
+        if (response && response.code === 20000) {
+          // 响应格式：{ code: 20000, data: [...], total: 3, current: 1, pages: 1, size: 10, message: "查询成功" }
+          // response.data 就是租户数组
+          this.tenantList = Array.isArray(response.data) ? response.data : []
+          this.total = response.total || 0
+        } else if (response && response.code === 200) {
+          // 兼容其他响应格式
+          this.tenantList = Array.isArray(response.data) ? response.data : []
+          this.total = response.total || 0
+        } else {
+          this.tenantList = []
+          this.total = 0
+        }
         this.loading = false
-      }, 500)
+      }).catch(error => {
+        console.error('获取租户列表失败:', error)
+        this.$message.error('获取租户列表失败，请稍后重试')
+        this.loading = false
+      })
     },
     // 搜索
     handleQuery() {
@@ -227,7 +307,10 @@ export default {
         size: 10,
         tenantName: '',
         tenantCode: '',
-        status: null
+        status: null,
+        contactName: '',
+        contactPhone: '',
+        expireTimeRange: null
       }
       this.getTenantList()
     },
@@ -249,7 +332,28 @@ export default {
     handleAdd() {
       this.dialogTitle = '添加租户'
       this.isEdit = false
+      // 重置表单
+      this.resetForm()
       this.dialogVisible = true
+      // 确保表单引用已准备好
+      this.$nextTick(() => {
+        if (this.$refs.tenantForm) {
+          this.$refs.tenantForm.clearValidate()
+        }
+      })
+    },
+    // 添加设备
+    handleAddDevice(row) {
+      console.log('添加设备，租户信息:', row)
+      // 跳转到设备管理页面，并传递租户信息
+      this.$router.push({
+        path: '/system/device',
+        query: {
+          tenantId: row.id,
+          tenantName: row.tenantName,
+          tenantCode: row.tenantCode
+        }
+      })
     },
     // 编辑
     handleEdit(row) {
@@ -259,11 +363,10 @@ export default {
         id: row.id,
         tenantName: row.tenantName,
         tenantCode: row.tenantCode,
-        contactPerson: row.contactPerson,
+        contactName: row.contactName,
         contactPhone: row.contactPhone,
-        email: row.email,
         status: row.status,
-        remark: row.remark || ''
+        expireTime: row.expireTime || ''
       }
       this.dialogVisible = true
     },
@@ -305,18 +408,68 @@ export default {
     },
     // 提交表单
     handleSubmit() {
+      console.log('handleSubmit 被调用')
+      console.log('表单ref是否存在:', !!this.$refs.tenantForm)
+      console.log('当前表单数据:', this.tenantForm)
+      console.log('isEdit:', this.isEdit)
+
+      if (!this.$refs.tenantForm) {
+        this.$message.error('表单引用不存在，请稍后重试')
+        return
+      }
+
       this.$refs.tenantForm.validate((valid) => {
+        console.log('表单验证结果:', valid)
         if (valid) {
-          // TODO: 调用添加/更新API
-          // const submitFunc = this.isEdit ? updateTenant : addTenant
-          // submitFunc(this.tenantForm).then(() => {
-          //   this.$message.success(this.isEdit ? '更新成功' : '添加成功')
-          //   this.dialogVisible = false
-          //   this.getTenantList()
-          // })
-          this.$message.success(this.isEdit ? '更新成功' : '添加成功')
-          this.dialogVisible = false
-          this.getTenantList()
+          if (this.isEdit) {
+            // 更新租户
+            const formData = {
+              id: this.tenantForm.id,
+              tenantCode: this.tenantForm.tenantCode,
+              tenantName: this.tenantForm.tenantName,
+              status: this.tenantForm.status,
+              contactName: this.tenantForm.contactName,
+              contactPhone: this.tenantForm.contactPhone,
+              expireTime: this.tenantForm.expireTime || ''
+            }
+            console.log('准备更新的数据:', formData)
+            console.log('调用 updateTenant API')
+
+            updateTenant(formData).then(response => {
+              console.log('updateTenant 响应:', response)
+              this.$message.success(response.message || response.data?.message || '租户更新成功')
+              this.dialogVisible = false
+              this.getTenantList()
+            }).catch(error => {
+              console.error('更新租户失败:', error)
+              this.$message.error(error.message || '更新租户失败，请稍后重试')
+            })
+          } else {
+            // 新增租户
+            const formData = {
+              tenantCode: this.tenantForm.tenantCode,
+              tenantName: this.tenantForm.tenantName,
+              status: this.tenantForm.status,
+              contactName: this.tenantForm.contactName,
+              contactPhone: this.tenantForm.contactPhone,
+              expireTime: this.tenantForm.expireTime || ''
+            }
+            console.log('准备发送的数据:', formData)
+            console.log('调用 addTenant API')
+
+            addTenant(formData).then(response => {
+              console.log('addTenant 响应:', response)
+              this.$message.success(response.message || response.data?.message || '租户添加成功')
+              this.dialogVisible = false
+              this.getTenantList()
+            }).catch(error => {
+              console.error('添加租户失败:', error)
+              this.$message.error(error.message || '添加租户失败，请稍后重试')
+            })
+          }
+        } else {
+          console.log('表单验证失败')
+          this.$message.warning('请填写完整的表单信息')
         }
       })
     },
@@ -327,11 +480,10 @@ export default {
         id: null,
         tenantName: '',
         tenantCode: '',
-        contactPerson: '',
+        contactName: '',
         contactPhone: '',
-        email: '',
-        status: true,
-        remark: ''
+        status: 0,
+        expireTime: ''
       }
     },
     // 格式化日期时间