add market tree_select

.env.development

@@ -1,7 +1,7 @@
-VITE_API_BASE='https://hwjb.homilychart.com/dev/admin'
+# VITE_API_BASE='https://hwjb.homilychart.com/dev/admin'
 # 测试环境
 #  VITE_API_BASE='http://18.143.76.3:10704/'
 #  VITE_API_BASE='http://192.168.9.52:10705/'
 VITE_UPLOAD_URL=http://39.101.133.168:8828/hljw/api/aws/upload
-#  VITE_API_BASE='http://192.168.9.28:8081/'
+ VITE_API_BASE='http://192.168.9.28:8081/'
 #  VITE_API_BASE='http://192.168.5.92:8081/'

src/views/recharge/coinRechargeDetail.vue

@@ -34,6 +34,19 @@ const handleDatePickerChange = () => {
 const rechargeUser = ref({
   adminId: adminData.value.id
 })
+
+// 存储地区选择变化
+const selectedMarketPath  = ref([])
+//处理地区选择变化
+const handleMarketChange = (value) => {
+  if(value && value.length > 0){
+    // 取路径的最后一项作为选中的地区
+    rechargeUser.value.market = value[value.length - 1]
+  } else {
+    rechargeUser.value.market = ''
+  }
+}
+
 // 搜索对象
 const getObj = ref({
   pageNum: 1,
@@ -116,25 +129,33 @@ const getActivity = async function () {
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
 }
-// 获取地区
-// 获取地区
+
+// 获取地区，修改为级联下拉框
 const getArea = async function () {
   console.log('获取地区adminid', adminData.value)
   try {
     // 发送POST请求
     const result = await API({
 
-      url: '/general/adminMarkets',
+      url: '/market/selectMarket',
       data: {account: adminData.value.account}
     });
     // 将响应结果存储到响应式数据中
     console.log('请求成功', result)
+
+    // 递归转换树形结构为级联选择器需要的格式
+    const transformTree = (nodes) => {
+      return nodes.map(node => ({
+        value: node.name, //使用地区名称作为值
+        label: node.name, //显示名称
+        children: node.children && node.children.length ? transformTree(node.children) : null
+      }))
+    }
     // 存储地区信息
-    market.value = result.data
-    console.log('地区', market.value)
+    market.value = transformTree(result.data)
+    console.log('转换后的地区树', market.value)
   } catch (error) {
     console.log('请求失败', error)
-    // 在这里可以处理错误逻辑，比如显示错误提示等
   }
 }
 
@@ -257,6 +278,7 @@ const reset = function () {
   delete rechargeUser.value.activity
   delete rechargeUser.value.payPlatform
   delete rechargeUser.value.market
+  selectedMarketPath .value = [] // 重置地区选择路径
   delete rechargeUser.value.startTime
   delete rechargeUser.value.endTime
   delete sortField.value
@@ -487,13 +509,26 @@ const getTagText = (state) => {
               </el-select>
             </div>
           </el-col>
-          <el-col :span="6">
+          <!-- <el-col :span="6">
             <div class="head-card-element">
               <el-text class="mx-1" size="large">所属地区：</el-text>
               <el-select v-model="rechargeUser.market" placeholder="请选择所属地区" style="width: 180px" clearable>
                 <el-option v-for="item in market" :key="item" :label="item" :value="item"/>
               </el-select>
             </div>
+          </el-col> -->
+          <el-col :span="6">
+            <div class="head-card-element">
+              <el-text class="mx-1" size="large">所属地区：</el-text>
+              <el-cascader
+                v-model="selectedMarketPath"
+                :options="market"
+                placeholder="请选择所属地区"
+                clearable
+                style="width:180px"
+                @change="handleMarketChange"
+                />
+            </div>
           </el-col>
           <el-col :span="6">
             <div class="head-card-element">