From e0d6c2c19cf2daeb1d6978f5325db066d729e36f Mon Sep 17 00:00:00 2001
From: RogerWork <roger.x.sun@qq.com>
Date: Sun, 26 Jan 2025 18:12:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=85=A8=E9=83=A8=E4=BC=9A?=
 =?UTF-8?q?=E5=91=98=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ec_api/CardLevel.vue | 149 ++++++++++++++++++++++++++++
 src/components/ec_api/TabArea.vue   |  24 ++++-
 2 files changed, 171 insertions(+), 2 deletions(-)
 create mode 100644 src/components/ec_api/CardLevel.vue

diff --git a/src/components/ec_api/CardLevel.vue b/src/components/ec_api/CardLevel.vue
new file mode 100644
index 0000000..cc6fa5d
--- /dev/null
+++ b/src/components/ec_api/CardLevel.vue
@@ -0,0 +1,149 @@
+<script setup>
+import {ref, reactive, computed, watch, onMounted, onBeforeMount} from 'vue'
+import {ec_api_set_user_data, ec_api_clear_user_data} from '@/apis/ec_api.js'
+import {ElMessage} from "element-plus";
+
+// 接收TabArea组件传递的参数
+const props = defineProps(['level', 'data', 'base_info'])
+
+// 定义用户选择的场次变量
+const selectLevel = ref('')
+const levelList = reactive([])
+
+// 处理用户选择的数据
+async function handle_set_user_data() {
+  let selectLevelData = {}
+  props.level.forEach((item) => {
+    if (item['levelId'] === selectLevel.value) {
+      selectLevelData = item
+    }
+  })
+  const req_data = {
+    api: props.data.path,
+    member_type: props.data.type,
+    format: props.data.format,
+    user_data: JSON.stringify(selectLevelData),
+    env: props.base_info.env,
+    cid: props.base_info.cinema,
+    pid: props.base_info.channel,
+  }
+  console.log('handle_set_user_data', req_data)
+  await ec_api_set_user_data(req_data).then(
+      (req) => {
+        if (req['result'] === 'success') {
+          ElMessage({message: '选择的卡级别已做为后续测试数据！', type: 'success'})
+        } else {
+          ElMessage({message: '设置用户选择卡级别数据失败！', type: 'error'})
+        }
+      }
+  ).catch(
+      (err) => {
+        console.log(err)
+        ElMessage({message: '设置用户选择卡级别数据失败！', type: 'error'})
+      }
+  )
+}
+
+async function handle_clear_user_data() {
+  const req_data = {
+    api: props.data.path,
+    member_type: props.data.type,
+    env: props.base_info.env,
+    cid: props.base_info.cinema,
+    pid: props.base_info.channel,
+  }
+  console.log('handle_clear_user_data', req_data)
+  await ec_api_clear_user_data(req_data).then(
+      (req) => {
+        if (req['result'] === 'success') {
+          ElMessage({message: '选择的联名卡级别已清除，推荐参数将使用随机值！', type: 'success'})
+        } else {
+          ElMessage({message: '清除用户选择联名卡级别数据失败！', type: 'error'})
+        }
+      }
+  ).catch(
+      (err) => {
+        console.log(err)
+        ElMessage({message: '清除用户选择联名卡级别数据失败！', type: 'error'})
+      }
+  )
+}
+
+onBeforeMount(() => {
+  console.log('CardLevel onBeforeMount')
+  console.log(props.level)
+  // 挂载时生成用于展示的数据源
+  props.level.forEach((item) => {
+    levelList.push({
+      key: item['levelId'],
+      name: item['levelName'],
+      fee: item['initMoney'],
+      type: item['typeDesc'],
+      ticket_discount: `${item['ticketDiscount']}%`,
+      data: item
+    })
+  })
+  console.log(levelList)
+})
+
+
+watch(() => selectLevel.value, () => {
+  console.log('selectLevel.value', selectLevel.value)
+  handle_set_user_data()
+})
+
+</script>
+
+<template>
+  <hr id="break_line"/>
+  <div style="font-size: 16px; font-weight: bold; color: #909399; text-align: left; margin-bottom: 10px">选择场次：
+    <el-tooltip
+        class="box-item"
+        effect="dark"
+        content="点击清除选择后会将后台服务器中记录的选择内容清空，其他接口将通过随机获取的方式从此接口返回的数据中模拟参数"
+        placement="right"
+    >
+      <el-button size="small" style="font-weight: bold;color: #909399" @click="handle_clear_user_data">清除选择
+      </el-button>
+    </el-tooltip>
+  </div>
+  <el-form style="max-width: 600px; margin-left: 20px">
+    <el-form-item>
+      <el-radio-group v-model="selectLevel">
+        <el-radio-button v-for="s in levelList" :label="s.key" :value="s.key" :key="s.key">
+          <div style="text-align: left">
+            <div style="margin-top: 5px"><span>{{ s.key }}</span> -- <span style="font-weight: bold">{{ s.name }}</span> -- <span>{{s.type}}</span>
+            </div>
+            <div style="margin-top: 5px"><span>开卡费 {{ s.fee }} 元 </span><span>&nbsp&nbsp&nbsp&nbsp{{s.renew}}</span></div>
+          </div>
+        </el-radio-button>
+      </el-radio-group>
+    </el-form-item>
+  </el-form>
+</template>
+
+<style scoped>
+#break_line {
+  margin-top: 30px;
+  margin-bottom: 30px;
+  background-color: rgba(144, 147, 153, 0.5);
+  height: 1px;
+  border: none
+}
+
+:deep(.el-radio-button) {
+  margin-bottom: 10px;
+  margin-right: 15px;
+
+}
+
+:deep(.el-radio-button__inner) {
+  width: 400px;
+  height: 60px;
+  background: #ebebeb;
+  color: #333;
+  border: 0 !important;
+  border-radius: 10px !important;
+}
+
+</style>
diff --git a/src/components/ec_api/TabArea.vue b/src/components/ec_api/TabArea.vue
index 2209a99..ef79d21 100644
--- a/src/components/ec_api/TabArea.vue
+++ b/src/components/ec_api/TabArea.vue
@@ -30,7 +30,7 @@ import EcardLevel from "@/components/ec_api/EcardLevel.vue";
 import CheckQuan from "@/components/ec_api/CheckQuan.vue";
 import ApiLockBuySelector from "@/components/ec_api/ApiLockBuySelector.vue";
 import MapiLockBuySelector from "@/components/ec_api/MapiLockBuySelector.vue";
-
+import CardLevel from "@/components/ec_api/CardLevel.vue";
 
 // 注册store
 const store = useStore()
@@ -628,6 +628,24 @@ const levelList = computed(() => {
       }
     }
   }
+  if (api.path === 'cinema/card-level-rule') {
+    if (api.format === 'json') {
+      if (api.response === '{"root": "root"}') {
+        return []
+      } else {
+        console.log("api.handled['res']['data']['ecardLevelData']", api.handled['res']['data']['rule'])
+        return api.handled['res']['data']['rule']
+      }
+    }
+    if (api.format === 'xml' || api.format === 'html') {
+      if (api.response === '<root></root>') {
+        return []
+      } else {
+        console.log("api.handled['res']['data']['rule']", api.handled['res']['data']['rule'])
+        return api.handled['res']['data']['rule']
+      }
+    }
+  }
   return []
 })
 
@@ -800,7 +818,9 @@ const ace_options = {
                   :base_info="UserApiData.base_info"/>
       <CinemaGoods v-if="goodsList.length > 0" :goods="goodsList" :data="UserApiData.api[activeTab]"
                    :base_info="UserApiData.base_info"/>
-      <EcardLevel v-if="levelList.length > 0" :level="levelList" :data="UserApiData.api[activeTab]"
+      <EcardLevel v-if="levelList.length > 0 && api['path'] === 'ecard/ecard-levels'" :level="levelList" :data="UserApiData.api[activeTab]"
+                  :base_info="UserApiData.base_info"/>
+      <CardLevel v-if="levelList.length > 0 && api['path'] === 'cinema/card-level-rule'" :level="levelList" :data="UserApiData.api[activeTab]"
                   :base_info="UserApiData.base_info"/>
     </el-tab-pane>
   </el-tabs>