门店管理,分配门店

ruoyi-ui/src/api/system/user.js

@@ -134,3 +134,5 @@ export function deptTreeSelect() {
     method: 'get'
   })
 }
+
+

ruoyi-ui/src/router/index.js

@@ -110,13 +110,27 @@ export const dynamicRoutes = [
     path: '/system/role-auth',
     component: Layout,
     hidden: true,
-    permissions: ['system:role:edit'],
+    permissions: ['system:role:edits'],
     children: [
       {
         path: 'user/:roleId(\\d+)',
         component: () => import('@/views/system/role/authUser'),
         name: 'AuthUser',
-        meta: { title: '分配用户', activeMenu: '/system/role' }
+        meta: { title: '分配用户', activeMenu: '/system/user' }
+      }
+    ]
+  },
+  {
+    path: '/system/user-stores',
+    component: Layout,
+    hidden: true,
+    permissions: ['system:user:edit'],
+    children: [
+      {
+        path: 'auth/:userId(\\d+)',
+        component: () => import('@/views/system/user/userStores'),
+        name: 'UserStores',
+        meta: { title: '分配门店', activeMenu: '/system/user' }
       }
     ]
   },

ruoyi-ui/src/views/system/user/index.vue

@@ -82,6 +82,7 @@
                     <el-dropdown-menu slot="dropdown">
                       <el-dropdown-item command="handleResetPwd" icon="el-icon-key" v-hasPermi="['system:user:resetPwd']">重置密码</el-dropdown-item>
                       <el-dropdown-item command="handleAuthRole" icon="el-icon-circle-check" v-hasPermi="['system:user:edit']">分配角色</el-dropdown-item>
+                      <el-dropdown-item command="handleAuthStore" icon="el-icon-circle-check" v-hasPermi="['system:user:edit']">分配门店</el-dropdown-item>
                     </el-dropdown-menu>
                   </el-dropdown>
                 </template>
@@ -432,6 +433,9 @@ export default {
         case "handleAuthRole":
           this.handleAuthRole(row)
           break
+        case "handleAuthStore":
+          this.handleAuthStore(row)
+          break
         default:
           break
       }
@@ -486,6 +490,11 @@ export default {
       const userId = row.userId
       this.$router.push("/system/user-auth/role/" + userId)
     },
+    /** 分配门店操作 */
+    handleAuthStore: function(row) {
+      const userId = row.userId
+      this.$router.push("/system/user-stores/auth/" + userId)
+    },
     /** 提交按钮 */
     submitForm: function() {
       this.$refs["form"].validate(valid => {

ruoyi-ui/src/views/system/user/userStores.vue

@@ -0,0 +1,165 @@
+<template>
+  <div class="app-container">
+    <h4 class="form-header h4">基本信息</h4>
+<!--    <el-form ref="form" :model="form" label-width="80px">-->
+<!--      <el-row>-->
+<!--        <el-col :span="8" :offset="2">-->
+<!--          <el-form-item label="用户昵称" prop="nickName">-->
+<!--            <el-input v-model="form.nickName" disabled />-->
+<!--          </el-form-item>-->
+<!--        </el-col>-->
+<!--        <el-col :span="8" :offset="2">-->
+<!--          <el-form-item label="登录账号" prop="userName">-->
+<!--            <el-input v-model="form.userName" disabled />-->
+<!--          </el-form-item>-->
+<!--        </el-col>-->
+<!--      </el-row>-->
+<!--    </el-form>-->
+
+    <h4 class="form-header h4">门店信息</h4>
+    <el-table v-loading="loading" :row-key="getRowKey" @row-click="clickRow" ref="table" @selection-change="handleSelectionChange" :data="(stores || []).slice((pageNum-1)*pageSize,pageNum*pageSize)">
+      <el-table-column label="序号" type="index" align="center">
+        <template slot-scope="scope">
+          <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column type="selection" :reserve-selection="true" :selectable="checkSelectable" width="55" />
+      <el-table-column label="门店ID" align="center" prop="storeId" />
+      <el-table-column label="门店名称" align="center" prop="storeName" />
+      <el-table-column label="门店编码" align="center" prop="storeCode" />
+      <el-table-column label="联系电话" align="center" prop="contactPhone" />
+      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total>0" :total="total" :page.sync="pageNum" :limit.sync="pageSize" />
+
+    <el-form label-width="100px">
+      <el-form-item style="text-align: center;margin-left:-120px;margin-top:30px;">
+        <el-button type="primary" @click="submitForm">提交</el-button>
+        <el-button @click="close">返回</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { storeApi } from '@/api/store'
+import { parseTime } from "@/utils/ruoyi"
+
+export default {
+  name: 'UserStores',
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 分页信息
+      total: 0,
+      pageNum: 1,
+      pageSize: 10,
+      // 选中门店编号
+      storeIds: [],
+      // 门店信息
+      stores: [],
+      // 用户信息
+      form: {},
+      userId: '',
+    }
+  },
+  created() {
+    const userId = this.$route.params && this.$route.params.userId
+    if (userId) {
+      this.loading = true
+      storeApi.getUserStore(userId).then((response) => {
+        console.log("111111",response)
+        // 获取API响应数据
+        const responseData = response.data.data || {}
+
+        // 处理用户信息（如果有）
+        this.form = responseData.user || {}
+
+        // 获取关联门店数据和所有门店数据
+        const associatedStores = responseData.stores || []
+        this.stores = responseData.allStores || []
+        this.userId =response.data.data.userId
+        this.total = this.stores.length
+        console.log("22222",this.stores)
+        console.log("关联门店:", associatedStores)
+        console.log("ididid----", this.userId)
+        // 提取关联门店的ID列表
+        const associatedStoreIds = associatedStores.map(store => store.storeId)
+
+        // 回显已选中的门店
+        this.$nextTick(() => {
+          this.stores.forEach((row) => {
+            // 检查当前门店是否在关联门店列表中
+            if (associatedStoreIds.includes(row.storeId)) {
+              this.$refs.table.toggleRowSelection(row, true)
+            }
+          })
+        })
+        this.loading = false
+      }).catch(error => {
+        console.error('获取门店信息失败:', error)
+        this.loading = false
+      })
+    }
+  },
+  methods: {
+    /** 单击选中行数据 */
+    clickRow(row) {
+      if (this.checkSelectable(row)) {
+        this.$refs.table.toggleRowSelection(row)
+      }
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.storeIds = selection.map((item) => item.storeId)
+    },
+    // 保存选中的数据编号
+    getRowKey(row) {
+      return row.storeId
+    },
+    // 检查门店状态：API返回数据中没有status字段，所有门店都可以选择
+    checkSelectable(row) {
+      return true
+    },
+    /** 提交按钮 */
+    submitForm() {
+      const userId = this.$route.params.userId
+      // 直接传递数组，后端期望Long数组类型
+      const storeIds = this.storeIds
+      console.log("00000000", userId)
+      console.log("99999",storeIds)
+      storeApi.updateUserStore({ userId: userId, storeIds: storeIds }).then(() => {
+        this.$message.success("授权成功")
+        this.close()
+      }).catch((error) => {
+        console.error('门店分配失败:', error)
+        this.$message.error("授权失败")
+      })
+    },
+    /** 关闭按钮 */
+    close() {
+      this.$router.push("/system/user")
+    },
+    // 日期格式化
+    parseTime
+  }
+}
+</script>
+
+<style scoped>
+.app-container {
+  padding: 20px;
+}
+.form-header {
+  border-bottom: 1px solid #ebeef5;
+  padding-bottom: 10px;
+  margin-bottom: 20px;
+  font-weight: 600;
+}
+</style>

ruoyi-ui/vue.config.js

@@ -11,7 +11,8 @@ const name = process.env.VUE_APP_TITLE || '若依管理系统' // 网页标题
 
 const baseUrl = 'http://193.112.94.36:8080' // 后端接口
 
-const port = process.env.port || process.env.npm_config_port || 80 // 端口
+// const port = process.env.port || process.env.npm_config_port || 80 // 端口
+const port = 8080
 
 // vue.config.js 配置说明
 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions
@@ -31,7 +32,7 @@ module.exports = {
   // webpack-dev-server 相关配置
   devServer: {
     host: '0.0.0.0',
-    port: 8087,
+    port: port,
     open: true,
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy