diff --git a/.env.development b/.env.development
index 410ce99..6863c9d 100644
--- a/.env.development
+++ b/.env.development
@@ -11,6 +11,9 @@ VITE_UPLOAD_URL=http://39.101.133.168:8828/hljw/api/aws/upload
 # zhangyong
 #  VITE_API_BASE='http://192.168.3.83:8081/'
 # 本地
-#VITE_API_BASE='http://localhost:8081/'
+VITE_API_BASE='http://localhost:8081/'
 # sunjiabei
-#VITE_API_BASE='http://192.168.1.50:8081/'
\ No newline at end of file
+# VITE_API_BASE='http://192.168.1.70:8081/'
+
+# lijianlin
+# VITE_API_BASE='http://192.168.9.41:8081/'
\ No newline at end of file
diff --git a/src/assets/images/已审核.png b/src/assets/images/已审核.png
new file mode 100644
index 0000000..2472dce
Binary files /dev/null and b/src/assets/images/已审核.png differ
diff --git a/src/assets/images/待审核.png b/src/assets/images/待审核.png
new file mode 100644
index 0000000..1c36063
Binary files /dev/null and b/src/assets/images/待审核.png differ
diff --git a/src/assets/images/撤回.png b/src/assets/images/撤回.png
new file mode 100644
index 0000000..c4d2999
Binary files /dev/null and b/src/assets/images/撤回.png differ
diff --git a/src/assets/images/背景图.png b/src/assets/images/背景图.png
new file mode 100644
index 0000000..6206dda
Binary files /dev/null and b/src/assets/images/背景图.png differ
diff --git a/src/assets/images/还没传到.png b/src/assets/images/还没传到.png
new file mode 100644
index 0000000..ee5ff5d
Binary files /dev/null and b/src/assets/images/还没传到.png differ
diff --git a/src/components/MoneyManage/CurrencySelect.vue b/src/components/MoneyManage/CurrencySelect.vue
new file mode 100644
index 0000000..056cde6
--- /dev/null
+++ b/src/components/MoneyManage/CurrencySelect.vue
@@ -0,0 +1,321 @@
+<template>
+  <div class="dropdown" ref="dropdownRef">
+    <!-- 下拉框触发器 -->
+    <div class="dropdown-toggle" @click="toggleMenu" :class="{ 'active': isOpen,'disabled': props.disabled }">
+      <div class="search">
+        <input type="text" class="search-input" :placeholder="placeholder" :value="isOpen ? searchData : selectedItem" 
+          @focus="handleSearchFocus" @blur="handleSearchBlur" @input="handleInput">
+        <el-icon class="clear-icon" v-if="searchData" @click="clearSearch">
+          <CircleClose />
+        </el-icon>
+      </div>
+      <span class="arrow">
+        <el-icon>
+          <ArrowDown />
+        </el-icon>
+      </span>
+    </div>
+
+    <!-- 下拉菜单 -->
+    <div class="dropdown-menu" v-if="isOpen">
+      <!-- 选项区域：按钮样式 -->
+      <div class="menuContent">
+        <button class="dropdown-item" v-for="(item, index) in filteredItems" :key="index" @click="handleSelect(item)"
+          :class="{ 'selected': selectedItem === item }">
+          {{ item }}
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, watchEffect, onMounted, watch } from 'vue';
+
+const searchData = ref('')
+const isOpen = ref(false)
+const selectedItem = ref('')
+const dropdownRef = ref(null)
+
+const props = defineProps({
+  items: {
+    type: Array,
+    required: true,
+    default: () => []
+  },
+  placeholder: {
+    type: String,
+    default: '请选择支付方式'
+  },
+  modelValue: {
+    type: String,
+    default: ''
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const emit = defineEmits(['update:modelValue', 'change'])
+
+// 切换下拉菜单
+const toggleMenu = () => {
+  if (props.disabled) return
+  isOpen.value = !isOpen.value
+  searchData.value = ''
+}
+
+// 清除搜索
+const clearSearch = () => {
+  searchData.value = ''
+}
+
+// 选择选项
+const handleSelect = (item) => {
+  selectedItem.value = item
+  isOpen.value = false
+  emit('update:modelValue', item)
+  emit('change', item)
+}
+
+// 点击外部关闭菜单
+const handleClickOutside = (event) => {
+  if (dropdownRef.value && !dropdownRef.value.contains(event.target)) {
+    isOpen.value = false
+  }
+}
+
+// 监听搜索框的焦点和失焦事件
+const handleSearchFocus = () => {
+  // 可以在这里添加额外的逻辑
+}
+
+const handleSearchBlur = () => {
+  // 可以在这里添加额外的逻辑
+}
+
+// 搜索过滤
+const filteredItems = computed(() => {
+  if (!searchData.value) return props.items
+  return props.items.filter(item =>
+    item.toLowerCase().includes(searchData.value.toLowerCase())
+  )
+})
+
+const handleInput = (e) => {
+  searchData.value = e.target.value
+}
+// 挂载/卸载事件
+onMounted(() => {
+  selectedItem.value = props.modelValue;
+  document.addEventListener('click', handleClickOutside)
+  return () => {
+    document.removeEventListener('click', handleClickOutside)
+  }
+})
+
+// 监听外部值变化
+watch(() => props.modelValue, (newVal) => {
+  selectedItem.value = newVal;
+}, { immediate: true });
+</script>
+<style scoped lang="scss">
+// 下拉容器
+.dropdown {
+  position: relative;
+  width: 268px;
+  font-family: 'Arial', sans-serif;
+}
+
+// 触发器：控制展开/收起
+.dropdown-toggle {
+  border: 1px solid #e5e7eb;
+  /* 调整内边距以匹配按钮高度 */
+  height: 31px;
+  /* 调整高度以匹配按钮 */
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #fff;
+  border-radius: 6px;
+  transition: all 0.3s ease;
+
+  .placeholder {
+    flex: 1;
+    font-size: 14px;
+    line-height: 18px;
+    color: #A8ABB2;
+  }
+
+  // 搜索框区域
+  .search {
+    width: 100%;
+    height: 100%;
+    position: sticky;
+  }
+
+  // 搜索输入框
+  .search-input {
+    width: 100%;
+    height: 90%;
+    /* 左侧留出图标空间 */
+    box-sizing: border-box;
+    border: none;
+    border-radius: 6px;
+    padding-left: 11px;
+    outline: none;
+    font-size: 14px;
+    transition: border-color 0.3s ease;
+
+    &::placeholder {
+      color: #999999;
+      opacity: 1;
+      font-style: normal;
+      font-weight: 350;
+      line-height: 22px;
+    }
+
+  }
+
+  .clear-icon {
+    position: absolute;
+    top: 62%;
+    right: 20px;
+    transform: translateY(-50%);
+    color: #909399;
+    cursor: pointer;
+    z-index: 1003;
+
+    &:hover {
+      color: #606266;
+    }
+  }
+}
+
+// 展开状态：边框+阴影高亮
+.dropdown-toggle.active {
+  border-color: #678BFF;
+  box-shadow: 0 0 0 2px rgba(103, 139, 255, 0.1);
+}
+
+// 箭头图标：展开时旋转
+.arrow {
+  margin-right: 8px;
+  color: #999;
+  transition: transform 0.3s ease;
+}
+
+.dropdown-toggle.active .arrow {
+  transform: rotate(180deg);
+}
+
+// 下拉菜单主体
+.dropdown-menu {
+  position: absolute;
+  top: 100%; // 紧贴触发器下方
+  left: 0;
+  width: 100%;
+  border: 1px solid #678BFF;
+  min-height: 50px;
+  max-height: 300px;
+  background-color: #fff;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  border-radius: 0 0 8px 8px; // 仅底部两侧圆角
+  z-index: 1000;
+  margin-top: 15px; // 关键：不要有上外边距，尖角要紧贴触发器
+  overflow: visible;
+
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: -11px;
+    left: 50%;
+    transform: translateX(-50%) scaleY(0.5);
+    width: 30px;
+    height: 16px;
+    background: #fff;
+    clip-path: polygon(0 100%, 100% 100%, 50% 0);
+    z-index: 1001;
+    border: none;
+    /* 移除原来的边框 */
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: -12px;
+    /* 比 ::before 往下一点，制造边框效果 */
+    left: 50%;
+    transform: translateX(-50%) scaleY(0.5);
+    width: 30px;
+    height: 16px;
+    background: #678BFF;
+    clip-path: polygon(0 100%, 100% 100%, 50% 0);
+    z-index: 1000;
+  }
+}
+
+
+
+// 选项容器：调整滚动区域高度
+.menuContent {
+  max-height: 200px;
+  /* 减去搜索框高度和尖角高度 */
+  overflow-y: auto;
+  padding: 8px;
+  padding: 10px 14px 12px 10px;
+}
+
+// 选项按钮：无边框 + hover/选中效果
+.dropdown-item {
+  width: 100%;
+  height: 27px;
+  padding: 5px 12px 5px 5px;
+  text-align: center;
+  cursor: pointer;
+  border: none;
+  border-radius: 10px;
+  background-color: #fff;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 20px;
+  margin: 5px 0;
+  color: #040A2D;
+  transition: all 0.2s ease;
+
+  &:hover {
+    background-color: #F3FAFE;
+    /* hover浅灰 */
+  }
+
+  &.selected {
+    background-color: #E5EBFE;
+    /* 选中浅蓝 */
+    color: #2741DE;
+    /* 选中文字蓝色 */
+  }
+}
+
+// 可选：滚动条美化（与原风格一致）
+.menuContent::-webkit-scrollbar {
+  width: 6px;
+}
+
+.menuContent::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.menuContent::-webkit-scrollbar-thumb {
+  background: #c0c4cc;
+  border-radius: 3px;
+
+  &:hover {
+    background: #909399;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/MoneyManage/ProductSelect.vue b/src/components/MoneyManage/ProductSelect.vue
new file mode 100644
index 0000000..9564808
--- /dev/null
+++ b/src/components/MoneyManage/ProductSelect.vue
@@ -0,0 +1,436 @@
+<template>
+  <div class="productContent">
+    <div class="selectBox" @click="handelMenu" :class="{ 'active': isOpen }">
+      <span class="placeholder" :style="{ color: selectedItem ? '#333' : '#A8ABB2' }">
+        {{ selectedItem || placeholder }}
+      </span>
+      <span class="arrow">
+        <el-icon>
+          <ArrowDown />
+        </el-icon>
+      </span>
+    </div>
+
+    <div class="menu" v-show="isOpen">
+      <div class="coinselect" @click="coinhandelMenu" :class="{ 'active': coinisOpen }">
+        <div class="cointxt">
+          金币产品
+        </div>
+        <span class="coin-arrow">
+          <el-icon>
+            <ArrowDown />
+          </el-icon>
+        </span>
+      </div>
+      <div class="coinoption" v-show="coinisOpen">
+        <el-radio v-model="selectedValue" label="金币充值" size="large" />
+      </div>
+      <div class="product">
+        <div class="coinselect" @click="producthandelMenu" :class="{ 'active': productisOpen }">
+          <div class="cointxt">
+            软件产品
+          </div>
+          <span class="coin-arrow">
+            <el-icon>
+              <ArrowDown />
+            </el-icon>
+          </span>
+        </div>
+        <div class="productOption" v-show="productisOpen">
+          <hr class="line">
+          <div class="checktxt">软件</div>
+          <div class="marketprodut">
+            <div class="fistlevel" v-for="(menu, index) in menuData" :key="menu.name" @click="clickmenu(index)"
+              :class="{ 'selected': menu.options.includes(selectedValue) }">
+              <div class="label">
+                {{ menu.name }}
+                <el-icon :class="{ 'rotate': activeIndex === index }">
+                  <ArrowDown />
+                </el-icon>
+              </div>
+              <div v-show="activeIndex == index" class="selectoption" @click.stop>
+                <el-radio-group v-model="selectedValue">
+                  <div class="option" v-for="product in menu.options" :key="product">
+                    <el-radio :label="product">
+                      {{ product }}
+                    </el-radio>
+                  </div>
+                </el-radio-group>
+              </div>
+            </div>
+          </div>
+          <hr class="line">
+          <div class="ai">
+            <div class="checktxt">AI机构探测神器</div>
+            <hr class="line">
+            <el-radio-group v-model="selectedValue">
+              <el-radio v-for="ai in AIProduct" :key="ai" :label="ai" :value="ai">
+                {{ ai }}
+              </el-radio>
+            </el-radio-group>
+          </div>
+          <div class="ai">
+            <div class="checktxt">超级机构探测神器</div>
+            <hr class="line">
+            <el-radio-group v-model="selectedValue">
+              <el-radio v-for="ai in superProduct" :key="ai" :label="ai" :value="ai">
+                {{ ai }}
+              </el-radio>
+            </el-radio-group>
+          </div>
+          <div class="ai">
+            <div class="checktxt">其他</div>
+            <hr class="line">
+            <el-radio-group v-model="selectedValue">
+              <el-radio v-for="ai in InfoFee" :key="ai" :label="ai" :value="ai">
+                {{ ai }}
+              </el-radio>
+            </el-radio-group>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import { ref, watch, onMounted, computed, onUnmounted, nextTick } from 'vue';
+import { ArrowDown } from '@element-plus/icons-vue';
+
+
+const searchData = ref('')
+const isOpen = ref(false)
+const coinisOpen = ref(false)
+const productisOpen = ref(false)
+const selectedItem = ref('')
+const dropdownRef = ref(null)
+const placeholder = ref('请选择产品')
+
+const handelMenu = () => {
+  isOpen.value = !isOpen.value
+  ifselectAndOpen()
+}
+const coinhandelMenu = () => {
+  coinisOpen.value = !coinisOpen.value
+}
+const producthandelMenu = () => {
+  productisOpen.value = !productisOpen.value
+}
+
+// 接收父组件通过 v-model 传入的值
+const props = defineProps({
+  modelValue: {
+    type: String,
+    default: ''
+  }
+})
+
+const emit = defineEmits(['update:modelValue'])
+
+const selectedValue = ref('')
+
+
+watch(selectedValue, (newVal) => {
+  emit('update:modelValue', newVal ? newVal : '');
+  selectedItem.value = newVal || '';
+});
+
+
+const AIProduct = ['AI机构追踪', 'AI机构出击 ', 'AI机构资金', 'AI机活跃度']
+const superProduct = ['超级机构透视', '超级机构伏击 ', '超级机构猎杀', '超级机构脉搏', '超级机构罗盘']
+const InfoFee = ['静态信息费', '博股会员']
+const menuData = [
+  {
+    name: '美股',
+    options: ['美股软件', '美股金卡', '美股套餐']
+  },
+  {
+    name: '港股',
+    options: ['港股软件', '港股金卡', '港股套餐']
+  },
+  {
+    name: 'A股',
+    options: ['A股软件', 'A股金卡', 'A股套餐']
+  },
+  {
+    name: '新加坡股',
+    options: ['新加坡股软件', '新加坡股金卡', '新加坡股套餐']
+  },
+  {
+    name: '马股',
+    options: ['马股软件', '马股金卡', '马股套餐']
+  },
+  {
+    name: '日本股',
+    options: ['日本股软件', '日本股金卡', '日本股套餐']
+  },
+  {
+    name: '泰股',
+    options: ['泰股软件', '泰股金卡', '泰股套餐']
+  },
+  {
+    name: '越南股',
+    options: ['越南股软件', '越南股金卡', '越南股套餐']
+  },
+  {
+    name: '印尼股',
+    options: ['印尼股软件', '印尼股金卡', '印尼股套餐']
+  },
+  {
+    name: '韩国股',
+    options: ['韩国股软件', '韩国股金卡', '韩国股套餐']
+  },
+  {
+    name: '台湾股',
+    options: ['台湾股软件', '台湾股金卡', '台湾股套餐']
+  }
+];
+//全局事件实现点击外部关闭选项
+const closeSoftwareSubmenu = () => {
+  activeIndex.value = -1; // 将展开的二级菜单索引重置为 -1，实现关闭
+};
+
+const closeWholeDropdown = () => {
+  isOpen.value = false; // 关闭整个弹窗
+  // 可选：同时关闭弹窗内的子面板（如金币产品、软件产品展开面板）
+  coinisOpen.value = false;
+  productisOpen.value = false;
+  closeSoftwareSubmenu(); // 同时关闭软件二级选项框
+};
+
+const handleGlobalClick = (e) => {
+  // --- 原有：处理软件二级选项框外部关闭逻辑 ---
+  if (productisOpen.value) {
+    const submenuContainers = document.querySelectorAll('.selectoption');
+    const firstLevelContainers = document.querySelectorAll('.fistlevel');
+    let isClickInsideSubmenu = false;
+    let isClickInsideFirstLevel = false;
+
+    submenuContainers.forEach(container => container.contains(e.target) && (isClickInsideSubmenu = true));
+    firstLevelContainers.forEach(container => container.contains(e.target) && (isClickInsideFirstLevel = true));
+
+    if (!isClickInsideSubmenu && !isClickInsideFirstLevel) {
+      closeSoftwareSubmenu();
+    }
+  }
+
+  // --- 新增：处理整个弹窗外部关闭逻辑 ---
+  if (isOpen.value) { // 仅当弹窗处于打开状态时判断
+    // 获取整个下拉弹窗的 DOM 容器
+    const dropdownContainer = document.querySelector('.menu');
+    // 获取弹窗触发按钮（类名 .selectBox），点击按钮需正常切换弹窗，不触发关闭
+    const triggerButton = document.querySelector('.selectBox');
+
+    // 点击位置不在弹窗内，且不在触发按钮内 → 关闭整个弹窗
+    if (!dropdownContainer?.contains(e.target) && !triggerButton?.contains(e.target)) {
+      closeWholeDropdown();
+    }
+  }
+};
+
+const ifselectAndOpen = async () => {
+  await nextTick();
+  if (selectedValue.value == '金币充值') {
+    coinisOpen.value = true
+  } else if (selectedValue.value) {
+    productisOpen.value = true
+  } else {
+    //不做处理
+  }
+}
+
+//软件相关
+const activeIndex = ref(-1)
+const clickmenu = (index) => {
+  activeIndex.value = activeIndex.value === index ? -1 : index;
+}
+
+watch(() => props.modelValue, (newVal) => {
+  selectedItem.value = newVal;
+}, { immediate: true });
+onMounted(async () => {
+  selectedValue.value = props.modelValue;
+  selectedItem.value = selectedValue.value || '';
+  document.addEventListener('click', handleGlobalClick); // 绑定全局事件
+});
+onUnmounted(() => {
+  document.removeEventListener('click', handleGlobalClick); // 解绑全局事件
+});
+</script>
+<style scoped lang="scss">
+.productContent {
+  position: relative;
+  width: 450px;
+  font-family: 'Arial', sans-serif;
+}
+
+.selectBox {
+  border: 1px solid #e5e7eb;
+  padding: 4px 12px;
+  height: 23px;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #fff;
+  border-radius: 6px;
+  transition: all 0.3s ease;
+
+  .placeholder {
+    flex: 1;
+    font-size: 14px;
+    line-height: 18px;
+    color: #A8ABB2;
+  }
+}
+
+.arrow {
+  margin-left: 8px;
+  color: #999;
+  transition: transform 0.3s ease;
+}
+
+.selectBox.active .arrow {
+  transform: rotate(180deg);
+}
+
+.menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  width: 160%;
+  max-height: 600px;
+  min-height: 200px;
+  display: flex;
+  padding: 10px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 10px;
+  flex-shrink: 0;
+  border-radius: 8px;
+  background: #E4F0FC;
+  box-shadow: 0 0 4px 0 #00000040;
+  z-index: 100;
+
+  .coinselect {
+    width: 100px;
+    height: 20px;
+    border: 1px solid #175BE5;
+    padding: 5px 0 5px 12px;
+    display: flex;
+    border-radius: 5px;
+
+    .cointxt {
+      width: 70px;
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: #175be5;
+      text-align: center;
+      font-family: "PingFang SC";
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 20px;
+    }
+  }
+
+  .coin-arrow {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #175BE5;
+  }
+
+  .coinselect.active .coin-arrow {
+    transform: rotate(-90deg);
+  }
+
+  .product {
+    width: 100%;
+
+    .line {
+      display: flex;
+      height: 1px;
+      padding: 0 16px;
+      align-items: flex-start;
+      align-content: flex-start;
+      gap: 8px 60px;
+      flex-shrink: 0;
+      align-self: stretch;
+      flex-wrap: wrap;
+      border-top: 1px solid #7E91FF;
+    }
+
+    .checktxt {
+      color: #5870ff;
+      font-family: "PingFang SC";
+      font-size: 13px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 22px;
+      margin: 10px 20px;
+    }
+
+    .productOption {
+      width: 100%;
+
+      .ai {
+        width: 100%;
+      }
+
+      .marketprodut {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 10px;
+
+        .fistlevel {
+          position: relative;
+          width: 130px;
+
+
+
+          .label .el-icon {
+            margin-left: 5px;
+            transition: transform 0.3s ease;
+          }
+
+          .label .rotate {
+            transform: rotate(-90deg); // 箭头旋转效果
+          }
+
+          .label {
+            margin-left: 10px;
+          }
+
+          .selectoption {
+            width: 100px;
+            background-color: #fff;
+            padding: 5px 20px;
+            position: absolute;
+            left: 60px;
+            top: 0;
+            z-index: 999;
+            border: 1px solid #175BE5;
+            border-radius: 6px;
+
+            :deep(.el-checkbox__label) {
+              color: #333333;
+              font-family: "PingFang SC";
+              font-size: 13px;
+              font-style: normal;
+              font-weight: 400;
+              line-height: 22px;
+            }
+          }
+        }
+         .fistlevel.selected .label {
+          color: #175BE5;
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 192dc9c..8fdbb28 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -308,15 +308,61 @@ const routes = [
                     {
                         path: 'receiveDetail',
                         name: "receiveDetail",
-                        component: () => import("../views/moneyManage/receiveDetail/receiveDetail.vue"),
-                        meta: { permissionId: 74 }
+                        // component: () => import("../views/moneyManage/receiveDetail/receiveDetail.vue"),
+                        meta: { permissionId: 74 },
+                        children:[
+                            // 客服页面
+                            {
+                                path: 'receiveService',
+                                name: "receiveService",
+                                component: () => import("../views/moneyManage/receiveDetail/receiveDetail.vue"),
+                                meta: { permissionId: 77 }
+                            },
+                            // 地区财务及地区负责人页面
+                            {
+                                path: 'receiveArea',
+                                name: "receiveArea",
+                                component: () => import("../views/moneyManage/receiveDetail/receiveDetail.vue"),
+                                meta: { permissionId: 78 }
+                            },
+                            //总部管理员及财务
+                            {
+                                path: 'receiveHead',
+                                name: "receiveHead",
+                                component: () => import("../views/moneyManage/receiveDetail/receiveDetail.vue"),
+                                meta: { permissionId: 79 }
+                            },
+                        ]
                     },
                     // 退款明细
                     {
                         path: 'refundDetail',
                         name: "refundDetail",
-                        component: () => import("../views/moneyManage/refundDetail/refundDetail.vue"),
-                        meta: { permissionId: 75 }
+                        //component: () => import("../views/moneyManage/refundDetail/refundDetail.vue"),
+                        meta: { permissionId: 75 },
+                        children:[
+                            // 客服页面
+                            {
+                                path: 'service',
+                                name: "refundService",
+                                component: () => import("../views/moneyManage/refundDetail/refundService.vue"),
+                                meta: { permissionId: 75 }
+                            },
+                            // 地区财务及地区负责人页面
+                            {
+                                path: 'refundArea',
+                                name: "refundArea",
+                                component: () => import("../views/moneyManage/refundDetail/refundArea.vue"),
+                                meta: { permissionId: 75 }
+                            },
+                            //总部管理员及财务
+                            {
+                                path: 'refundHeader',
+                                name: "refundHeader",
+                                component: () => import("../views/moneyManage/refundDetail/refundHeader.vue"),
+                                meta: { permissionId: 75 }
+                            },
+                        ]
                     },
                     // 执行明细
                     {
diff --git a/src/util/request.js b/src/util/request.js
index 913c4e0..516e1c8 100644
--- a/src/util/request.js
+++ b/src/util/request.js
@@ -26,11 +26,12 @@ export const uploadFile = (file) => {
 service.interceptors.request.use(config => {
   const token = localStorage.getItem('token')
   if (token) {
-    if (config.data) {
-      config.data.token = token;
-    } else {
-      config.data = { token };
-    }
+  //  请求体里面为什么放token？
+    // if (config.data) {
+    //   config.data.token = token;
+    // } else {
+    //   config.data = { token };
+    // }
     config.headers.token = `${token}`
   }
   return config
diff --git a/src/utils/menuTreePermission.js b/src/utils/menuTreePermission.js
index d345f62..ed0b860 100644
--- a/src/utils/menuTreePermission.js
+++ b/src/utils/menuTreePermission.js
@@ -16,6 +16,10 @@ export const permissionMapping = {
     permissionManage:11,           // 权限管理
     historyData:12,                // 历史数据查询
 
+    receiveDetail:74,              // 收款明细
+    refundDetail:75,               // 退款明细
+    executor:76,                   // 执行明细
+
     // 页面，3级
     workbenchShow:13,              // 工作台查看
     coinAudit:14,                  // 金币审核
@@ -33,6 +37,14 @@ export const permissionMapping = {
     newCoinSelect:26,              // 金币查询(新)
     oldCoinSelect:27,              // 金币查询(旧)
 
+    receiveService:77,             // 收款-地区客服
+    receiveArea:78,                // 收款-地区财务/负责人
+    receiveHeader:79,              // 收款-总部财务/管理员
+    refundService:80,             // 退款-地区客服
+    refundFinance:81,              // 退款-地区财务
+    refundCharge:82,               // 退款-地区负责人
+    refundHeader:83,               // 退款-总部财务/管理员
+
     // 功能，4级
     rechargeAudit:28,              // 充值审核
     refundAudit:29,                // 退款审核
@@ -89,9 +101,41 @@ export const permissionMapping = {
     addRoleInfo:71,                // 新增角色信息
     editRoleInfo:72,               // 编辑角色信息
 
-    receiveDetail:74,              // 收款明细
-    refundDetail:75,               // 退款明细
-    executor:76,                   // 执行人
+    executeEdit:84,                // 执行明细编辑
+    executeSubmit:85,              // 执行明细提交
+
+    receiveServiceShow:86,         // 收款-客服展示
+    receiveServiceAdd:87,          // 收款-客服新增
+    receiveServiceReturn:88,       // 收款-客服撤回
+    receiveServiceEdit:89,         // 收款-客服编辑
+    receiveServiceRefund:90,       // 收款-客服退款
+    receiveAreaWaiting:91,         // 收款-地区财务/负责人待审核
+    receiveAreaPass:92,            // 收款-地区财务/负责人已通过
+    receiveAreaReject:93,          // 收款-地区财务/负责人已驳回
+    receiveAreaWaitingShow:94,     // 收款-地区财务/负责人待审核查看
+    receiveAreaApproved:95,        // 收款-地区财务/负责人通过
+    receiveAreaRejected:96,        // 收款-地区财务/负责人驳回
+    receiveAreaPassShow:97,        // 收款-地区财务/负责人已通过查看
+    receiveAreaPassEdit:98,        // 收款-地区财务/负责人已通过编辑
+    receiveHeaderPassShow:99,      // 收款-总部财务/管理员已通过
+    receiveHeaderPassShow:100,     // 收款-总部财务/管理员已通过查看
+    receiveHeaderPassEdit:101,     // 收款-总部财务/管理员已通过编辑
+
+    refundServiceShow:102,         // 退款-客服查看
+    refundServiceBack:103,         // 退款-客服撤回
+    refundServiceEdit:104,         // 退款-客服编辑
+    refundFinanceShow:105,         // 退款-地区财务查看
+    refundFinanceAudit:106,        // 退款-地区财务审核
+    refundFinanceProgShow:107,     // 退款-地区财务进度查看
+    refundChargeShow:108,          // 退款-地区负责人查看
+    refundChargeAudit:109,         // 退款-地区负责人审核
+    refundChargeProgShow:110,      // 退款-地区负责人进度查看
+    refundHeaderShow:111,          // 退款-总部财务/管理员查看
+    refundHeaderAudit:112,         // 退款-总部财务/管理员审核
+    refundHeaderProgShow:113,      // 退款-总部财务/管理员进度查看
+
+    // 特殊，5级
+    updateData:114,                // 手动拉取数据
 }
 
 // 递归查找菜单中是否存在目标id
diff --git a/src/utils/menuUtils.js b/src/utils/menuUtils.js
index b9007c5..0a0c808 100644
--- a/src/utils/menuUtils.js
+++ b/src/utils/menuUtils.js
@@ -80,8 +80,17 @@ export const getRoutePath = (menu) => {
         '角色管理': '/permissions/rolePermission',
 
         '收款明细': '/moneyManage/receiveDetail',
+        '收款-地区客服':'/moneyManage/receiveDetail/receiveService',
+        '收款-地区财务/负责人':'/moneyManage/receiveDetail/receiveArea',
+        '收款-总部财务/管理员':'/moneyManage/receiveDetail/receiveHead',
+
         '退款明细': '/moneyManage/refundDetail',
-        '执行人': '/moneyManage/executor/executor',
+        '退款-地区客服':'/moneyManage/refundDetail/service',
+        '退款-地区财务':'/moneyManage/refundDetail/refundFinance',
+        '退款-地区负责人':'/moneyManage/refundDetail/refundCharge',
+        '退款-总部财务/管理员':'/moneyManage/refundDetail/refundHeader',
+
+        '执行明细': '/moneyManage/executor',
     };
 
     // 未匹配的菜单默认使用id作为路由（可根据实际需求调整）
diff --git a/src/views/moneyManage/executor/executor.vue b/src/views/moneyManage/executor/executor.vue
index ce553c9..37bf450 100644
--- a/src/views/moneyManage/executor/executor.vue
+++ b/src/views/moneyManage/executor/executor.vue
@@ -1,2 +1,283 @@
-<template></template>
-<script setup></script>
\ No newline at end of file
+<template>
+    <el-card style="margin-bottom: 0.5vh;">
+        <div class="condition1">
+            <div class="condition-item">
+                <el-text size="large" style="width:4vw;">姓名</el-text>
+                <el-input v-model="searchForm.username" placeholder="请输入姓名" style="width:9vw;" clearable />
+            </div>
+            <div class="condition-item">
+                <el-text size="large" style="width:4vw;">精网号</el-text>
+                <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
+            </div>
+            <div class="condition-item">
+                <el-text size="large" style="width:4vw;">所属地区</el-text>
+                <el-input v-model="searchForm.area" placeholder="请输入所属地区" style="width:9vw;" clearable />
+            </div>
+            <div class="condition-item">
+                <el-text size="large" style="width:4vw;">产品名称</el-text>
+                <el-input v-model="searchForm.productName" placeholder="请输入产品名称" style="width:9vw;" clearable />
+            </div>
+            <div class="condition-item">
+                <el-text size="large" style="width:4vw;">退款币种</el-text>
+                <el-select v-model="searchForm.payType" style="width:9vw;">
+                    <el-option v-for="item in payments" :key="item" :label="item" :value="item" />
+                </el-select>
+            </div>
+        </div>
+        <div class="condition1">
+            <div class="condition-item2">
+                <el-text size="large" style="width:4vw;">退款途径</el-text>
+                <el-select v-model="searchForm.auditStatus" style="width:9vw;">
+                    <el-option v-for="item in auditStatusOptions" :key="item.value" :label="item.label"
+                        :value="item.value" />
+                </el-select>
+            </div>
+            <div class="condition-item2">
+                <el-text size="large" style="width:4vw;">订单状态</el-text>
+                <el-input v-model="searchForm.productName" placeholder="请输入订单状态" style="width:9vw;" clearable />
+            </div>
+            <div class="condition-item2" style="width: 28vw;">
+                <el-text size="large" style="width:4vw;">付款时间</el-text>
+                <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
+                    end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange"
+                    :disabled-date="disabledDate" />
+            </div>
+            <div>
+                <el-button type="success">重置</el-button>
+                <el-button type="primary">查询</el-button>
+                <el-button type="warning">导出excel</el-button>
+                <el-button type="primary">查看导出列表</el-button>
+            </div>
+        </div>
+    </el-card>
+    <div style="height:4vh;">
+        <el-button type="primary" @click="showEdit = true">新增</el-button>
+    </div>
+    <el-card>
+        <el-table :data="tableData" style="height:60vh;width:82vw">
+            <el-table-column type="index" label="序号" width="60" fixed="left" />
+            <el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
+            <el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip />
+            <el-table-column prop="market" label="所属地区" width="120" />
+            <el-table-column prop="refundType" label="产品名称" width="120" />
+            <el-table-column prop="refundType" label="退款类型" width="120" />
+            <el-table-column prop="refundType" label="退款币种" width="120" />
+            <el-table-column prop="refundType" label="退款金额" width="120" />
+            <el-table-column prop="refundType" label="退款途径" width="120" />
+            <el-table-column prop="refundType" label="退款截图" width="120" />
+            <el-table-column prop="refundType" label="退款时间" width="120" />
+            <el-table-column prop="adminName" label="订单状态" width="120" />
+            <el-table-column prop="operation" label="操作" fixed="right" width="150px">
+                <template #default="scope">
+                    <div class="operation">
+                        <el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
+                            <template #reference>
+                                <el-button v-if="hasrefundWaitThough" :disabled="clicked || cancelClicked"
+                                    type="primary" text>
+                                    通过
+                                </el-button>
+                            </template>
+                            <template #actions="{ confirm, cancel }">
+                                <el-button size="small" @click="cancel">取消</el-button>
+                                <el-button type="primary" size="small" :disabled="clicked" @click="confirm">
+                                    确认
+                                </el-button>
+                            </template>
+                        </el-popconfirm>
+                        <el-button v-if="hasrefundWaitReject" :disabled="clicked || cancelClicked" type="primary" text
+                            @click="showRejectDialog(scope.row)">
+                            驳回
+                        </el-button>
+                    </div>
+                </template>
+            </el-table-column>
+        </el-table>
+        <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" style="margin-top: 1vh;"
+            @size-change="handlePageSizeChange" @current-change="handleCurrentChange" />
+    </el-card>
+
+    <el-dialog v-model="showEdit" class="edit" overflow draggable style="width: 40vw;">
+        <div style="display: flex;">
+            <div class="left">
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">精网号</el-text>
+                    <el-input v-model="editForm.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable />
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">客户姓名</el-text>
+                    <el-input v-model="editForm.name" placeholder="请输入客户姓名" style="width:10vw;" clearable />
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">所属地区</el-text>
+                    <el-input v-model="editForm.market" placeholder="请输入所属地区" style="width:10vw;" clearable />
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">产品名称</el-text>
+                    <el-input v-model="editForm.orderCode" placeholder="请输入产品名称" style="width:10vw;" clearable />
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">退款类型</el-text>
+                    <el-select v-model="editForm.refundType" placeholder="请选择退款类型" style="width:10vw;" clearable>
+                        <el-option v-for="item in products" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">付款币种</el-text>
+                    <el-select v-model="editForm.refundCurrency" placeholder="请选择付款币种" style="width:10vw;" clearable>
+                        <el-option v-for="item in currencies" :key="item.value" :label="item.label"
+                            :value="item.value" />
+                    </el-select>
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">付款金额</el-text>
+                    <el-input v-model="editForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">支付方式</el-text>
+                    <el-select v-model="editForm.paymentMethod" placeholder="请选择支付方式" style="width:10vw;">
+                        <el-option v-for="item in payments" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">付款时间</el-text>
+                    <el-date-picker v-model="editForm.payTime" type="datetime" placeholder="请选择付款时间" style="width:10vw;" clearable />
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">提交人</el-text>
+                    <el-input v-model="editForm.submitter" placeholder="请输入提交人" style="width:10vw;" clearable />
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">转账凭证</el-text>
+                    <el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }">
+                        <el-upload ref="uploadRef" list-type="picture-card" :auto-upload="false"
+                            :http-request="customUpload" :on-change="handleImageChange"
+                            :on-success="handleUploadSuccess" :on-error="handleUploadError"
+                            :before-upload="beforeUpload" :show-file-list="false">
+                            <template #default>
+                                <img v-if="editForm.imageUrl" :src="editForm.imageUrl"
+                                    style="width: 100%; height: 100%; object-fit: cover;">
+                                <el-icon v-else>
+                                    <Plus />
+                                </el-icon>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">备注</el-text>
+                    <el-input v-model="editForm.remark" placeholder="请输入备注" style="width:10vw;" :row="3" 
+                        maxlength="100" type="textarea" show-word-limit clearable />
+                </div>
+            </div>
+            <div class="right">
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">退款币种</el-text>
+                    <el-select v-model="editForm.refundCurrency" placeholder="请选择退款币种" style="width:10vw;">
+                        <el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">退款金额</el-text>
+                    <el-input v-model="editForm.refundAmount" placeholder="请输入退款金额" style="width:10vw;" clearable />
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">退款途径</el-text>
+                    <el-select v-model="editForm.refundWay" placeholder="请选择退款途径" style="width:10vw;">
+                        <el-option v-for="item in refundWays" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">退款时间</el-text>
+                    <el-date-picker v-model="editForm.refundTime" type="datetime" placeholder="请选择退款时间" style="width:10vw;" clearable />
+                </div>
+                <div class="dialog-item">
+                    <el-text style="width:4vw;">备注</el-text>
+                    <el-input v-model="editForm.remark" placeholder="请输入备注" style="width:10vw;" :rows="3"
+                        maxlength="100" show-word-limit type="textarea" clearable />
+                </div>
+                <div style="display:flex;justify-content: center;margin-top: 5vh;">
+                    <el-button type="default" @click="" style="margin-right: 2vw;">取消</el-button>
+                    <el-button type="primary" @click="">提交</el-button>
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+<script setup>
+import { ref } from 'vue'
+import { ElMessage } from 'element-plus'
+import API from '@/util/http.js'
+
+const tableData = ref([])
+const pagination = ref({
+    pageNum: 1,
+    pageSize: 50,
+    total: 0
+})
+const searchForm = ref({
+    jwcode: ''
+})
+const showEdit = ref(false)
+const editForm = ref({
+    jwcode: ''
+})
+</script>
+<style scoped>
+.condition1 {
+    width: 82vw;
+    display: flex;
+    align-items: center;
+    height: 4vh;
+
+    .condition-item {
+        width: 18%;
+        display: flex;
+        align-items: center;
+        margin-bottom: 1vh;
+        margin-right: 0.5vw;
+    }
+
+    .condition-item2 {
+        width: 18%;
+        display: flex;
+        align-items: center;
+        margin-right: 0.5vw;
+    }
+}
+
+.edit {
+    .left {
+        width: 45%;
+        height: 60vh;
+        padding: 0 2vw;
+
+        .dialog-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 1vh;
+        }
+
+        .image {
+            width: 4vw !important;
+            height: 4vw !important;
+        }
+
+        :deep(.el-upload--picture-card) {
+            width: 4vw !important;
+            height: 4vw !important;
+            padding: 0 !important;
+        }
+    }
+
+    .right {
+        width: 50%;
+
+        .dialog-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 1vh;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/moneyManage/receiveDetail/receiveDetail.vue b/src/views/moneyManage/receiveDetail/receiveDetail.vue
index b750f27..4b6c348 100644
--- a/src/views/moneyManage/receiveDetail/receiveDetail.vue
+++ b/src/views/moneyManage/receiveDetail/receiveDetail.vue
@@ -5,33 +5,43 @@
                 <div class="row">
                     <div class="rowItem">
                         <el-text style="width: 4vw;">精网号</el-text>
-                        <el-input placeholder="请输入精网号" style="width:10vw;" clearable></el-input>
+                        <el-input v-model="searchData.jwcode" placeholder="请输入精网号" style="width:10vw;"
+                            clearable></el-input>
                     </div>
                     <div class="rowItem">
                         <el-text style="width: 4vw;">客户姓名</el-text>
-                        <el-input placeholder="请输入客户姓名" style="width:10vw;" clearable></el-input>
+                        <el-input v-model="searchData.name" placeholder="请输入客户姓名" style="width:10vw;"
+                            clearable></el-input>
                     </div>
                     <div class="rowItem">
                         <el-text style="width: 4vw;">所属地区</el-text>
-                        <el-select placeholder="请选择所属地区" style="width:10vw;" clearable></el-select>
+                        <el-select v-model="searchData.market" placeholder="请选择所属地区" style="width:10vw;" clearable>
+                            <el-option v-for="item in marketList" :key="item" :label="item" :value="item" />
+                        </el-select>
                     </div>
                     <div class="rowItem">
                         <el-text style="width: 4vw;">订单状态</el-text>
-                        <el-select placeholder="请选择订单状态" style="width: 10vw;" clearable></el-select>
+                        <el-select v-model="searchData.status" placeholder="请选择订单状态" style="width: 10vw;" clearable>
+                            <el-option v-for="item in statusList" :key="item.name" :label="item.name"
+                                :value="item.value" /></el-select>
                     </div>
                     <div class="rowItem">
                         <el-text style="width: 4vw;">支付方式</el-text>
-                        <el-select placeholder="请选择支付方式" style="width: 10vw;" clearable></el-select>
+                        <el-select v-model="searchData.payType" placeholder="请选择支付方式" style="width: 10vw;" clearable>
+                            <el-option v-for="item in paytypeList" :key="item" :label="item" :value="item" />
+                        </el-select>
                     </div>
                 </div>
                 <div class="row" style="margin-top: 10px;">
                     <div class="rowItem">
                         <el-text style="width: 4vw;">活动名称</el-text>
-                        <el-select placeholdert="请选择活动方式" style="width: 10vw;" clearable></el-select>
+                        <el-select v-model="searchData.activity" placeholdert="请选择活动方式" style="width: 10vw;" clearable>
+                            <el-option v-for="item in activityList" :key="item" :label="item" :value="item" />
+                        </el-select>
                     </div>
                     <div class="rowItem">
                         <el-text style="width: 4vw;">产品名称</el-text>
-                        <el-select placeholder="请选择产品名称" style="width: 10vw;" clearable></el-select>
+                        <ProductSelect style="width: 190px;" v-model="searchData.goodsName"></ProductSelect>
                     </div>
                     <div class="rowItem" style="width: 30vw">
                         <el-text style="width: 4vw; margin-left: 0.5vw;">付款时间</el-text>
@@ -43,12 +53,13 @@
                 </div>
                 <div class="row" style="margin-top: 10px;">
                     <div class="buttons">
-                        <el-button type="primary">查询</el-button>
-                        <el-button type="success">重置</el-button>
+                        <el-button type="primary" @click="search">查询</el-button>
+                        <el-button type="success" @click="reset">重置</el-button>
                         <el-button type="primary">导出excel</el-button>
                         <el-button type="primary" style="background-color: #5870FF;">导出列表</el-button>
-                        <el-button type="primary" @click="checkKefu">切换客服</el-button>
-                        <el-button type="success" @click="checkCaiwu">切换财务</el-button>
+                        <el-button v-if="superAdmin" type="primary" @click="checkKefu">切换客服</el-button>
+                        <el-button v-if="superAdmin" type="success" @click="checkCaiwu">切换地区财务</el-button>
+                        <el-button v-if="superAdmin" type="success" @click="checkHqCaiwu">切换总部财务</el-button>
                     </div>
                 </div>
             </el-card>
@@ -58,9 +69,9 @@
         <div class="div-card2">
             <el-card class="card2">
                 <div class="btns">
-                    <div class="tabs" v-if="caiwu">
+                    <div class="tabs" v-if="caiwu || HQcaiwu">
                         <el-button-group>
-                            <el-button class="btnItem"
+                            <el-button class="btnItem" v-if="caiwu"
                                 :style="{ backgroundColor: activeTab === 'wait' ? '#2741DE' : '#E5EBFE', color: activeTab === 'wait' ? 'white' : '#666' }"
                                 @click="navigateTo('wait')">
                                 待审核
@@ -70,7 +81,7 @@
                                 @click="navigateTo('pass')">
                                 已通过
                             </el-button>
-                            <el-button class="btnItem"
+                            <el-button class="btnItem" v-if="caiwu"
                                 :style="{ backgroundColor: activeTab === 'reject' ? '#2741DE' : '#E5EBFE', color: activeTab === 'reject' ? 'white' : '#666' }"
                                 @click="navigateTo('reject')">
                                 已驳回
@@ -93,39 +104,41 @@
                         </el-table-column>
                         <el-table-column fixed="left" prop="jwcode" label="Homily ID" width="110px" />
                         <el-table-column fixed="left" prop="name" label="姓名" width="110px" />
-                        <el-table-column prop="market" label="所属地区" width="80px" />
+                        <el-table-column prop="marketName" label="所属地区" width="80px" />
                         <el-table-column prop="activity" label="活动名称" width="120px" />
-                        <el-table-column prop="rateName" label="产品名称" width="120px" />
-                        <el-table-column prop="rateNum" label="产品数量" width="120px" />
-                        <el-table-column prop="moneyType" label="付款币种" width="100px">
+                        <el-table-column prop="goodsName" label="产品名称" width="120px" />
+                        <el-table-column prop="goodNum" label="产品数量" width="120px" />
+                        <el-table-column prop="paymentCurrency" label="付款币种" width="100px">
                         </el-table-column>
-                        <el-table-column prop="permanentGold" label="付款金额" width="120px">
+                        <el-table-column prop="paymentAmount" label="付款金额" width="120px">
                         </el-table-column>
-                        <el-table-column prop="getMoneyType" label="到账币种" v-if="caiwu && activeTab == 'pass'"
+                        <el-table-column prop="receivedCurrency" label="到账币种" v-if="caiwu && activeTab == 'pass'"
                             width="150px"></el-table-column>
-                        <el-table-column prop="getMoney" label="到账金额" v-if="caiwu && activeTab == 'pass'" width="150px">
+                        <el-table-column prop="receivedAmount" label="到账金额" v-if="caiwu && activeTab == 'pass'"
+                            width="150px">
                             <template #default="scope">
-                                <div v-if="!scope.row.getMoney">
+                                <div v-if="!scope.row.receivedAmount">
                                     <text style="color: #FA5A1E;">待补充</text>
                                 </div>
                             </template>
                         </el-table-column>
-                        <el-table-column prop="shouxufei" label="手续费" v-if="caiwu && activeTab == 'pass'" width="150px">
+                        <el-table-column prop="handlingCharge" label="手续费" v-if="caiwu && activeTab == 'pass'"
+                            width="150px">
                             <template #default="scope">
-                                <div v-if="!scope.row.shouxufei">
+                                <div v-if="!scope.row.handlingCharge">
                                     <text style="color: #FA5A1E;">待补充</text>
                                 </div>
                             </template>
                         </el-table-column>
-                        <el-table-column prop="pastType" label="支付方式" width="110px">
+                        <el-table-column prop="payType" label="支付方式" width="110px">
                         </el-table-column>
-                        <el-table-column prop="remark" label="付款时间" width="100px" />
-                        <el-table-column prop="payModel" label="转账凭证" width="110px">
+                        <el-table-column prop="payTime" label="付款时间" width="100px" />
+                        <el-table-column prop="voucher" label="转账凭证" width="110px">
                             <template #default="scope">
                                 <div v-if="scope.row.voucher"
                                     style="display: flex; justify-content: center; align-items: center; cursor: pointer;"
                                     @click="previewImage(scope.row.voucher)">
-                                    <img :src="scope.row.payModel" alt="支付凭证" style="width: auto; height: 40px;">
+                                    <img :src="scope.row.voucher" alt="支付凭证" style="width: auto; height: 40px;">
                                 </div>
                                 <div v-else
                                     style="display: flex; justify-content: center; align-items: center; height: 40px;">
@@ -133,15 +146,26 @@
                                 </div>
                             </template>
                         </el-table-column>
-                        <el-table-column prop="bankOrder" label="银行流水订单号" v-if="caiwu && activeTab == 'pass'"
+                        <el-table-column prop="bankCode" label="银行流水订单号" v-if="caiwu && activeTab == 'pass'"
                             width="150px" show-overflow-tooltip></el-table-column>
-                        <el-table-column prop="submiter" label="提交人" width="150px"
+                        <el-table-column prop="submitterName" label="提交人" width="150px"
                             show-overflow-tooltip></el-table-column>
-                        <el-table-column prop="auditor" label="审核人" v-if="caiwu && activeTab == 'pass' || 'reject'"
-                            width="150px" show-overflow-tooltip></el-table-column>
-                        <el-table-column prop="mask" label="备注" v-if="activeTab != 'reject'" width="150px"
+                        <el-table-column prop="auditName" label="审核人"
+                            v-if="caiwu && activeTab == 'pass' || activeTab == 'reject'" width="150px"
+                            show-overflow-tooltip></el-table-column>
+                        <el-table-column prop="receivedTime" label="到账时间" v-if="caiwu && activeTab == 'pass'"
+                            width="150px">
+                        </el-table-column>
+                        <el-table-column prop="remark" label="备注" v-if="activeTab != 'reject'" width="150px"
                             show-overflow-tooltip></el-table-column>
-                        <el-table-column prop="rejectTime" label="驳回时间" v-if="activeTab == 'reject' && !kefu"
+                        <el-table-column prop="status" label="订单状态" v-if="activeTab == 'pass' && !kefu" width="150px"
+                            show-overflow-tooltip>
+                            <template #default="scope">
+                                <span v-if="scope.row.status == 6">退款</span>
+                                <span v-else>正常</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="auditTime" label="驳回时间" v-if="activeTab == 'reject' && !kefu"
                             width="150px" show-overflow-tooltip></el-table-column>
                         <el-table-column prop="rejectReason" label="驳回理由" v-if="activeTab == 'reject' && !kefu"
                             width="150px">
@@ -163,21 +187,32 @@
                                 </div>
                             </template>
                         </el-table-column>
-                        <el-table-column prop="getMoneyTime" label="到账时间" v-if="caiwu && activeTab == 'pass'"
-                            width="150px">
+                        <el-table-column v-if="kefu" fixed="right" prop="status" label="订单状态" width="100px">
+                            <template #default="scope">
+                                <span v-if="scope.row.status == 0">待审核</span>
+                                <span v-else-if="scope.row.status == 1 || scope.row.status == 4">已通过</span>
+                                <span v-else-if="scope.row.status == 2">已驳回</span>
+                                <span v-else-if="scope.row.status == 5">已撤回</span>
+                                <span v-else-if="scope.row.status == 6">退款</span>
+                                <span v-else></span>
+                            </template>
                         </el-table-column>
-                        <el-table-column v-if="kefu" fixed="right" prop="orderStatus" label="订单状态" width="100px" />
-                        <el-table-column fixed="right" label="操作" width="100px" v-if="activeTab != 'reject'">
+                        <el-table-column fixed="right" label="操作" width="120px" v-if="activeTab != 'reject'">
                             <template #default=scope>
-                                <span v-if="kefu && scope.row.orderStatus == '已通过'" style="color: #FA5A1E;" @click="openRecall('refund')">退款</span>
-                                <span v-else-if="kefu && scope.row.orderStatus == '已撤回'" style="color: #2741DE;"
+                                <span v-if="kefu && scope.row.status == 4" style="color: #FA5A1E;"
+                                    @click="openConfirm('refund', scope.row)">退款</span>
+                                <span v-else-if="kefu && scope.row.status == 1" style="color: #2741DE;">待填写手续费</span>
+                                <span v-else-if="kefu && scope.row.status == 5" style="color: #2741DE;"
                                     @click="openAddForm(scope.row)">编辑</span>
-                                <span v-else-if="kefu && scope.row.orderStatus == '待审核'" style="color: #FA5A1E;"
-                                    @click="openRecall('recall')">撤回</span>
+                                <span v-else-if="kefu && scope.row.status == 0" style="color: #FA5A1E;"
+                                    @click="openConfirm('recall')">撤回</span>
+                                <span v-else-if="kefu && scope.row.status == 2" style="color: #FA5A1E;"
+                                    @click="openRejectReason(scope.row.rejectReason)">查看驳回理由</span>
                                 <span v-else-if="activeTab == 'wait' && !kefu" style="color: #2741DE;"
-                                    @click="openAuditForm">审核</span>
-                                <span v-else-if="activeTab == 'pass' && !kefu" style="color: #2741DE;"
-                                    @click="openEditForm(scope.row)">编辑</span>
+                                    @click="openAuditForm(scope.row)">审核</span>
+                                <span
+                                    v-else-if="activeTab == 'pass' && !kefu && !(scope.row.status == 6 || scope.row.status == 4)"
+                                    style="color: #2741DE;" @click="openEditForm(scope.row)">编辑</span>
                             </template>
                         </el-table-column>
                     </el-table>
@@ -190,6 +225,7 @@
                 </div>
             </el-card>
         </div>
+        <!-- 撤回确认 -->
         <div class="recallDialog" v-show="recallDialog">
             <div class="close">
                 <button @click="closeRecall" class="Btn">关闭</button>
@@ -201,46 +237,82 @@
                 <button @click="closeRecall" class="Btn">取消</button>
             </div>
             <div class="confirm">
-                <button class="Btn">确定</button>
+                <button @click="" class="Btn">确定</button>
             </div>
         </div>
+        <!-- 退款确认 -->
+        <div class="recallDialog" v-show="refundConfirmDialog">
+            <div class="close">
+                <button @click="closeConfirmRefund" class="Btn">关闭</button>
+            </div>
+            <div class="text">
+                <text class="txt">{{ textContent }}</text>
+            </div>
+            <div class="cancle">
+                <button @click="closeConfirmRefund" class="Btn">取消</button>
+            </div>
+            <div class="confirm">
+                <button @click="openRefundDialog" class="Btn">确定</button>
+            </div>
+        </div>
+        <!-- 客服新增弹窗 -->
         <el-dialog class="adddialog" v-model="addFormisible" width="20vw" :before-close="closeAddForm">
             <el-form class="addForm" label-width="4vw" label-position="left">
                 <el-form-item label="精网号" required>
-                    <el-input v-model="addFormData.jwcode" placeholder="请输入精网号" />
+                    <el-input v-model="addFormData.jwcode" placeholder="请输入精网号" @blur="jwcodeSeachMarket" />
                 </el-form-item>
                 <el-form-item label="客户姓名" required>
-                    <el-input v-model="addFormData.userName" placeholder="请输入客户姓名" />
+                    <el-input disabled="true" v-model="addFormData.name" placeholder="请输入客户姓名" />
                 </el-form-item>
                 <el-form-item label="所属地区" required>
-                    <el-input disabled="true" v-model="addFormData.market" placeholder="请输入所属地区" />
+                    <el-input disabled="true" v-model="addFormData.market" :value="addFormData.marketName"
+                        placeholder="请输入所属地区" />
                 </el-form-item>
                 <el-form-item label="活动名称" required>
-                    <el-input v-model="addFormData.jwcode" placeholder="请输入活动名称" />
+                    <el-input v-model="addFormData.activity" placeholder="请输入活动名称" />
                 </el-form-item>
-                <el-form-item label="产品名称" required>
-                    <el-select placeholder="请选择产品名称" v-model="addFormData.rateName" clearable>
-                    </el-select>
+                <el-form-item label="产品名称" required @change="ifGold">
+                    <ProductSelect v-model="addFormData.goodsName"></ProductSelect>
                 </el-form-item>
-                <el-form-item label="产品数量" required>
+                <el-form-item v-show="!isGold" label="产品数量" required>
                     <div style="padding-right: 50px; display: flex;">
-                        <el-input style="padding-right: 10px;" v-model="addFormData.rateNum" placeholder="请输入产品数量" />
+                        <el-input style="padding-right: 10px;" v-model="addFormData.goodNum" placeholder="请输入产品数量" />
                         <span style="color: #999999;">个</span>
                     </div>
                 </el-form-item>
+                <div v-show="isGold" style="margin-bottom: 15px;  display: flex;">
+                    <div style=" display: flex; ">
+                        <span
+                            style="color: #999999; display: flex; white-space: nowrap;align-items: center;">永久金币：</span>
+                        <el-input style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                            v-model="addFormData.permanentGold" />
+                    </div>
+                    <div style="padding-right: 5px; display: flex;">
+                        <span
+                            style="color: #999999; display: flex; white-space: nowrap;align-items: center;">免费金币：</span>
+                        <el-input style="padding-right: 10px; padding-left: 10px; height: 30px; width: 110px;"
+                            v-model="addFormData.freeGold" />
+                    </div>
+                </div>
                 <el-form-item label="付款币种" required>
-                    <el-select placeholder="请选择付款币种" v-model="addFormData.moneyType" clearable>
-                        <el-option v-for="item in payModel" :key="item.value" :label="item.label" :value="item.value" />
-                    </el-select>
+                    <CurrencySelect v-model="addFormData.paymentCurrency" :items="customOptions" placeholder="请选择付款币种"
+                        @change="handleCurrencyChange" />
                 </el-form-item>
                 <el-form-item label="付款金额" required>
-                    <el-input v-model="addFormData.jwcode" placeholder="请输入付款金额" />
+                    <el-input v-model="addFormData.paymentAmount" placeholder="请输入付款金额" />
                 </el-form-item>
                 <el-form-item label="支付方式" required>
-                    <el-select placeholder="请选择支付方式" clearable></el-select>
+                    <CurrencySelect v-model="addFormData.payType" :items="paytypeOptions" placeholder="请选择支付方式"
+                        @change="ifGroup">
+                    </CurrencySelect>
+                </el-form-item>
+                <el-form-item label="到账地区" required>
+                    <CurrencySelect v-model="addFormData.receivedMarket" :items="MoneyAddressOptions"
+                        :disabled="isGroup" placeholder="请选择到账地区">
+                    </CurrencySelect>
                 </el-form-item>
                 <el-form-item label="付款时间" required>
-                    <el-date-picker type="datetime" placement="right" v-model="addFormData.time"
+                    <el-date-picker type="datetime" placement="right" v-model="addFormData.payTime"
                         placeholder="请选择付款时间" />
                 </el-form-item>
                 <el-form-item label="转账凭证" required>
@@ -248,7 +320,7 @@
                         <el-upload ref="uploadRef" class="uploader" :show-file-list="false" list-type="picture-card"
                             :auto-upload="false" :before-upload="beforeUpload" :on-error="handelImgErr"
                             :on-change="handleImageChange" :http-request="customUpload">
-                            <img v-if="addFormData.imageUrl" :src="addFormData.imageUrl" class="avatar"
+                            <img v-if="addFormData.voucher" :src="addFormData.voucher" class="avatar"
                                 style="height: 100%; width: 100%;  object-fit: cover;" />
                             <el-icon v-else class="avatar-uploader-icon">
                                 <Plus />
@@ -257,15 +329,17 @@
                     </div>
                 </el-form-item>
                 <el-form-item label="备注" required>
-                    <el-input v-model="addFormData.mask" type="textarea" :rows="4" placeholder="请输入备注" maxlength="100"
+                    <el-input v-model="addFormData.remark" type="textarea" :rows="4" placeholder="请输入备注" maxlength="100"
                         show-word-limit />
                 </el-form-item>
             </el-form>
             <template #footer>
                 <span class="dialog-footer">
                     <el-button style="background-color: #7E91FF;" @click="closeAddForm">取消</el-button>
-                    <el-button style="background-color: #2741DE; margin-left: 2.5vw;" type="primary"
-                        @click="handleReject">确定</el-button>
+                    <el-button v-if="addOrEdit == 1" style="background-color: #2741DE; margin-left: 2.5vw;"
+                        type="primary" @click="handleAddForm">确定</el-button>
+                    <el-button v-else-if="addOrEdit == 2" style="background-color: #2741DE; margin-left: 2.5vw;"
+                        type="primary" @click="handleEditForm">编辑</el-button>
                 </span>
             </template>
         </el-dialog>
@@ -273,40 +347,41 @@
         <el-dialog class="adddialog" v-model="auditFormisible" width="20vw" :before-close="closeAuditForm">
             <el-form class="addForm" label-width="4vw" label-position="left">
                 <el-form-item label="精网号">
-                    <el-input v-model="auditFormData.jwcode" placeholder="请输入驳回理由" />
+                    <el-input disabled="true" v-model="auditFormData.jwcode" placeholder="请输入驳回理由" />
                 </el-form-item>
                 <el-form-item label="客户姓名">
-                    <el-input v-model="auditFormData.userName" placeholder="请输入客户姓名" />
+                    <el-input disabled="true" v-model="auditFormData.name" placeholder="请输入客户姓名" />
                 </el-form-item>
                 <el-form-item label="所属地区">
                     <el-input disabled="true" v-model="auditFormData.market" />
                 </el-form-item>
                 <el-form-item label="活动名称">
-                    <el-input v-model="auditFormData.jwcode" placeholder="请输入活动名称" />
+                    <el-input disabled="true" v-model="auditFormData.activity" placeholder="请输入活动名称" />
                 </el-form-item>
-                <el-form-item label="产品名称">
-                    <el-select placeholder="请选择产品名称" clearable></el-select>
+                <el-form-item label="产品名称" required>
+                    <el-select disabled="true" v-model="auditFormData.goodsName" />
                 </el-form-item>
-                <el-form-item label="付款币种">
-                    <el-select placeholder="请选择付款币种" v-model="auditFormData.moneyType" clearable>
-                        <el-option v-for="item in payModel" :key="item.value" :label="item.label" :value="item.value" />
-                    </el-select>
+                <el-form-item label="付款币种" required>
+                    <el-select disabled="true" v-model="auditFormData.paymentCurrency" placeholder="请选择付款币种"
+                        @change="handleCurrencyChange" />
                 </el-form-item>
                 <el-form-item label="付款金额">
-                    <el-input v-model="auditFormData.jwcode" placeholder="请输入付款金额" />
+                    <el-input disabled="true" v-model="auditFormData.paymentAmount" placeholder="请输入付款金额" />
                 </el-form-item>
-                <el-form-item label="支付方式">
-                    <el-select placeholder="请选择支付方式" clearable></el-select>
+                <el-form-item label="支付方式" required>
+                    <el-select disabled="true" v-model="auditFormData.payType" :items="paytypeOptions"
+                        placeholder="请选择支付方式" />
                 </el-form-item>
                 <el-form-item label="付款时间">
-                    <el-date-picker type="datetime" v-model="auditFormData.time" placeholder="请选择付款时间" />
+                    <el-date-picker disabled="true" type="datetime" v-model="auditFormData.payTime"
+                        placeholder="请选择付款时间" />
                 </el-form-item>
                 <el-form-item label="转账凭证">
                     <div class="pic">
                         <el-upload ref="uploadRef" class="uploader" :show-file-list="false" list-type="picture-card"
                             :auto-upload="false" :before-upload="beforeUpload" :on-error="handelImgErr"
                             :on-change="handleImageChange" :http-request="customUpload">
-                            <img v-if="auditFormData.imageUrl" :src="auditFormData.imageUrl" class="avatar"
+                            <img v-if="auditFormData.voucher" :src="auditFormData.voucher" class="avatar"
                                 style="height: 100%; width: 100%;  object-fit: cover;" />
                             <el-icon v-else class="avatar-uploader-icon">
                                 <Plus />
@@ -318,11 +393,11 @@
                     </div>
                 </el-form-item>
                 <el-form-item label="备注">
-                    <el-input v-model="auditFormData.mask" type="textarea" :rows="3" placeholder="请输入备注" maxlength="100"
-                        show-word-limit />
+                    <el-input disabled="true" v-model="auditFormData.remark" type="textarea" :rows="3"
+                        placeholder="请输入备注" maxlength="100" show-word-limit />
                 </el-form-item>
                 <el-form-item label="驳回理由" v-if="ifReject" required>
-                    <el-input v-model="auditFormData.mask" type="textarea" :rows="3" placeholder="请输入驳回理由"
+                    <el-input v-model="auditFormData.rejectReason" type="textarea" :rows="3" placeholder="请输入驳回理由"
                         maxlength="100" show-word-limit />
                 </el-form-item>
             </el-form>
@@ -333,57 +408,61 @@
                         backgroundColor: isBtnDisabled ? '#E5E5E5FF' : '#2741DEFF',
                         marginLeft: '60px',
                         color: isBtnDisabled ? '#8A8A8A' : '#F3FAFE'
-                    }" @click="handleReject" :disabled="isBtnDisabled">{{ btnText }}</el-button>
+                    }" @click="handelAudit" :disabled="isBtnDisabled">{{ btnText }}</el-button>
                 </span>
                 <span class="dialog-footer" v-if="ifReject">
                     <el-button style="background-color: #7E91FF;" @click="closeAuditForm">取消</el-button>
                     <el-button style="background-color: #2741DE; margin-left: 2.5vw;" type="primary"
-                        @click="handleReject">确定</el-button>
+                        @click="handelAuditReject">确定</el-button>
                 </span>
             </template>
         </el-dialog>
-        <!-- 编辑弹窗 -->
+        <!-- 编辑填手续费弹窗 -->
         <el-dialog class="editdialog" v-model="editFormisible" width="20vw" :before-close="closeEditForm">
             <div class="content">
                 <div class="left">
                     <el-form class="editForm" label-width="4.5vw" label-position="left">
                         <el-form-item label="精网号">
-                            <el-input v-model="editFormData.jwcode" placeholder="请输入驳回理由" />
+                            <el-input disabled="true" v-model="editFormData.jwcode" placeholder="请输入驳回理由" />
                         </el-form-item>
                         <el-form-item label="客户姓名">
-                            <el-input v-model="editFormData.userName" placeholder="请输入客户姓名" />
+                            <el-input disabled="true" v-model="editFormData.name" placeholder="请输入客户姓名" />
                         </el-form-item>
                         <el-form-item label="所属地区">
-                            <el-input disabled="true" v-model="editFormData.market" placeholder="请输入所属地区" />
+                            <el-input disabled="true" v-model="editFormData.marketName" placeholder="请输入所属地区" />
                         </el-form-item>
                         <el-form-item label="活动名称">
-                            <el-input v-model="editFormData.jwcode" placeholder="请输入活动名称" />
+                            <el-input disabled="true" v-model="editFormData.activity" placeholder="请输入活动名称" />
                         </el-form-item>
                         <el-form-item label="产品名称">
-                            <el-select placeholder="请选择产品名称" clearable></el-select>
+                            <el-select disabled="true" v-model="editFormData.goodsName" placeholder="请选择产品名称"
+                                clearable></el-select>
                         </el-form-item>
                         <el-form-item label="付款币种">
-                            <el-select placeholder="请选择付款币种" clearable>
+                            <el-select disabled="true" v-model="editFormData.paymentCurrency" placeholder="请选择付款币种"
+                                clearable>
                                 <el-option v-for="item in payModel" :key="item.value" :label="item.label"
                                     :value="item.value" />
                             </el-select>
                         </el-form-item>
                         <el-form-item label="付款金额">
-                            <el-input v-model="editFormData.jwcode" placeholder="请输入付款金额" />
+                            <el-input disabled="true" v-model="editFormData.paymentAmount" placeholder="请输入付款金额" />
                         </el-form-item>
                         <el-form-item label="支付方式">
-                            <el-select placeholder="请选择支付方式" clearable></el-select>
+                            <el-select disabled="true" v-model="editFormData.payType" placeholder="请选择支付方式"
+                                clearable></el-select>
                         </el-form-item>
                         <el-form-item label="付款时间">
-                            <el-date-picker type="datetime" v-model="editFormData.time" placeholder="请选择付款时间" />
+                            <el-date-picker disabled="true" type="datetime" v-model="editFormData.payTime"
+                                placeholder="请选择付款时间" />
                         </el-form-item>
                         <el-form-item label="转账凭证">
                             <div class="pic">
-                                <el-upload ref="uploadRef" class="uploader" :show-file-list="false"
+                                <el-upload disabled="true" ref="uploadRef" class="uploader" :show-file-list="false"
                                     list-type="picture-card" :auto-upload="false" :before-upload="beforeUpload"
                                     :on-error="handelImgErr" :on-change="handleImageChange"
                                     :http-request="customUpload">
-                                    <img v-if="editFormData.imageUrl" :src="editFormData.imageUrl" class="avatar"
+                                    <img v-if="editFormData.voucher" :src="editFormData.voucher" class="avatar"
                                         style="height: 100%; width: 100%;  object-fit: cover;" />
                                     <el-icon v-else class="avatar-uploader-icon">
                                         <Plus />
@@ -395,27 +474,32 @@
                             </div>
                         </el-form-item>
                         <el-form-item label="驳回理由">
-                            <el-input v-model="addFormData.mask" type="textarea" :rows="4" placeholder="请输入驳回理由"
-                                maxlength="100" show-word-limit />
+                            <el-input disabled="true" v-model="editFormData.remark" type="textarea" :rows="4"
+                                placeholder="请输入驳回理由" maxlength="100" show-word-limit />
                         </el-form-item>
                     </el-form>
                 </div>
                 <div class="right">
                     <el-form class="editFormRighrt" label-width="4.5vw" label-position="left">
                         <el-form-item label="到账货币">
-                            <el-select placeholder="请选择产品名称" clearable></el-select>
+                            <CurrencySelect v-model="editFormData.receivedCurrency" :items="customOptions"
+                                placeholder="请选择到账货币" />
                         </el-form-item>
                         <el-form-item label="到账金额">
-                            <el-input v-model="addFormData.userName" placeholder="请输入到账金额" />
+                            <el-input v-model="editFormData.receivedAmount" placeholder="请输入到账金额" />
                         </el-form-item>
                         <el-form-item label="手续费">
-                            <el-input disabled="true" v-model="addFormData.market" placeholder="请输入手续费" />
-                        </el-form-item>
-                        <el-form-item label="银行流水订单号">
-                            <el-input v-model="addFormData.jwcode" placeholder="请输入银行流水订单号" />
+                            <el-input v-model="editFormData.handlingCharge" placeholder="请输入手续费" />
                         </el-form-item>
+                        <!-- <el-form-item label="银行流水订单号">
+                            <el-input v-model="editFormData.jwcode" placeholder="请输入银行流水订单号" />
+                        </el-form-item> -->
                         <el-form-item label="到账时间">
-                            <el-input v-model="addFormData.jwcode" placeholder="请输入到账时间" />
+                            <el-date-picker type="datetime" v-model="editFormData.receivedTime" placeholder="请输入到账时间" />
+                        </el-form-item>
+                        <el-form-item label="收款备注">
+                            <el-input v-model="editFormData.receivedRemark" type="textarea" :rows="4"
+                                placeholder="请输入备注" maxlength="100" show-word-limit />
                         </el-form-item>
                     </el-form>
                     <span class="editBtns">
@@ -433,80 +517,366 @@
                 </div>
             </div>
         </el-dialog>
+        <!-- 新增退款 -->
+        <el-dialog v-model="refundDialog" title="退款" class="refundDialog" overflow draggable style="width: 40vw;"
+            :before-close="closeRefundForm">
+            <div style="display: flex;">
+                <div class="left">
+                    <div class="add-item">
+                        <el-text style="width:4vw;">精网号</el-text>
+                        <el-input v-model="refundFormData.jwcode" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">客户姓名</el-text>
+                        <el-input v-model="refundFormData.name" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">所属地区</el-text>
+                        <el-input v-model="refundFormData.marketName" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">活动名称</el-text>
+                        <el-input v-model="refundFormData.activity" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">产品名称</el-text>
+                        <el-input v-model="refundFormData.goodsName" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">产品数量</el-text>
+                        <el-input v-model="refundFormData.goodNum" style="width:10vw;" disabled />
+                        &nbsp;个
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">付款币种</el-text>
+                        <el-input v-model="refundFormData.paymentCurrency" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">付款金额</el-text>
+                        <el-input v-model="refundFormData.paymentAmount" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">支付方式</el-text>
+                        <el-input v-model="refundFormData.payType" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">付款时间</el-text>
+                        <el-date-picker v-model="refundFormData.payTime" type="datetime" style="width:10vw;" disabled />
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;" size="small">转账凭证</el-text>
+                        <el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }">
+                            <el-upload ref="uploadRef" :auto-upload="false" list-type="picture-card"
+                                :show-file-list="false">
+                                <template #default>
+                                    <img v-if="refundFormData.voucher" :src="refundFormData.voucher"
+                                        style="width: 100%; height: 100%; object-fit: cover;">
+                                    <el-icon v-else>
+                                        <Plus />
+                                    </el-icon>
+                                </template>
+                            </el-upload>
+                        </el-form-item>
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">备注</el-text>
+                        <el-input v-model="refundFormData.remark" style="width:10vw;" :rows="3" type="textarea"
+                            maxLength="100" disabled show-word-limit />
+                    </div>
+                </div>
+                <div class="right">
+                    <div class="add-item">
+                        <el-text style="width:4vw;">退款模式</el-text>
+                        <el-radio-group v-model="refundFormData.refundModel">
+                            <el-radio value="0">全部退款</el-radio>
+                            <el-radio value="1">部分退款</el-radio>
+                        </el-radio-group>
+                    </div>
+                    <div class="add-item">
+                        <el-text style="width:4vw;">退款理由</el-text>
+                        <el-input v-model="refundFormData.refundReason" style="width:10vw;" :rows="5" maxlength="150"
+                            show-word-limit type="textarea" />
+                    </div>
+                    <div>ps:请在退款理由表明用户的退款需求。</div>
+                    <div style="display:flex;justify-content: center;margin-top: 5vh;">
+                        <el-button type="default" @click="">重置</el-button>
+                        <el-button type="primary" @click="submitRefund">提交</el-button>
+                    </div>
+                </div>
+            </div>
+        </el-dialog>
     </div>
 </template>
 <script setup>
-import { ref, watch } from 'vue';
-import { ElMessage } from 'element-plus'
+import { ref, watch, computed, onMounted } from 'vue';
+import { storeToRefs } from 'pinia';
+import { ElMessage, ElMessageBox } from 'element-plus'
 import API from '@/util/http.js'
 import { color } from 'echarts';
 import { template } from 'lodash';
+import CurrencySelect from '@/components/MoneyManage/CurrencySelect.vue'
+import ProductSelect from '@/components/MoneyManage/ProductSelect.vue'
+import { Search } from '@element-plus/icons-vue';
+import request from '@/util/http.js'
+import moment from 'moment'
+import { useAdminStore } from '@/store/index.js'
+import { hasMenuPermission } from '@/utils/menuTreePermission.js'
+const adminStore = useAdminStore();
+const { menuTree } = storeToRefs(adminStore);
+console.log('menutree', menuTree.value);
+//=====================   查询相关        =================================
+const tableData = ref([])
+const searchData = ref({
+
+})
+
+const getTime = ref({
+    startTime: '',
+    endTime: ''
+})
 
+const search = () => {
+    getlist()
+    ElMessage.success('查询成功')
+}
+const reset = () => {
+    searchData.value = {}
+}
+//获得表格数据接口
+const getlist = async () => {
+    try {
+        //角色id 0：客服 1：地方财务 2:总部财务
+        let cashRoleId = ''
+        let receivedMarket = adminData.value.markets
+        if (kefu.value) {
+            cashRoleId = '0'
+            receivedMarket = ''
+        } else if (caiwu.value) {
+            cashRoleId = '1'
+            if (activeTab.value == 'wait') {
+                searchData.value.status = 0
+            } else if (activeTab.value == 'pass') {
+                searchData.value.status = 1346
+            } else if (activeTab.value == 'reject') {
+                searchData.value.status = 2
+            }
+        } else if (HQcaiwu.value) {
+            cashRoleId = '2'
+        }
+        const result = await request({
+            url: '/cashCollection/selectCollection',
+            data: {
+                ...pageInfo.value,
+                cashCollection: {
+                    ...searchData.value,
+                    ...getTime.value,
+                    submitterId: adminData.value.id,
+                    receivedMarket: receivedMarket,
+                    cashRoleId: cashRoleId
+                }
+            }
+        })
+        if (result.code == 200) {
+            console.log('返回参数：', result);
+            tableData.value = result.data.list
+            total.value = result.data.total
+        } else {
+            ElMessage.error('数据异常')
+            console.log(result.msg);
+        }
+    } catch (error) {
+        console.log(error);
+    }
+}
 //====================   标签切换  =========================
 const activeTab = ref('wait')
 
-const navigateTo = (tab) => {
+const navigateTo = async (tab) => {
     if (tab === 'wait') {
         activeTab.value = 'wait'
+        await getlist()
     } else if (tab === 'pass') {
         activeTab.value = 'pass'
+        await getlist()
     }
     else if (tab === 'reject') {
         activeTab.value = 'reject'
+        await getlist()
     }
 }
-
+//角色id 0：客服 1：地方财务 2:总部财务
+const cashRoleId = ref('')
 const kefu = ref(true)
-const caiwu = ref(true)
+const caiwu = ref(false)
+const HQcaiwu = ref(false)
+const superAdmin = ref(false)
 const checkKefu = () => {
     kefu.value = true
     caiwu.value = false
+    HQcaiwu.value = false
+    getlist()
 }
 const checkCaiwu = () => {
     kefu.value = false
     caiwu.value = true
+    HQcaiwu.value = false
+    activeTab.value = 'wait'
+    getlist()
+}
+const checkHqCaiwu = () => {
+    kefu.value = false
+    caiwu.value = false
+    HQcaiwu.value = true
+    activeTab.value = 'pass'
+    getlist()
 }
 //=================  客服新增弹窗   ==================
 const addFormData = ref({
-
+    name: '',
+    market: '',
+    permanentGold: 0,
+    freeGold: 0,
 })
-const addFormisible = ref(false)
-
+const isGold = ref(false)
+const ifGold = () => {
+    if (addFormData.value.goodsName == '金币充值') {
+        isGold.value = true
+    } else {
+        isGold.value = false
+    }
+}
 
+//是否为默认归属平台
+const isGroup = ref(false)
+const ifGroup = () => {
+    if (addFormData.value.payType == 'Stripe-链接收款') {
+        isGroup.value = true
+        addFormData.value.receivedMarket = '香港'
+    } else if (addFormData.value.payType == 'PaymentAsia-链接收款') {
+        isGroup.value = true
+        addFormData.value.receivedMarket = '香港'
+    } else if (addFormData.value.payType == 'Ipay88-链接收款') {
+        isGroup.value = true
+        addFormData.value.receivedMarket = '马来西亚'
+    } else {
+        isGroup.value = false
+    }
+}
+const addFormisible = ref(false)
+const jwcodeSeachMarket = async () => {
+    try {
+        const result = await request({
+            url: '/cashCollection/getNameAndMarket',
+            data: addFormData.value.jwcode
+        })
+        addFormData.value.market = result.data.market
+        addFormData.value.marketName = result.data.marketName
+        addFormData.value.name = result.data.name
+        console.log('返回参数：', result);
+    } catch (error) {
+        console.log(error);
+    }
+}
+const openRejectReason = (reason) => {
+    ElMessageBox.alert(reason, '驳回理由', {
+        // if you want to disable its autofocus
+        // autofocus: false,
+        confirmButtonText: '确认',
+    })
+}
 const uploadRef = ref()
+const addOrEdit = ref(0)  // 1 为新增   2 为编辑
 const openAddForm = (row) => {
-    if (row) {
-        addFormData.value = row
+    if (row.jwcode) {
+        console.log('编辑回显数据', row);
+        addOrEdit.value = 2
+        addFormData.value = { ...row };
+        jwcodeSeachMarket()
+        addFormisible.value = true
+
+    } else {
+        addOrEdit.value = 1
+        addFormData.value = {}
+        addFormisible.value = true
     }
-    addFormisible.value = true
 }
 const closeAddForm = () => {
     addFormisible.value = false
     addFormData.value = {}
+    addOrEdit.value = 0
+    isGold.value = false
 }
-//撤回弹窗
-const textContent = ref('')
-const recallDialog = ref(false)
-const openRecall = (val) => {
-    console.log('打开弹窗',val);
-    
-    if(val == 'refund'){
-        textContent.value = '将要对该订单退款!'
-    }
-    if(val == 'recall'){
-        textContent.value = '将要撤回该信息!'
+//客服新增
+const handleAddForm = async () => {
+    try {
+        if (addFormData.value.payTime) {
+            addFormData.value.payTime = moment(addFormData.value.payTime).format('YYYY-MM-DD HH:mm:ss')
+        }
+        console.log('客服新增的数据', addFormData.value);
+        const result = await request({
+            url: '/cashCollection/add',
+            data: {
+                ...addFormData.value,
+                submitterId: adminData.value.id,
+                permanentGold: (addFormData.value.permanentGold || 0) * 100,
+                freeGold: (addFormData.value.freeGold || 0) * 100,
+                goodNum: addFormData.value.goodNum || 0,
+                paymentCurrency: CurrencyForId(addFormData.value.paymentCurrency) || '',
+                receivedMarket: MarketNameForId(addFormData.value.receivedMarket) || ''
+            }
+        })
+        if (result.code == 200) {
+            ElMessage.success('添加成功')
+            getlist()
+            closeAddForm()
+        } else {
+
+        }
+        console.log('返回参数：', result);
+    } catch (error) {
+        console.log(error);
     }
-    recallDialog.value = true
 }
-const closeRecall = () => {
-    recallDialog.value = false
-    textContent.value = ''
+//客服提交撤回的编辑记录
+const handleEditForm = async () => {
+    try {
+        if (addFormData.value.payTime) {
+            addFormData.value.payTime = moment(addFormData.value.payTime).format('YYYY-MM-DD HH:mm:ss')
+        }
+        console.log('客服编辑的数据', addFormData.value);
+        const result = await request({
+            url: '/cashCollection/reSubmit',
+            data: {
+                ...addFormData.value,
+                submitterId: adminData.value.id
+            }
+        })
+        if (result.code == 200) {
+            ElMessage.success('编辑成功')
+            getlist()
+            closeAddForm()
+        }
+        console.log('返回参数：', result);
+    } catch (error) {
+        console.log(error);
+    }
 }
+//付款币种
+const selectedCurrency = ref('');
+const customOptions = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)']);
+
+//支付方式
+const paytypeOptions = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
+const MoneyAddressOptions = ref(['马来西亚', '香港', '新加坡', '泰国', '越南HCM', '加拿大'])
+const handleCurrencyChange = (option) => {
+    console.log('选中的币种:', option);
+};
+
 //图片上传
 const handleImgSuccess = (response, uploadFile) => {
     try {
         console.log('11', response)
-        addFormData.value.imageUrl = response.data.url
+        addFormData.value.voucher = response.data.url
         console.log('22', response.data.url)
     } catch (error) {
         console.log('报错信息', error)
@@ -546,9 +916,9 @@ const customUpload = async (options) => {
                 'Content-Type': 'multipart/form-data'
             }
         })
-        if (response.code === 100 && response.data) {
+        if (response.code === 200 && response.data) {
             handleImgSuccess(response, options.file)
-            ElMessage.success(response.msg || '上传成功')
+            ElMessage.success('上传成功')
         } else {
             options.onError(response)
             ElMessage.error(response.msg || '上传失败')
@@ -558,7 +928,87 @@ const customUpload = async (options) => {
         ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
     }
 }
+//========= 客服新增 退款/撤回 相关 ===============
+const refundFormData = ref({
 
+})
+const refundDialog = ref(false)
+const openRefundDialog = () => {
+    refundDialog.value = true
+    closeConfirmRefund()
+}
+const closeRefundForm = () => {
+    refundDialog.value = false
+    refundFormData.value = {}
+}
+
+const submitRefund = async () => {
+    try {
+        const result = await request({
+            url: '/Money/add',
+            data: {
+                jwcode: refundFormData.value.jwcode, // 精网号（必填）
+                name: refundFormData.value.name,  // 姓名（必填）
+                market: refundFormData.value.marketName,  // 所属地区（必填）
+                activity: refundFormData.value.activity, // 活动名称（可选）
+                bankCode: refundFormData.value.bankCode,  // 银行流水订单号（必填）
+                goodsName: refundFormData.value.goodsName, // 商品名称（必填）
+                goodNum: refundFormData.value.goodNum,  // 商品数量（必填，默认0）
+                paymentCurrency: refundFormData.value.paymentCurrency,  // 付款币种（必填）
+                paymentAmount: refundFormData.value.paymentAmount,  // 付款金额（必填）
+                receivedCurrency: refundFormData.value.receivedCurrency,  // 到账币种（必填）
+                receivedAmount: refundFormData.value.receivedAmount,  // 到账金额（必填）
+                handlingCharge: refundFormData.value.handlingCharge,  // 手续费（可选）
+                receivedMarket: refundFormData.value.receivedMarket, // 到账地区（可选）
+                payType: refundFormData.value.payType,  // 支付方式（必填）
+                payTime: refundFormData.value.payTime,  // 付款时间，格式：yyyy-MM-dd HH:mm:ss（可选）
+                receivedTime: refundFormData.value.receivedTime,  // 到账时间，格式：yyyy-MM-dd HH:mm:ss（可选）
+                submitterId: refundFormData.value.submitterId,  // 提交人ID（可选）
+                voucher: refundFormData.value.voucher,  // 转账凭证URL（可选）
+                remark: refundFormData.value.remark,  // 备注信息（可选）
+                refundReason: refundFormData.value.refundReason,  // 退款备注-客服填写（可选）
+                refundModel: refundFormData.value.refundModel,  // 退款方式：0-全额，1-部分（可选）
+                id: refundFormData.value.id                      //订单id
+            }
+        })
+        if (result.code == 200) {
+            ElMessage.success('新增退款成功')
+            getlist()
+            closeRefundForm()
+        } else {
+            ElMessage.error(result.msg)
+            getlist()
+        }
+        console.log('返回参数：', result);
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+//撤回弹窗
+const textContent = ref('')
+const recallDialog = ref(false)
+const refundConfirmDialog = ref(false)
+const openConfirm = (val, row) => {
+    console.log('打开弹窗', val, row);
+    if (val == 'refund') {
+        textContent.value = '将要对该订单退款!'
+        refundConfirmDialog.value = true
+        refundFormData.value = { ...row }
+    }
+    if (val == 'recall') {
+        textContent.value = '将要撤回该信息!'
+        recallDialog.value = true
+    }
+}
+const closeRecall = () => {
+    recallDialog.value = false
+    textContent.value = ''
+}
+const closeConfirmRefund = () => {
+    refundConfirmDialog.value = false
+    textContent.value = ''
+}
 //==================  财务编辑相关     =========================
 const editFormData = ref({
 
@@ -574,22 +1024,102 @@ const closeEditForm = () => {
     editFormData.value = {}
 }
 //提交编辑
-const submitEditForm = () => {
-
+const submitEditForm = async () => {
+    try {
+        if (editFormData.value.receivedTime) {
+            editFormData.value.receivedTime = moment(editFormData.value.receivedTime).format('YYYY-MM-DD HH:mm:ss')
+        }
+        const result = await request({
+            url: '/cashCollection/complete',
+            data: {
+                orderCode: editFormData.value.orderCode,
+                handlingCharge: editFormData.value.handlingCharge * 100,
+                paymentCurrency: editFormData.value.paymentCurrency,
+                paymentAmount: editFormData.value.paymentAmount,
+                receivedCurrency: CurrencyForId(editFormData.value.receivedCurrency),
+                receivedAmount: editFormData.value.receivedAmount * 100,
+                receivedTime: editFormData.value.receivedTime,
+                receivedRemark: editFormData.value.receivedRemark,
+            }
+        })
+        if (result.code == 200) {
+            ElMessage.success('提交成功')
+            getlist()
+            closeEditForm()
+        }
+        console.log('返回参数：', result);
+    } catch (error) {
+        console.log(error);
+    }
 }
 //==================  审核相关     =========================
 const auditFormData = ref({
 
 })
+//财务通过审核请求
+const handelAudit = async () => {
+    try {
+        const result = await request({
+            url: '/cashAudit/collectionAudit',
+            data: {
+                orderCode: auditFormData.value.orderCode,
+                action: 1,
+                auditId: adminData.value.id
+            }
+        })
+        if (result.code == 200) {
+            ElMessage.success('审核成功')
+            getlist()
+            closeAuditForm()
+        } else {
+            ElMessage.error(result.msg)
+            getlist()
+        }
+        console.log('返回参数：', result);
+    } catch (error) {
+        console.log(error);
+    }
+}
+
+//财务驳回审核请求
+const handelAuditReject = async () => {
+    try {
+        const result = await request({
+            url: '/cashAudit/collectionAudit',
+            data: {
+                orderCode: auditFormData.value.orderCode,
+                rejectReason: auditFormData.value.rejectReason,
+                action: 2,
+                auditId: adminData.value.id
+            }
+        })
+        if (result.code == 200) {
+            ElMessage.success('审核成功')
+            getlist()
+            closeAuditForm()
+        }
+        console.log('返回参数：', result);
+    } catch (error) {
+        console.log(error);
+    }
+}
 const auditFormisible = ref(false)
 //判断弹窗中是否展示驳回
 const ifReject = ref(false)
-const openAuditForm = () => {
+
+const openAuditForm = (row) => {
+    console.log('这是审核的数据', row);
+
+    auditFormData.value = {
+        ...row,
+        market: row.marketName
+    }
     auditFormisible.value = true
 }
-const countdown = ref(0);          // 倒计时秒数（示例设为 5 秒）
+const countdown = ref(0);          // 倒计时秒数
 const isBtnDisabled = ref(false);  // 按钮是否禁用
-const btnText = ref('通过(3)');    // 按钮显示的文字（含倒计时）
+const btnText = ref('通过(3)');    // 按钮显示的文字
+
 const closeAuditForm = () => {
     ifReject.value = false
     auditFormisible.value = false
@@ -623,6 +1153,15 @@ const pageInfo = ref({
 })
 const total = ref(0)
 
+const handlePagination = (type, val) => {
+    if (type === 'size') {
+        pageInfo.value.pageSize = val
+    } else {
+        pageInfo.value.pageNum = val
+    }
+    getlist()
+}
+
 // ============   已驳回相关      ===========================
 // 提示框状态管理
 const showTooltip = ref(false);
@@ -652,152 +1191,118 @@ const handleMouseMove = (e) => {
     // Y坐标与鼠标保持一致（垂直居中对齐）
     tooltipTop.value = e.clientY - 10;
 };
-const tableData = [
-    {
-        "jwcode": "HM20240601",
-        "name": "张三",
-        "market": "华东区",
-        "activity": "2024年中促销",
-        "rateName": "年度会员套餐A",
-        "moneyType": "人民币",
-        "permanentGold": 2980.00,
-        "getMoneyType": "人民币",
-        "getMoney": 2980.00,
-        "shouxufei": 59.60,
-        "pastType": "支付宝转账",
-        "remark": "2024-06-01 09:30",
-        "voucher": "https://mock-img.com/voucher/2024060101.jpg",
-        "payModel": "https://mock-img.com/icon/alipay.png",
-        "bankOrder": "ALIPAY202406010001",
-        "submiter": "李四（运营部）",
-        "auditor": "王五（财务部）",
-        "mask": "客户主动购买，无特殊需求",
-        "rejectTime": null,
-        "rejectReason": null,
-        "getMoneyTime": "2024-06-01 10:15",
-        "orderStatus": "已撤回"
-    },
-    {
-        "jwcode": "HM20240602",
-        "name": "李四",
-        "market": "华北区",
-        "activity": "新客首单优惠",
-        "rateName": "季度体验套餐B",
-        "moneyType": "美元",
-        "permanentGold": 99.00,
-        "getMoneyType": "人民币",
-        "getMoney": 712.50,
-        "shouxufei": 14.25,
-        "pastType": "PayPal",
-        "remark": "2024-06-02 14:15",
-        "voucher": "https://mock-img.com/voucher/2024060201.jpg",
-        "payModel": "https://mock-img.com/icon/paypal.png",
-        "bankOrder": "PAYPAL202406020001",
-        "submiter": "赵六（国际部）",
-        "auditor": "孙七（财务部）",
-        "mask": "跨境支付，汇率按当日中间价计算",
-        "rejectTime": null,
-        "rejectReason": null,
-        "getMoneyTime": "2024-06-02 16:40",
-        "orderStatus": "已通过"
-    },
+
+
+const adminData = ref({})
+// 获取管理员信息
+const getAdminData = async function () {
+    try {
+        const result = await API({
+            url: '/admin/userinfo',
+            data: {}
+        })
+        adminData.value = result
+        console.log('请求成功', result)
+    } catch (error) {
+        console.log('请求失败', error)
+    }
+}
+const statusList = [
     {
-        "jwcode": "HM20240603",
-        "name": "王五",
-        "market": "华南区",
-        "activity": "老客召回活动",
-        "rateName": "月度续费套餐C",
-        "moneyType": "人民币",
-        "permanentGold": 399.00,
-        "getMoneyType": null,
-        "getMoney": null,
-        "shouxufei": null,
-        "pastType": "微信支付",
-        "remark": "2024-06-03 11:20",
-        "voucher": "https://mock-img.com/voucher/2024060301.jpg",
-        "payModel": "https://mock-img.com/icon/wechat.png",
-        "bankOrder": null,
-        "submiter": "钱八（客服部）",
-        "auditor": null,
-        "mask": "待财务补充到账信息",
-        "rejectTime": null,
-        "rejectReason": null,
-        "getMoneyTime": null,
-        "orderStatus": "待审核"
+        name: '待审核',
+        value: 0
     },
     {
-        "jwcode": "HM20240604",
-        "name": "赵六",
-        "market": "西区",
-        "activity": "企业团购活动",
-        "rateName": "企业定制套餐D",
-        "moneyType": "人民币",
-        "permanentGold": 15800.00,
-        "getMoneyType": null,
-        "getMoney": null,
-        "shouxufei": null,
-        "pastType": "银行对公转账",
-        "remark": "2024-06-04 09:05",
-        "voucher": null,
-        "payModel": null,
-        "bankOrder": null,
-        "submiter": "周九（销售部）",
-        "auditor": "吴十（财务部）",
-        "mask": null,
-        "rejectTime": "2024-06-04 10:30",
-        "rejectReason": "未上传转账凭证，需补充后重新提交",
-        "getMoneyTime": null,
-        "orderStatus": "已驳回"
+        name: '已通过',
+        value: 134
     },
     {
-        "jwcode": "HM20240605",
-        "name": "孙七",
-        "market": "东北区",
-        "activity": "节日特惠活动",
-        "rateName": "年度会员套餐A",
-        "moneyType": "人民币",
-        "permanentGold": 2780.00,
-        "getMoneyType": "人民币",
-        "getMoney": 2780.00,
-        "shouxufei": 55.60,
-        "pastType": "银联支付",
-        "remark": "2024-06-05 15:40",
-        "voucher": "https://mock-img.com/voucher/2024060501.jpg",
-        "payModel": "https://mock-img.com/icon/unionpay.png",
-        "bankOrder": "UNION202406050001",
-        "submiter": "郑一（市场部）",
-        "auditor": "王二（财务部）",
-        "mask": "客户使用节日优惠券，已核减200元",
-        "rejectTime": null,
-        "rejectReason": null,
-        "getMoneyTime": "2024-06-05 16:25",
-        "orderStatus": "已通过"
+        name: '已撤回',
+        value: 5
+    }, {
+        name: '退款',
+        value: 6
+    }, {
+        name: '已驳回',
+        value: 2
     },
-    {
-        "jwcode": "HM20240606",
-        "name": "周八",
-        "market": "华北区",
-        "activity": "新客首单优惠",
-        "rateName": "季度体验套餐B",
-        "moneyType": "人民币",
-        "permanentGold": 359.00,
-        "getMoneyType": null,
-        "getMoney": null,
-        "shouxufei": null,
-        "pastType": "微信支付",
-        "remark": "2024-06-06 13:10",
-        "voucher": "https://mock-img.com/voucher/2024060601.jpg",
-        "payModel": "https://mock-img.com/icon/wechat.png",
-        "bankOrder": null,
-        "submiter": "吴九（客服部）",
-        "auditor": "郑十（财务部）",
-        "mask": null,
-        "rejectTime": "2024-06-06 14:00",
-        "rejectReason": "付款金额与订单金额不符（订单359元，实付349元）",
-        "getMoneyTime": null,
-        "orderStatus": "已驳回"
-    }
 ]
+const paytypeList = ["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"]
+const activityList = ref([])
+const marketList = ['马来西亚', '香港', '新加坡', '泰国', '越南HCM', '加拿大']
+// 获取活动信息
+const getActivitys = async function () {
+    try {
+        const result = await API({
+            url: '/cashCollection/getActivityList',
+            data: {}
+        })
+        if (result.code == 200) {
+            activityList.value = result.data
+            console.log('请求成功', result)
+        } else {
+            ElMessage.error('活动列表获取失败')
+            console.log('活动列表获取失败', result.msg);
+
+        }
+    } catch (error) {
+        console.log('请求失败', error)
+    }
+}
+
+
+const MarketNameForId = (name) => {
+    if (name == '新加坡') {
+        return 4
+    } else if (name == '加拿大') {
+        return 24016
+    } else if (name == '马来西亚') {
+        return 5
+    } else if (name == '香港') {
+        return 13
+    } else if (name == '泰国') {
+        return 24018
+    } else if (name == '越南HCM') {
+        return 24022
+    } else {
+        return name
+    }
+}
+const CurrencyForId = (name) => {
+    if (name == '美元(USD)') {
+        return 1
+    } else if (name == '港币(HKD)') {
+        return 2
+    } else if (name == '新币(SGD)') {
+        return 3
+    } else if (name == '马币(MYR)') {
+        return 4
+    } else if (name == '泰铢(THB)') {
+        return 5
+    } else if (name == '加币(CAD)') {
+        return 6
+    } else if (name == '越南盾(VDN)') {
+        return 7
+    } else if (name == '越南盾(VDN)') {
+        return 8
+    } else {
+        return name
+    }
+}
+onMounted(async function () {
+    await getAdminData()
+    await getActivitys()
+    if (hasMenuPermission(menuTree.value, 77) && hasMenuPermission(menuTree.value, 78) && hasMenuPermission(menuTree.value, 79)) {
+        superAdmin.value = true
+    }
+    else if (hasMenuPermission(menuTree.value, 77)) {
+        checkKefu()
+    } else if (hasMenuPermission(menuTree.value, 78)) {
+        checkCaiwu()
+    } else if (hasMenuPermission(menuTree.value, 79)) {
+        checkHqCaiwu()
+    }
+})
 </script>
 <style scoped lang="scss">
 .content {
@@ -833,7 +1338,8 @@ const tableData = [
     }
 
 
-    .div-card2 {  // 下方数据展示card
+    .div-card2 {
+        // 下方数据展示card
         width: 100%;
 
         margin-top: 2vh;
@@ -1025,7 +1531,12 @@ const tableData = [
                 }
             }
 
+            .moneyType {
+                position: relative;
+                width: 100%;
 
+
+            }
         }
 
         .dialog-footer {
@@ -1174,6 +1685,37 @@ const tableData = [
 
     }
 
+    .refundDialog {
+        .left {
+            width: 50%;
+            height: 70vh;
+            min-height: 650px;
+            padding: 0 2vw;
+
+            .add-item {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+            }
+
+            .image {
+                width: 4vw !important;
+                height: 4vw !important;
+            }
+        }
+
+        .right {
+            width: 50%;
+            height: 50vh;
+
+            .add-item {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+            }
+        }
+    }
+
     :deep(.adddialog .el-form-item__label) {
         //设置新增弹窗表头
         min-width: 80px;
@@ -1185,12 +1727,12 @@ const tableData = [
 
 // 搜索的卡片样式
 .card1 {
-  background: #F3FAFE;
+    background: #F3FAFE;
 }
 
 // 表单的卡片样式
 .card2 {
-  background: #E7F4FD;
+    background: #E7F4FD;
 }
 
 
@@ -1200,16 +1742,16 @@ const tableData = [
 :deep(.el-table__cell),
 /* 表格 */
 :deep(.el-table__body td) {
-  background-color: #F3FAFE !important;
+    background-color: #F3FAFE !important;
 }
 
 /* 表头 */
 :deep(.el-table__header th) {
-  background-color: #F3FAFE !important;
+    background-color: #F3FAFE !important;
 }
 
 /* 鼠标悬停 */
 :deep(.el-table__row:hover > .el-table__cell) {
-  background-color: #E5EBFE !important;
+    background-color: #E5EBFE !important;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/moneyManage/refundDetail/refundArea.vue b/src/views/moneyManage/refundDetail/refundArea.vue
new file mode 100644
index 0000000..30754c8
--- /dev/null
+++ b/src/views/moneyManage/refundDetail/refundArea.vue
@@ -0,0 +1,725 @@
+<!-- 各地财务&各地负责人 -->
+<template>
+    <el-card style="margin-bottom: 0.5vh;">
+        <div class="condition">
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">精网号</el-text>
+                <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">客户姓名</el-text>
+                <el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">所属地区</el-text>
+                <el-input v-model="searchForm.market" placeholder="请输入所属地区" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">产品名称</el-text>
+                <el-input v-model="searchForm.goodsName" placeholder="请输入产品名称" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">订单状态</el-text>
+                <el-select v-model="searchForm.status" style="width:9vw;">
+                    <el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+            </div>
+        </div>
+        <div class="condition">
+            <div class="item2">
+                <el-text size="large" style="width:4vw;">付款币种</el-text>
+                <el-input v-model="searchForm.payCurrency" placeholder="请输入付款币种" style="width:9vw;" clearable />
+            </div>
+            <div class="item2">
+                <el-text size="large" style="width:4vw;">支付方式</el-text>
+                <el-input v-model="searchForm.payType" placeholder="请输入支付方式" style="width:9vw;" clearable />
+            </div>
+            <div class="item2" style="width: 28.5vw;">
+                <el-text size="large" style="width:4vw;">付款时间</el-text>
+                <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
+                    end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange"
+                    :disabled-date="disabledDate" />
+            </div>
+            <div>
+                <el-button type="success">重置</el-button>
+                <el-button type="primary">查询</el-button>
+                <el-button type="warning">导出excel</el-button>
+                <el-button type="primary">查看导出列表</el-button>
+            </div>
+        </div>
+    </el-card>
+
+    <div style="display: flex;">
+        <el-button type="primary" @click="showAudit1 = true">审核1</el-button>
+        <el-button type="primary" @click="showAudit2 = true">审核2</el-button>
+        <el-button type="primary" @click="showSteps = true">看看步骤条</el-button>
+        <el-button type="primary" @click="showError = true">退款金额有误</el-button>
+    </div>
+
+    <el-card style="margin-top: 0.5vh;">
+        <el-table :data="tableData" style="height:64vh;width:82vw">
+            <el-table-column type="index" label="序号" width="60" fixed="left" />
+            <el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
+            <el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip />
+            <el-table-column prop="market" label="所属地区" width="120" />
+            <el-table-column prop="refundType" label="产品名称" width="120" />
+            <el-table-column prop="refundType" label="产品数量" width="120" />
+            <el-table-column prop="refundType" label="退款方式" width="120"  />
+            <el-table-column prop="refundType" label="提交人" width="120"  />
+            <el-table-column prop="refundType" label="退款理由" width="120"  />
+            <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
+            <el-table-column prop="adminName" label="订单状态" width="120" />
+            <el-table-column prop="operation" label="操作" fixed="right" width="150px" >
+                <template #default="scope">
+                    <div class="operation">
+                        <el-button v-if="row.status === '待审核'" type="primary" text  @click="showAudit1 = true">
+                            审核
+                        </el-button>
+                    </div>
+                </template>
+            </el-table-column>
+        </el-table>
+        <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+            @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
+            style="margin-top: 1vh;"></el-pagination>
+    </el-card>
+
+    <el-dialog v-model="showAudit1" title="审核" overflow draggable width="20vw">
+        <div class="audit1">
+            <div class="audit-item">
+                <el-text style="width:4vw;">精网号</el-text>
+                <el-input v-model="addForm.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">姓名</el-text>
+                <el-input v-model="addForm.name" placeholder="请输入客户姓名" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">所属地区</el-text>
+                <el-input v-model="addForm.market" placeholder="请输入所属地区" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">活动名称</el-text>
+                <el-input v-model="addForm.orderCode" placeholder="请输入活动名称" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">产品名称</el-text>
+                <el-input v-model="addForm.orderCode" placeholder="请输入活动名称" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">付款币种</el-text>
+                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">付款金额</el-text>
+                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">支付方式</el-text>
+                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">付款时间</el-text>
+                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">银行流水订单号</el-text>
+                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+            </div>
+
+        </div>
+        <div style="display:flex;justify-content: center;">
+            <el-button type="primary" @click="">驳回</el-button>
+            <el-button type="primary" @click="">通过</el-button>
+        </div>
+    </el-dialog>
+
+    <el-dialog v-model="showAudit2" title="审核" class="audit2" overflow draggable>
+        <div class="top">
+            <el-button @click="" class="smallTitle" size="small">退款申请信息</el-button>
+            <div class="top-item">
+                <el-text style="width:4vw;" size="small">退款类型</el-text>
+                <el-input v-model="auditForm.refundType" placeholder="请输入退款类型" size="small" style="width:10vw;"
+                    clearable></el-input>
+            </div>
+            <div class="top-item">
+                <el-text style="width:4vw;" size="small">退款金额</el-text>
+                <el-input v-model="auditForm.refundAmount" placeholder="请输入退款金额" size="small" style="width:10vw;"
+                    clearable></el-input>
+            </div>
+            <div class="top-item">
+                <el-text style="width:4vw;" size="small">退款备注</el-text>
+                <el-input v-model="auditForm.refundReason" placeholder="请输入退款备注" size="small" style="width:10vw;"
+                    :rows="3" maxlength="100" show-word-limit type="textarea" />
+            </div>
+        </div>
+        <el-button @click="" class="smallTitle" size="small">原订单信息</el-button>
+        <div class="center">
+            <div class="center-left">
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">精网号</el-text>
+                    <el-input v-model="addForm.jwcode" placeholder="请输入精网号" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">所属地区</el-text>
+                    <el-input v-model="addForm.name" placeholder="请输入所属地区" size="small" style="width:10vw;" clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">产品名称</el-text>
+                    <el-input v-model="addForm.productName" placeholder="请输入产品名称" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">付款金额</el-text>
+                    <el-input v-model="addForm.orderCode" placeholder="请输入付款金额" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">到账金额</el-text>
+                    <el-input v-model="addForm.orderCode" placeholder="请输入到账金额" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">支付方式</el-text>
+                    <el-input v-model="addForm.refundAmount" placeholder="请输入支付方式" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <!-- <div class="center-item">
+                    <el-text style="width:4vw;" size="small">提交人</el-text>
+                    <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" size="small" style="width:10vw;"
+                        clearable />
+                </div> -->
+                <div class="center-item">
+                    <el-text style="width:3vw;padding-right: 1vw;" size="small">银行流水订单号</el-text>
+                    <el-input size="small" v-model="addForm.bankOrderNo" placeholder="请输入银行流水订单号" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">转账凭证</el-text>
+                    <el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }">
+                        <el-upload ref="uploadRef" :auto-upload="false" :http-request="customUpload"
+                            list-type="picture-card" :on-change="handleImageChange" class="image"
+                            :on-success="handleUploadSuccess" :on-error="handleUploadError"
+                            :before-upload="beforeUpload" :show-file-list="false">
+                            <template #default>
+                                <img v-if="addForm.imageUrl" :src="addForm.imageUrl"
+                                    style="width: 100%; height: 100%; object-fit: cover;">
+                                <el-icon v-else>
+                                    <Plus />
+                                </el-icon>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </div>
+            </div>
+            <div class="center-right">
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">客户姓名</el-text>
+                    <el-input v-model="addForm.customerName" placeholder="请输入客户姓名" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">活动名称</el-text>
+                    <el-input v-model="addForm.activityName" placeholder="请输入活动名称" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">付款币种</el-text>
+                    <el-input v-model="addForm.paymentCurrency" placeholder="请输入付款币种" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">到账币种</el-text>
+                    <el-input v-model="addForm.receiveCurrency" placeholder="请输入到账币种" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">手续费</el-text>
+                    <el-input v-model="addForm.fee" placeholder="请输入手续费" size="small" style="width:10vw;" clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">付款时间</el-text>
+                    <el-input v-model="addForm.paymentTime" placeholder="请输入付款时间" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">提交人</el-text>
+                    <el-input v-model="addForm.submitUser" placeholder="请输入提交人" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">到账时间</el-text>
+                    <el-input v-model="addForm.receiveTime" placeholder="请输入到账时间" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">备注</el-text>
+                    <el-input v-model="addForm.remark" placeholder="请输入备注" size="small" style="width:10vw;" :row="3"
+                        clearable />
+                </div>
+            </div>
+        </div>
+        <el-button @click="" class="smallTitle" size="small">转交信息</el-button>
+        <div class="bottom">
+            <div class="bottom-item">
+                <el-text style="width:4vw;" size="small">执行人</el-text>
+                <el-select v-model="addForm.executor" size="small" placeholder="请选择执行人" style="width:10vw;">
+                    <el-option v-for="item in executor" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+            </div>
+        </div>
+    </el-dialog>
+
+    <el-dialog v-model="showSteps" title="唉！！！" overflow draggable width="1206px" height="506px" :style="{
+        backgroundImage: 'url(/src/assets/images/背景图.png)',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center'
+    }">
+        <div class="steps">
+            <div class="steps-content">
+                <el-steps style="min-width: 60vw" :active="1" align-center>
+                    <el-step> <template #title>
+                            <div>提交人<br>你是死的</div>
+                        </template>
+                        <template #icon>
+                            <img src="@/assets/images/已审核.png" alt="已审核图标">
+                        </template>
+                    </el-step>
+                    <el-step title="地区财务">
+                        <template #icon>
+                            <img src="@/assets/images/待审核.png" alt="待审核图标">
+                        </template>
+                    </el-step>
+                    <el-step title="地区负责人">
+                        <template #icon>
+                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                        </template>
+                    </el-step>
+                    <el-step title="总部财务">
+                        <template #icon>
+                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                        </template>
+                    </el-step>
+                    <el-step title="指定执行人">
+                        <template #icon>
+                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                        </template>
+                    </el-step>
+                </el-steps>
+            </div>
+            <div class="steps-status">
+                <el-steps style="min-width: 50vw" :active="1" finish-status="success" simple>
+                    <el-step title="已通过" />
+                    <el-step title="待审核" />
+                    <el-step title="待审核" />
+                    <el-step title="待审核" />
+                    <el-step title="待审核" />
+                </el-steps>
+            </div>
+            <div class="steps-btn">
+                <el-button type="primary">确定</el-button>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+<script setup>
+import { ref, onMounted } from 'vue'
+import { ElMessage } from 'element-plus'
+import API from '@/util/http.js'
+const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
+import { useAdminStore } from "@/store/index.js"
+import { storeToRefs } from "pinia"
+import dayjs from 'dayjs'
+const adminStore = useAdminStore()
+const { adminData, menuTree } = storeToRefs(adminStore)
+import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
+
+const searchForm = ref({
+    jwcode: ''
+})
+const addForm = ref({
+    jwcode: ''
+})
+const auditForm = ref({
+    refundType: ''
+})
+const pagination = ref({
+    pageNum: 1,
+    pageSize: 50,
+    total: 0
+})
+const tableData = ref([])
+const showAudit1 = ref(false)
+const showAudit2 = ref(false)
+const showSteps = ref(false)
+const uploadRef = ref(null)
+const showError = ref(false)
+const executor = ref([
+    {
+        value: '1',
+        label: '亲爱的佳丽老师'
+    },
+    {
+        value: '2',
+        label: '张三'
+    },
+    {
+        value: '3',
+        label: '李四'
+    },
+    {
+        value: '4',
+        label: '王五'
+    },
+    {
+        value: '5',
+        label: '赵六'
+    },
+    {
+        value: '6',
+        label: '弘历黄总'
+    }
+])
+const products = ref([
+    {
+        value: '1',
+        label: '产品1'
+    },
+    {
+        value: '2',
+        label: '产品2'
+    }
+])
+const currencies = ref([
+    {
+        value: 'CNY',
+        label: '人民币'
+    },
+    {
+        value: 'USD',
+        label: '美元'
+    }
+])
+const payments = ref([{
+    value: '银行转账',
+    label: '银行转账'
+},
+{
+    value: '现金',
+    label: '现金'
+},
+{
+    value: '支票',
+    label: '支票'
+},
+{
+    value: '刷卡',
+    label: '刷卡'
+},
+{
+    value: 'Grabpay',
+    label: 'Grabpay'
+},
+{
+    value: 'Nets',
+    label: 'Nets'
+},
+{
+    value: 'PayPal',
+    label: 'PayPal'
+},
+{
+    value: 'Stripe-链接收款',
+    label: 'Stripe-链接收款'
+},
+{
+    value: 'Ipay88-链接收款',
+    label: 'Ipay88-链接收款'
+},
+{
+    value: 'PaymentAsia-链接收款',
+    label: 'PaymentAsia-链接收款'
+},
+{
+    value: 'Stripe-Link平台',
+    label: 'Stripe-Link平台'
+},
+{
+    value: 'PaymentAsia-Link平台',
+    label: 'PaymentAsia-Link平台'
+},
+{
+    value: 'FirstData-Link平台-Link平台',
+    label: 'FirstData-Link平台-Link平台'
+},
+{
+    value: 'IOS-Link平台',
+    label: 'IOS-Link平台'
+},
+{
+    value: 'Ipay88-Link平台',
+    label: 'Ipay88-Link平台'
+}
+])
+const statusList = ref([
+    {
+        value: '10',
+        label: '地区财务待审核'
+    },
+    {
+        value: '12',
+        label: '地区财务驳回'
+    },
+    {
+        value: '20',
+        label: '地区负责人待审核'
+    },
+    {
+        value: '22',
+        label: '地区负责人驳回'
+    },
+    {
+        value: '30',
+        label: '总部财务待审核'
+    },
+    {
+        value: '32',
+        label: '总部财务驳回'
+    },
+    {
+        value: '40',
+        label: '执行人待处理'
+    },
+    {
+        value: '41',
+        label: '退款完成'
+    }
+])
+// 查全部
+const getRefund = async function () {
+    try {
+        const params = {
+            cashCollection: {
+                status: null,
+                //10：地区财务待审核；12：地区财务驳回；
+                // 20：地区负责人待审核；22：地区负责人驳回；
+                // 30：总部财务待审核；32：总部财务驳回；
+                // 40：执行人待处理；41：执行人已处理，退款完成；
+                orderCode: null,//订单号
+                name: null,//姓名
+                jwcode: null,//精网号
+                market: null,//地区
+                goodsName: null,//商品名
+                refundModel: null,//退款类型,
+                startTime: "",
+                endTime: ""
+            }
+        }
+
+        const result = await API({
+            url: '/hljw/api/refund/query',
+            method: 'POST',
+            data: params
+        })
+
+        tableData.value = result.data || []
+    } catch (error) {
+        ElMessage.error(error.message || '查询失败')
+    }
+}
+const handleImageChange = (file) => {
+    uploadRef.value.submit()
+}
+const beforeUpload = (file) => {
+    const isJPG = file.type === 'image/jpeg'
+    const isPNG = file.type === 'image/png'
+    const isLt1 = file.size / 1024 < 1024
+
+    if (!isJPG && !isPNG) {
+        ElMessage.error('上传图片只能是 JPG 或 PNG 格式')
+        return false
+    }
+    if (!isLt1) {
+        ElMessage.error('上传图片大小不能超过1MB')
+        return false
+    }
+    return true
+}
+const handleUploadSuccess = (response, file, fileList) => {
+    try {
+        addForm.value.imageUrl = response.data.url
+        console.log('==========================', response.data.url)
+    } catch (error) {
+        console.log('看看报错信息', error)
+        ElMessage.error(response.data.msg || '图片上传失败')
+    }
+}
+const handleUploadError = (error) => {
+    console.error('上传失败:', error)
+    addForm.value.imageUrl = null
+    ElMessage.error('图片上传失败，请重试')
+}
+const customUpload = async (options) => {
+    try {
+        const formData = new FormData()
+        formData.append('file', options.file)
+
+        const response = await API({
+            url: uploadUrl,
+            method: 'POST',
+            data: formData,
+            headers: {
+                'Content-Type': 'multipart/form-data'
+            }
+        })
+        if (response.code === 200 && response.data) {
+            handleUploadSuccess(response, options.file, [options.file])
+            ElMessage.success(response.msg || '上传成功')
+        } else {
+            ElMessage.error(response.msg || '上传失败')
+        }
+    } catch (error) {
+        console.error('上传错误:', error)
+        ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
+    }
+}
+
+onMounted(() => {
+    console.log('???????????????????', adminData.value)
+})
+</script>
+<style scoped lang="scss">
+.condition {
+    width: 82vw;
+    display: flex;
+    align-items: center;
+    height: 4vh;
+
+    .item1 {
+        width: 18%;
+        display: flex;
+        align-items: center;
+        margin-bottom: 1vh;
+        margin-right: 0.5vw;
+    }
+
+    .item2 {
+        width: 18%;
+        display: flex;
+        align-items: center;
+        margin-right: 0.5vw;
+    }
+}
+
+.audit1 {
+    height: 47vh;
+
+    .audit-item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 1vh;
+    }
+}
+
+.audit2 {
+    width: 30vw;
+    height: auto;
+
+    .top {
+        width: 30vw;
+        height: 17vh;
+
+        .top-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 1vh;
+        }
+    }
+
+    .smallTitle {
+        background-color: white;
+        color: rgb(64, 158, 255);
+        border-color: rgb(64, 158, 255);
+        margin-bottom: 0.5vh;
+    }
+
+    .center {
+        display: flex;
+        width: 30vw;
+        height: 41vh;
+
+        .dialog-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 1vh;
+        }
+
+        .center-left {
+            width: 60%;
+
+            .image {
+                width: 4vw !important;
+                height: 4vw !important;
+            }
+
+            :deep(.el-upload--picture-card) {
+                width: 4vw !important;
+                height: 4vw !important;
+                padding: 0 !important;
+            }
+
+            .center-item {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+            }
+        }
+
+        .center-right {
+
+            .right-item {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+            }
+        }
+    }
+
+    .bottom {
+        width: 30vw;
+        height: 5vh;
+
+        .bottom-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 1vh;
+        }
+    }
+}
+
+.steps {
+    .steps-content {
+        width: 45vw;
+        height: 15vh;
+        display: flex;
+        justify-content: center;
+        padding-top: 15vw;
+        padding-left: 8vw;
+    }
+
+    .steps-status {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .steps-btn {
+        height: 15vh;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/moneyManage/refundDetail/refundDetail.vue b/src/views/moneyManage/refundDetail/refundDetail.vue
index 760ad4c..afd57f2 100644
--- a/src/views/moneyManage/refundDetail/refundDetail.vue
+++ b/src/views/moneyManage/refundDetail/refundDetail.vue
@@ -1,471 +1,71 @@
 <template>
-    <el-card style="margin-bottom: 0.5vh;">
-        <div class="condition1">
-            <div class="condition-item">
-                <el-text size="large" style="width:4vw;">精网号</el-text>
-                <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable />
-            </div>
-            <div class="condition-item">
-                <el-text size="large" style="width:4vw;">客户姓名</el-text>
-                <el-input v-model="searchForm.username" placeholder="请输入客户姓名" style="width:10vw;" clearable />
-            </div>
-            <div class="condition-item">
-                <el-text size="large" style="width:4vw;">所属地区</el-text>
-                <el-input v-model="searchForm.area" placeholder="请输入所属地区" style="width:10vw;" clearable />
-            </div>
-            <div class="condition-item">
-                <el-text size="large" style="width:4vw;">提交人</el-text>
-                <el-input v-model="searchForm.adminName" placeholder="请输入提交人" style="width:10vw;" clearable />
-            </div>
-            <div class="condition-item">
-                <el-text size="large" style="width:4vw;">支付方式</el-text>
-                <el-select v-model="searchForm.payType" style="width:10vw;">
-                    <el-option v-for="item in payments" :key="item" :label="item" :value="item" />
-                </el-select>
-            </div>
-        </div>
-        <div class="condition1">
-            <div class="condition-item2">
-                <el-text size="large" style="width:4vw;">活动名称</el-text>
-                <el-input v-model="searchForm.activity" placeholder="请输入活动名称" style="width:10vw;" clearable />
-            </div>
-            <div class="condition-item2">
-                <el-text size="large" style="width:4vw;">产品名称</el-text>
-                <el-input v-model="searchForm.productName" placeholder="请输入产品名称" style="width:10vw;" clearable />
-            </div>
-            <div class="condition-item2" style="width: 30vw;">
-                <el-text size="large" style="width:4vw;">付款时间</el-text>
-                <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-                    end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange"
-                    :disabled-date="disabledDate" />
-            </div>
-            <div>
-                <el-button type="success">重置</el-button>
-                <el-button type="primary">查询</el-button>
-                <el-button type="primary">导出excel</el-button>
-                <el-button type="primary">导出列表</el-button>
-            </div>
-        </div>
-    </el-card>
-
-    <div style="display: flex;">
-    <el-button type="primary" @click="showAdd = true">新增收款</el-button>
-    <el-button type="primary" @click="showAudit1 = true">新增收款</el-button>
-    <el-button type="primary" @click="showAudit2 = true">新增收款</el-button>
-</div>
-
-    <el-card style="margin-top: 0.5vh;">
-        <el-table :data="tableData" style="height:64vh;width:82vw">
-            <el-table-column type="index" label="序号" width="60" fixed="left" />
-            <el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
-            <el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip />
-            <el-table-column prop="market" label="所属地区" width="120" />
-            <el-table-column prop="orderCode" label="活动名称" width="120px" show-overflow-tooltip />
-            <el-table-column prop="refundType" label="产品名称" width="120" />
-            <el-table-column prop="refundType" label="退款类型" width="120" />
-            <el-table-column prop="refundType" label="提交人" width="120" />
-            <el-table-column prop="refundType" label="退款理由" width="120" />
-            <el-table-column prop="refundType" label="付款币种" width="120" />
-            <el-table-column prop="refundType" label="付款金额" width="120" />
-            <el-table-column prop="refundType" label="支付方式" width="120" />
-            <el-table-column prop="refundType" label="付款时间" width="120" />
-            <el-table-column prop="refundType" label="转账凭证" width="120" />
-            <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
-            <el-table-column prop="adminName" label="订单状态" width="120" />
-            <el-table-column prop="operation" label="操作" fixed="right" width="150px">
-                <template #default="scope">
-                    <div class="operation">
-                        <el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
-                            <template #reference>
-                                <el-button v-if="hasrefundWaitThough" :disabled="clicked || cancelClicked"
-                                    type="primary" text>
-                                    通过
-                                </el-button>
-                            </template>
-                            <template #actions="{ confirm, cancel }">
-                                <el-button size="small" @click="cancel">取消</el-button>
-                                <el-button type="primary" size="small" :disabled="clicked" @click="confirm">
-                                    确认
-                                </el-button>
-                            </template>
-                        </el-popconfirm>
-                        <el-button v-if="hasrefundWaitReject" :disabled="clicked || cancelClicked" type="primary" text
-                            @click="showRejectDialog(scope.row)">
-                            驳回
-                        </el-button>
-                    </div>
-                </template>
-            </el-table-column>
-        </el-table>
-        <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
-            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
-            @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
-            style="margin-top: 1vh;"></el-pagination>
-    </el-card>
-
-    <el-dialog v-model="showAdd" title="退款" class="addDialog" overflow draggable style="width: 40vw;">
-        <div style="display: flex;">
-            <div class="left">
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">精网号</el-text>
-                    <el-input v-model="addForm.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">客户姓名</el-text>
-                    <el-input v-model="addForm.name" placeholder="请输入客户姓名" style="width:10vw;" clearable />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">所属地区</el-text>
-                    <el-input v-model="addForm.market" placeholder="请输入所属地区" style="width:10vw;" clearable />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">活动名称</el-text>
-                    <el-input v-model="addForm.orderCode" placeholder="请输入活动名称" style="width:10vw;" clearable />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">产品名称</el-text>
-                    <el-select v-model="addForm.refundType" placeholder="请选择产品名称" style="width:10vw;" clearable>
-                        <el-option v-for="item in products" :key="item.value" :label="item.label" :value="item.value" />
-                    </el-select>
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">付款金额</el-text>
-                    <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">付款币种</el-text>
-                    <el-select v-model="addForm.refundCurrency" placeholder="请选择付款币种" style="width:10vw;" clearable>
-                        <el-option v-for="item in currencies" :key="item.value" :label="item.label"
-                            :value="item.value" />
-                    </el-select>
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">支付方式</el-text>
-                    <el-select v-model="addForm.paymentMethod" placeholder="请选择支付方式" style="width:10vw;">
-                        <el-option v-for="item in payments" :key="item.value" :label="item.label" :value="item.value" />
-                    </el-select>
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">转账凭证</el-text>
-                    <el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }">
-                        <el-upload ref="uploadRef" list-type="picture-card" :auto-upload="false"
-                            :http-request="customUpload" :on-change="handleImageChange"
-                            :on-success="handleUploadSuccess" :on-error="handleUploadError"
-                            :before-upload="beforeUpload" :show-file-list="false">
-                            <template #default>
-                                <img v-if="addForm.imageUrl" :src="addForm.imageUrl"
-                                    style="width: 100%; height: 100%; object-fit: cover;">
-                                <el-icon v-else>
-                                    <Plus />
-                                </el-icon>
-                            </template>
-                        </el-upload>
-                    </el-form-item>
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">备注</el-text>
-                    <el-input v-model="addForm.remark" placeholder="请输入备注" style="width:10vw;" clearable />
-                </div>
-            </div>
-            <div class="right">
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">退款模式</el-text>
-                    <el-radio-group v-model="addForm.refundMode">
-                        <el-radio value="1">全部退款</el-radio>
-                        <el-radio value="2">部分退款</el-radio>
-                    </el-radio-group>
-                </div>
-                <div class="dialog-item">
-                    <el-text style="width:4vw;">退款理由</el-text>
-                    <el-input v-model="addForm.refundReason" placeholder="请输入退款理由" style="width:10vw;" :rows="5"
-                        maxlength="100" show-word-limit type="textarea" />
-                </div>
-                <div style="display:flex;justify-content: center;margin-top: 5vh;">
-                    <el-button type="primary" @click="">重置</el-button>
-                    <el-button type="primary" @click="">提交</el-button>
-                </div>
-            </div>
-        </div>
-    </el-dialog>
-
-    <el-dialog v-model="showAudit1" title="审核" overflow draggable width="20vw">
-        <div class="audit1">
-            <div class="dialog-item">
-                <el-text style="width:4vw;">精网号</el-text>
-                <el-input v-model="addForm.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable />
-            </div>
-            <div class="dialog-item">
-                <el-text style="width:4vw;">姓名</el-text>
-                <el-input v-model="addForm.name" placeholder="请输入客户姓名" style="width:10vw;" clearable />
-            </div>
-            <div class="dialog-item">
-                <el-text style="width:4vw;">所属地区</el-text>
-                <el-input v-model="addForm.market" placeholder="请输入所属地区" style="width:10vw;" clearable />
-            </div>
-            <div class="dialog-item">
-                <el-text style="width:4vw;">活动名称</el-text>
-                <el-input v-model="addForm.orderCode" placeholder="请输入活动名称" style="width:10vw;" clearable />
-            </div>
-            <div class="dialog-item">
-                <el-text style="width:4vw;">商品名称</el-text>
-                <el-input v-model="addForm.orderCode" placeholder="请输入活动名称" style="width:10vw;" clearable />
-            </div>
-            <div class="dialog-item">
-                <el-text style="width:4vw;">付款币种</el-text>
-                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
-            </div>
-            <div class="dialog-item">
-                <el-text style="width:4vw;">付款金额</el-text>
-                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
-            </div>
-            <div class="dialog-item">
-                <el-text style="width:4vw;">支付方式</el-text>
-                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
-            </div>
-            <div class="dialog-item">
-                <el-text style="width:4vw;">付款时间</el-text>
-                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
-            </div>
-            <div class="dialog-item">
-                <el-text style="width:4vw;">银行流水订单号</el-text>
-                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
-            </div>
-
-        </div>
-        <div style="display:flex;justify-content: center;">
-            <el-button type="primary" @click="">驳回</el-button>
-            <el-button type="primary" @click="">通过</el-button>
-        </div>
-    </el-dialog>
-
-    <el-dialog v-model="showAudit2" title="审核">
-        <el-button type="primary" @click="">驳回</el-button>
-        
-    </el-dialog>
+    <router-view></router-view>
 </template>
-<script setup>
-import { ref } from 'vue'
-import { ElMessage } from 'element-plus'
-import API from '@/util/http.js'
-const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
-const searchForm = ref({
-    jwcode: ''
-})
-const addForm = ref({
-    jwcode: ''
-})
-const pagination = ref({
-    pageNum: 1,
-    pageSize: 50,
-    total: 0
-})
-const tableData = ref([])
-const showAdd = ref(false)
-const showAudit1 = ref(false)
-const showAudit2 = ref(false)
-const uploadRef = ref(null)
-const products = ref([
-    {
-        value: '1',
-        label: '产品1'
-    },
-    {
-        value: '2',
-        label: '产品2'
-    }
-])
-const currencies = ref([
-    {
-        value: 'CNY',
-        label: '人民币'
-    },
-    {
-        value: 'USD',
-        label: '美元'
-    }
-])
-const payments = ref([{
-    value: '银行转账',
-    label: '银行转账'
-},
-{
-    value: '现金',
-    label: '现金'
-},
-{
-    value: '支票',
-    label: '支票'
-},
-{
-    value: '刷卡',
-    label: '刷卡'
-},
-{
-    value: 'Grabpay',
-    label: 'Grabpay'
-},
-{
-    value: 'Nets',
-    label: 'Nets'
-},
-{
-    value: 'PayPal',
-    label: 'PayPal'
-},
-{
-    value: 'Stripe-链接收款',
-    label: 'Stripe-链接收款'
-},
-{
-    value: 'Ipay88-链接收款',
-    label: 'Ipay88-链接收款'
-},
-{
-    value: 'PaymentAsia-链接收款',
-    label: 'PaymentAsia-链接收款'
-},
-{
-    value: 'Stripe-Link平台',
-    label: 'Stripe-Link平台'
-},
-{
-    value: 'PaymentAsia-Link平台',
-    label: 'PaymentAsia-Link平台'
-},
-{
-    value: 'FirstData-Link平台-Link平台',
-    label: 'FirstData-Link平台-Link平台'
-},
-{
-    value: 'IOS-Link平台',
-    label: 'IOS-Link平台'
-},
-{
-    value: 'Ipay88-Link平台',
-    label: 'Ipay88-Link平台'
-}
-])
-
-const handleImageChange = (file) => {
-    uploadRef.value.submit()
-}
-const beforeUpload = (file) => {
-    const isJPG = file.type === 'image/jpeg'
-    const isPNG = file.type === 'image/png'
-    const isLt1 = file.size / 1024 < 1024
 
-    if (!isJPG && !isPNG) {
-        ElMessage.error('上传图片只能是 JPG 或 PNG 格式')
-        return false
-    }
-    if (!isLt1) {
-        ElMessage.error('上传图片大小不能超过1MB')
-        return false
-    }
-    return true
-}
-const handleUploadSuccess = (response, file, fileList) => {
-    try {
-        addForm.value.imageUrl = response.data.url
-        console.log('==========================', response.data.url)
-    } catch (error) {
-        console.log('看看报错信息', error)
-        ElMessage.error(response.data.msg || '图片上传失败')
-    }
-}
-const handleUploadError = (error) => {
-    console.error('上传失败:', error)
-    addForm.value.imageUrl = null
-    ElMessage.error('图片上传失败，请重试')
+<script setup>
+import { onMounted, ref, watch } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { storeToRefs } from "pinia"
+import { useAdminStore } from "@/store/index.js"
+import { hasMenuPermission, permissionMapping } from "@/utils/menuTreePermission.js"
+const router = useRouter()
+const route = useRoute()
+const adminStore = useAdminStore()
+const { menuTree } = storeToRefs(adminStore)
+
+const activeTab = ref('')
+const isService = ref(false)
+const isFinance = ref(false)
+const isCharge = ref(false)
+const isHeader = ref(false)
+
+const navigateTo = (name) => {
+  activeTab.value = name
+  router.push({ name })
 }
-const customUpload = async (options) => {
-    try {
-        const formData = new FormData()
-        formData.append('file', options.file)
 
-        const response = await API({
-            url: uploadUrl,
-            method: 'POST',
-            data: formData,
-            headers: {
-                'Content-Type': 'multipart/form-data'
-            }
-        })
-        if (response.code === 200 && response.data) {
-            handleUploadSuccess(response, options.file, [options.file])
-            ElMessage.success(response.msg || '上传成功')
-        } else {
-            ElMessage.error(response.msg || '上传失败')
-        }
-    } catch (error) {
-        console.error('上传错误:', error)
-        ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
-    }
-}
-</script>
-<style scoped lang="scss">
-.condition1 {
-    width: 82vw;
-    display: flex;
-    height: 4vh;
+const initPermissions = () => {
+  if (!menuTree.value || !menuTree.value.length) return
 
-    .condition-item {
-        width: 19%;
-        display: flex;
-        align-items: center;
-        margin-bottom: 1vh;
-        margin-right: 0.5vw;
-    }
-
-    .condition-item2 {
-        width: 19%;
-        display: flex;
-        align-items: center;
-        margin-right: 0.5vw;
-    }
+  isService.value = hasMenuPermission(menuTree.value, permissionMapping.)
+  isArea.value = hasMenuPermission(menuTree.value, permissionMapping.)
+  isHeader.value = hasMenuPermission(menuTree.value, permissionMapping.)
+  console.log('====================================', isService.value, isArea.value,isHeader.value)
 }
 
-.addDialog {
-    .left {
-        width: 50%;
-        height: 60vh;
-
-        .dialog-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
-    }
-
-    .right {
-        width: 50%;
-        height: 50vh;
+// 默认跳转逻辑
+const getDefaultAuditRoute = () => {
+  initPermissions()
+  if (isService.value) return 'userPermission'
+  if (isArea.value) return 'rolePermission'
+  if (isHeader.value) return 'headerPermission'
 
-        .dialog-item {
-            display: flex;
-            align-items: center;
-            margin-bottom: 1vh;
-        }
-    }
+  return 'userPermission'
 }
 
-.audit1 {
-    height: 47vh;
-
-    .dialog-item {
-        display: flex;
-        align-items: center;
-        margin-bottom: 1vh;
-    }
+// 监听路由变化更新标签状态
+watch(() => route.name, (newName) => {
+  initPermissions()
+  if (newName === 'userPermission' || newName === 'rolePermission') {
+    activeTab.value = newName
+  } else if (newName === 'permissions') {
+    // 每次访问 /permissions 都进行默认跳转
+    const defaultRoute = getDefaultAuditRoute()
+    navigateTo(defaultRoute)
+  }
+})
 
-    .audit-btn {
-        display: flex;
-        justify-content: center;
-        align-items: center;
+// 初始化逻辑
+onMounted(() => {
+  initPermissions()
+  if (route.name === 'permissions') {
+    const defaultRoute = getDefaultAuditRoute()
+    navigateTo(defaultRoute)
+  } else {
+    // 非父路由初始化当前标签状态
+    if (route.name === 'userPermission' || route.name === 'rolePermission') {
+      activeTab.value = route.name
     }
-}
-
-.audit2{
-    
-}
-</style>
\ No newline at end of file
+  }
+})
+</script>
\ No newline at end of file
diff --git a/src/views/moneyManage/refundDetail/refundHeader.vue b/src/views/moneyManage/refundDetail/refundHeader.vue
new file mode 100644
index 0000000..35aadba
--- /dev/null
+++ b/src/views/moneyManage/refundDetail/refundHeader.vue
@@ -0,0 +1,762 @@
+<!-- 总部财务&管理员 -->
+<!-- 客服 -->
+<template>
+    <el-card style="margin-bottom: 0.5vh;">
+        <div class="condition">
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">精网号</el-text>
+                <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">客户姓名</el-text>
+                <el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">所属地区</el-text>
+                <el-input v-model="searchForm.market" placeholder="请输入所属地区" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">产品名称</el-text>
+                <el-input v-model="searchForm.goodsName" placeholder="请输入产品名称" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">订单状态</el-text>
+                <el-select v-model="searchForm.status" style="width:9vw;">
+                    <el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+            </div>
+        </div>
+        <div class="condition">
+            <div class="item2">
+                <el-text size="large" style="width:4vw;">付款币种</el-text>
+                <el-input v-model="searchForm.payCurrency" placeholder="请输入付款币种" style="width:9vw;" clearable />
+            </div>
+            <div class="item2">
+                <el-text size="large" style="width:4vw;">支付方式</el-text>
+                <el-input v-model="searchForm.payType" placeholder="请输入支付方式" style="width:9vw;" clearable />
+            </div>
+            <div class="item2" style="width: 28.5vw;">
+                <el-text size="large" style="width:4vw;">付款时间</el-text>
+                <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
+                    end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange"
+                    :disabled-date="disabledDate" />
+            </div>
+            <div>
+                <el-button type="success">重置</el-button>
+                <el-button type="primary">查询</el-button>
+                <el-button type="warning">导出excel</el-button>
+                <el-button type="primary">查看导出列表</el-button>
+            </div>
+        </div>
+    </el-card>
+
+    <div style="display: flex;">
+        <el-button type="primary" @click="showAdd = true">地区客服编辑</el-button>
+        <el-button type="primary" @click="showAudit1 = true">审核1</el-button>
+        <el-button type="primary" @click="showAudit2 = true">审核2</el-button>
+        <el-button type="primary" @click="showSteps = true">看看步骤条</el-button>
+        <el-button type="primary" @click="showBack = true">看看撤回</el-button>
+        <el-button type="primary" @click="showError = true">退款金额有误</el-button>
+    </div>
+
+    <el-card style="margin-top: 0.5vh;">
+        <el-table :data="tableData" style="height:64vh;width:82vw">
+            <el-table-column type="index" label="序号" width="60" fixed="left" />
+            <el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
+            <el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip />
+            <el-table-column prop="market" label="所属地区" width="120" />
+            <el-table-column prop="orderCode" label="活动名称" width="120px" v-if="isKF" show-overflow-tooltip />
+            <el-table-column prop="refundType" label="产品名称" width="120" />
+            <el-table-column prop="refundType" label="产品数量" width="120" />
+            <el-table-column prop="refundType" label="退款方式" width="120" v-if="!isKF" />
+            <el-table-column prop="refundType" label="提交人" width="120" v-if="!isKF" />
+            <el-table-column prop="refundType" label="退款理由" width="120" v-if="!isKF" />
+            <el-table-column prop="refundType" label="付款币种" width="120" v-if="isKF" />
+            <el-table-column prop="refundType" label="付款金额" width="120" v-if="isKF" />
+            <el-table-column prop="refundType" label="支付方式" width="120" v-if="isKF" />
+            <el-table-column prop="refundType" label="付款时间" width="120" v-if="isKF" />
+            <el-table-column prop="refundType" label="转账凭证" width="120" v-if="isKF" />
+            <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
+            <el-table-column prop="adminName" label="订单状态" width="120" />
+            <el-table-column prop="operation" label="操作" fixed="right" width="150px" v-if="!isKF">
+                <template #default="scope">
+                    <div class="operation">
+                        <el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
+                            <template #reference>
+                                <el-button v-if="hasrefundWaitThough" :disabled="clicked || cancelClicked"
+                                    type="primary" text>
+                                    通过
+                                </el-button>
+                            </template>
+                            <template #actions="{ confirm, cancel }">
+                                <el-button size="small" @click="cancel">取消</el-button>
+                                <el-button type="primary" size="small" :disabled="clicked" @click="confirm">
+                                    确认
+                                </el-button>
+                            </template>
+                        </el-popconfirm>
+                        <el-button v-if="hasrefundWaitReject" :disabled="clicked || cancelClicked" type="primary" text
+                            @click="showRejectDialog(scope.row)">
+                            驳回
+                        </el-button>
+                    </div>
+                </template>
+            </el-table-column>
+        </el-table>
+        <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+            @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
+            style="margin-top: 1vh;"></el-pagination>
+    </el-card>
+
+    <el-dialog v-model="showAudit1" title="审核" overflow draggable width="20vw">
+        <div class="audit1">
+            <div class="audit-item">
+                <el-text style="width:4vw;">精网号</el-text>
+                <el-input v-model="addForm.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">姓名</el-text>
+                <el-input v-model="addForm.name" placeholder="请输入客户姓名" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">所属地区</el-text>
+                <el-input v-model="addForm.market" placeholder="请输入所属地区" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">活动名称</el-text>
+                <el-input v-model="addForm.orderCode" placeholder="请输入活动名称" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">商品名称</el-text>
+                <el-input v-model="addForm.orderCode" placeholder="请输入活动名称" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">付款币种</el-text>
+                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">付款金额</el-text>
+                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">支付方式</el-text>
+                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">付款时间</el-text>
+                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+            </div>
+            <div class="audit-item">
+                <el-text style="width:4vw;">银行流水订单号</el-text>
+                <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+            </div>
+
+        </div>
+        <div style="display:flex;justify-content: center;">
+            <el-button type="primary" @click="">驳回</el-button>
+            <el-button type="primary" @click="">通过</el-button>
+        </div>
+    </el-dialog>
+
+    <el-dialog v-model="showAudit2" title="审核" class="audit2" overflow draggable>
+        <div class="top">
+            <el-button @click="" class="smallTitle" size="small">退款申请信息</el-button>
+            <div class="top-item">
+                <el-text style="width:4vw;" size="small">退款类型</el-text>
+                <el-input v-model="auditForm.refundType" placeholder="请输入退款类型" size="small" style="width:10vw;"
+                    clearable></el-input>
+            </div>
+            <div class="top-item">
+                <el-text style="width:4vw;" size="small">退款金额</el-text>
+                <el-input v-model="auditForm.refundAmount" placeholder="请输入退款金额" size="small" style="width:10vw;"
+                    clearable></el-input>
+            </div>
+            <div class="top-item">
+                <el-text style="width:4vw;" size="small">退款备注</el-text>
+                <el-input v-model="auditForm.refundReason" placeholder="请输入退款备注" size="small" style="width:10vw;"
+                    :rows="3" maxlength="100" show-word-limit type="textarea" />
+            </div>
+        </div>
+        <el-button @click="" class="smallTitle" size="small">原订单信息</el-button>
+        <div class="center">
+            <div class="center-left">
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">精网号</el-text>
+                    <el-input v-model="addForm.jwcode" placeholder="请输入精网号" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">所属地区</el-text>
+                    <el-input v-model="addForm.name" placeholder="请输入所属地区" size="small" style="width:10vw;" clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">产品名称</el-text>
+                    <el-input v-model="addForm.productName" placeholder="请输入产品名称" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">付款金额</el-text>
+                    <el-input v-model="addForm.orderCode" placeholder="请输入付款金额" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">到账金额</el-text>
+                    <el-input v-model="addForm.orderCode" placeholder="请输入到账金额" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">支付方式</el-text>
+                    <el-input v-model="addForm.refundAmount" placeholder="请输入支付方式" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">付款金额</el-text>
+                    <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:3vw;padding-right: 1vw;" size="small">银行流水订单号</el-text>
+                    <el-input size="small" v-model="addForm.bankOrderNo" placeholder="请输入银行流水订单号" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">审核人</el-text>
+                    <el-input v-model="addForm.auditUser" placeholder="请输入审核人" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="center-item">
+                    <el-text style="width:4vw;" size="small">转账凭证</el-text>
+                    <el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }">
+                        <el-upload ref="uploadRef" :auto-upload="false" :http-request="customUpload"
+                            list-type="picture-card" :on-change="handleImageChange" class="image"
+                            :on-success="handleUploadSuccess" :on-error="handleUploadError"
+                            :before-upload="beforeUpload" :show-file-list="false">
+                            <template #default>
+                                <img v-if="addForm.imageUrl" :src="addForm.imageUrl"
+                                    style="width: 100%; height: 100%; object-fit: cover;">
+                                <el-icon v-else>
+                                    <Plus />
+                                </el-icon>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </div>
+            </div>
+            <div class="center-right">
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">客户姓名</el-text>
+                    <el-input v-model="addForm.customerName" placeholder="请输入客户姓名" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">活动名称</el-text>
+                    <el-input v-model="addForm.activityName" placeholder="请输入活动名称" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">付款币种</el-text>
+                    <el-input v-model="addForm.paymentCurrency" placeholder="请输入付款币种" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">到账币种</el-text>
+                    <el-input v-model="addForm.receiveCurrency" placeholder="请输入到账币种" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">手续费</el-text>
+                    <el-input v-model="addForm.fee" placeholder="请输入手续费" size="small" style="width:10vw;" clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">付款时间</el-text>
+                    <el-input v-model="addForm.paymentTime" placeholder="请输入付款时间" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">提交人</el-text>
+                    <el-input v-model="addForm.submitUser" placeholder="请输入提交人" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">到账时间</el-text>
+                    <el-input v-model="addForm.receiveTime" placeholder="请输入到账时间" size="small" style="width:10vw;"
+                        clearable />
+                </div>
+                <div class="right-item">
+                    <el-text style="width:4vw;" size="small">备注</el-text>
+                    <el-input v-model="addForm.remark" placeholder="请输入备注" size="small" style="width:10vw;" :row="3"
+                        clearable />
+                </div>
+            </div>
+        </div>
+        <el-button @click="" class="smallTitle" size="small">转交信息</el-button>
+        <div class="bottom">
+            <div class="bottom-item">
+                <el-text style="width:4vw;" size="small">执行人</el-text>
+                <el-select v-model="addForm.executor" size="small" placeholder="请选择执行人" style="width:10vw;">
+                    <el-option v-for="item in executor" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+            </div>
+        </div>
+    </el-dialog>
+
+    <el-dialog v-model="showSteps" title="唉！！！" overflow draggable width="1206px" height="506px" :style="{
+        backgroundImage: 'url(/src/assets/images/背景图.png)',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center'
+    }">
+        <div class="steps">
+            <div class="steps-content">
+                <el-steps style="min-width: 60vw" :active="1" align-center>
+                    <el-step> <template #title>
+                            <div>提交人<br>你是死的</div>
+                        </template>
+                        <template #icon>
+                            <img src="@/assets/images/已审核.png" alt="已审核图标">
+                        </template>
+                    </el-step>
+                    <el-step title="地区财务">
+                        <template #icon>
+                            <img src="@/assets/images/待审核.png" alt="待审核图标">
+                        </template>
+                    </el-step>
+                    <el-step title="地区负责人">
+                        <template #icon>
+                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                        </template>
+                    </el-step>
+                    <el-step title="总部财务">
+                        <template #icon>
+                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                        </template>
+                    </el-step>
+                    <el-step title="指定执行人">
+                        <template #icon>
+                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                        </template>
+                    </el-step>
+                </el-steps>
+            </div>
+            <div class="steps-status">
+                <el-steps style="min-width: 50vw" :active="1" finish-status="success" simple>
+                    <el-step title="已通过" />
+                    <el-step title="待审核" />
+                    <el-step title="待审核" />
+                    <el-step title="待审核" />
+                    <el-step title="待审核" />
+                </el-steps>
+            </div>
+            <div class="steps-btn">
+                <el-button type="primary">确定</el-button>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+<script setup>
+import { ref, onMounted } from 'vue'
+import { ElMessage } from 'element-plus'
+import API from '@/util/http.js'
+const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
+import { useAdminStore } from "@/store/index.js"
+import { storeToRefs } from "pinia"
+import dayjs from 'dayjs'
+const adminStore = useAdminStore()
+const { adminData, menuTree } = storeToRefs(adminStore)
+import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
+
+//客服
+const isKF = ref(adminData.value.adminName.includes('客服'))
+// 地区
+const isDQ = ref(adminData.value.adminName.includes('财务') || adminData.value.adminName.includes('经理') && !adminData.value.adminName.includes('总部'))
+// 总部
+const isZB = ref(adminData.value.adminName.includes('总部') || adminData.value.adminName.includes('管理员'))
+const searchForm = ref({
+    jwcode: ''
+})
+const addForm = ref({
+    jwcode: ''
+})
+const auditForm = ref({
+    refundType: ''
+})
+const pagination = ref({
+    pageNum: 1,
+    pageSize: 50,
+    total: 0
+})
+const tableData = ref([])
+const showAdd = ref(false)
+const showAudit1 = ref(false)
+const showAudit2 = ref(false)
+const showSteps = ref(false)
+const uploadRef = ref(null)
+const showBack = ref(false)
+const showError = ref(false)
+const executor = ref([
+    {
+        value: '305485',
+        label: '新:Zoe'
+    },
+    {
+        value: '200723',
+        label: '马:Jennifer'
+    },
+    {
+        value: '301388',
+        label: '港:林育平'
+    },
+    {
+        value: '839448',
+        label: '加:Mandy'
+    },
+    {
+        value: '304904',
+        label: '泰:杨丽娇'
+    },
+    {
+        value: '315915',
+        label: '越:范秋霞'
+    }
+])
+const products = ref([
+    {
+        value: '1',
+        label: '产品1'
+    },
+    {
+        value: '2',
+        label: '产品2'
+    }
+])
+const currencies = ref([
+    {
+        value: 'CNY',
+        label: '人民币'
+    },
+    {
+        value: 'USD',
+        label: '美元'
+    }
+])
+const payments = ref([{
+    value: '银行转账',
+    label: '银行转账'
+},
+{
+    value: '现金',
+    label: '现金'
+},
+{
+    value: '支票',
+    label: '支票'
+},
+{
+    value: '刷卡',
+    label: '刷卡'
+},
+{
+    value: 'Grabpay',
+    label: 'Grabpay'
+},
+{
+    value: 'Nets',
+    label: 'Nets'
+},
+{
+    value: 'PayPal',
+    label: 'PayPal'
+},
+{
+    value: 'Stripe-链接收款',
+    label: 'Stripe-链接收款'
+},
+{
+    value: 'Ipay88-链接收款',
+    label: 'Ipay88-链接收款'
+},
+{
+    value: 'PaymentAsia-链接收款',
+    label: 'PaymentAsia-链接收款'
+},
+{
+    value: 'Stripe-Link平台',
+    label: 'Stripe-Link平台'
+},
+{
+    value: 'PaymentAsia-Link平台',
+    label: 'PaymentAsia-Link平台'
+},
+{
+    value: 'FirstData-Link平台-Link平台',
+    label: 'FirstData-Link平台-Link平台'
+},
+{
+    value: 'IOS-Link平台',
+    label: 'IOS-Link平台'
+},
+{
+    value: 'Ipay88-Link平台',
+    label: 'Ipay88-Link平台'
+}
+])
+const statusList = ref([
+    {
+        value: '10',
+        label: '地区财务待审核'
+    },
+    {
+        value: '12',
+        label: '地区财务驳回'
+    },
+    {
+        value: '20',
+        label: '地区负责人待审核'
+    },
+    {
+        value: '22',
+        label: '地区负责人驳回'
+    },
+    {
+        value: '30',
+        label: '总部财务待审核'
+    },
+    {
+        value: '32',
+        label: '总部财务驳回'
+    },
+    {
+        value: '40',
+        label: '执行人待处理'
+    },
+    {
+        value: '41',
+        label: '退款完成'
+    }
+])
+// 查全部
+const getRefund = async function () {
+    try {
+        const params = {
+            cashCollection: {
+                status: null,
+                //10：地区财务待审核；12：地区财务驳回；
+                // 20：地区负责人待审核；22：地区负责人驳回；
+                // 30：总部财务待审核；32：总部财务驳回；
+                // 40：执行人待处理；41：执行人已处理，退款完成；
+                orderCode: null,//订单号
+                name: null,//姓名
+                jwcode: null,//精网号
+                market: null,//地区
+                goodsName: null,//商品名
+                refundModel: null,//退款类型,
+                startTime: "",
+                endTime: ""
+            }
+        }
+
+        const result = await API({
+            url: '/hljw/api/refund/query',
+            method: 'POST',
+            data: params
+        })
+
+        tableData.value = result.data || []
+    } catch (error) {
+        ElMessage.error(error.message || '查询失败')
+    }
+}
+const handleImageChange = (file) => {
+    uploadRef.value.submit()
+}
+const beforeUpload = (file) => {
+    const isJPG = file.type === 'image/jpeg'
+    const isPNG = file.type === 'image/png'
+    const isLt1 = file.size / 1024 < 1024
+
+    if (!isJPG && !isPNG) {
+        ElMessage.error('上传图片只能是 JPG 或 PNG 格式')
+        return false
+    }
+    if (!isLt1) {
+        ElMessage.error('上传图片大小不能超过1MB')
+        return false
+    }
+    return true
+}
+const handleUploadSuccess = (response, file, fileList) => {
+    try {
+        addForm.value.imageUrl = response.data.url
+        console.log('==========================', response.data.url)
+    } catch (error) {
+        console.log('看看报错信息', error)
+        ElMessage.error(response.data.msg || '图片上传失败')
+    }
+}
+const handleUploadError = (error) => {
+    console.error('上传失败:', error)
+    addForm.value.imageUrl = null
+    ElMessage.error('图片上传失败，请重试')
+}
+const customUpload = async (options) => {
+    try {
+        const formData = new FormData()
+        formData.append('file', options.file)
+
+        const response = await API({
+            url: uploadUrl,
+            method: 'POST',
+            data: formData,
+            headers: {
+                'Content-Type': 'multipart/form-data'
+            }
+        })
+        if (response.code === 200 && response.data) {
+            handleUploadSuccess(response, options.file, [options.file])
+            ElMessage.success(response.msg || '上传成功')
+        } else {
+            ElMessage.error(response.msg || '上传失败')
+        }
+    } catch (error) {
+        console.error('上传错误:', error)
+        ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
+    }
+}
+
+onMounted(() => {
+    console.log('???????????????????', adminData.value)
+})
+</script>
+<style scoped lang="scss">
+.condition {
+    width: 82vw;
+    display: flex;
+    align-items: center;
+    height: 4vh;
+
+    .item1 {
+        width: 18%;
+        display: flex;
+        align-items: center;
+        margin-bottom: 1vh;
+        margin-right: 0.5vw;
+    }
+
+    .item2 {
+        width: 18%;
+        display: flex;
+        align-items: center;
+        margin-right: 0.5vw;
+    }
+}
+
+.audit1 {
+    height: 47vh;
+
+    .audit-item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 1vh;
+    }
+}
+
+.audit2 {
+    width: 30vw;
+    height: auto;
+
+    .top {
+        width: 30vw;
+        height: 17vh;
+
+        .top-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 1vh;
+        }
+    }
+
+    .smallTitle {
+        background-color: white;
+        color: rgb(64, 158, 255);
+        border-color: rgb(64, 158, 255);
+        margin-bottom: 0.5vh;
+    }
+
+    .center {
+        display: flex;
+        width: 30vw;
+        height: 41vh;
+
+        .dialog-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 1vh;
+        }
+
+        .center-left {
+            width: 60%;
+
+            .image {
+                width: 4vw !important;
+                height: 4vw !important;
+            }
+
+            :deep(.el-upload--picture-card) {
+                width: 4vw !important;
+                height: 4vw !important;
+                padding: 0 !important;
+            }
+
+            .center-item {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+            }
+        }
+
+        .center-right {
+
+            .right-item {
+                display: flex;
+                align-items: center;
+                margin-bottom: 1vh;
+            }
+        }
+    }
+
+    .bottom {
+        width: 30vw;
+        height: 5vh;
+
+        .bottom-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 1vh;
+        }
+    }
+}
+
+.steps {
+    .steps-content {
+        width: 45vw;
+        height: 15vh;
+        display: flex;
+        justify-content: center;
+        padding-top: 15vw;
+        padding-left: 8vw;
+    }
+
+    .steps-status {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .steps-btn {
+        height: 15vh;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/moneyManage/refundDetail/refundService.vue b/src/views/moneyManage/refundDetail/refundService.vue
new file mode 100644
index 0000000..8806fd2
--- /dev/null
+++ b/src/views/moneyManage/refundDetail/refundService.vue
@@ -0,0 +1,629 @@
+<!-- 客服 -->
+<template>
+    <el-card style="margin-bottom: 0.5vh;">
+        <div class="condition">
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">精网号</el-text>
+                <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">客户姓名</el-text>
+                <el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">所属地区</el-text>
+                <el-input v-model="searchForm.market" placeholder="请输入所属地区" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">产品名称</el-text>
+                <el-input v-model="searchForm.goodsName" placeholder="请输入产品名称" style="width:9vw;" clearable />
+            </div>
+            <div class="item1">
+                <el-text size="large" style="width:4vw;">订单状态</el-text>
+                <el-select v-model="searchForm.status" style="width:9vw;">
+                    <el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
+                </el-select>
+            </div>
+        </div>
+        <div class="condition">
+            <div class="item2">
+                <el-text size="large" style="width:4vw;">付款币种</el-text>
+                <el-input v-model="searchForm.payCurrency" placeholder="请输入付款币种" style="width:9vw;" clearable />
+            </div>
+            <div class="item2">
+                <el-text size="large" style="width:4vw;">支付方式</el-text>
+                <el-input v-model="searchForm.payType" placeholder="请输入支付方式" style="width:9vw;" clearable />
+            </div>
+            <div class="item2" style="width: 28.5vw;">
+                <el-text size="large" style="width:4vw;">付款时间</el-text>
+                <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
+                    end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange"
+                    :disabled-date="disabledDate" />
+            </div>
+            <div>
+                <el-button type="success">重置</el-button>
+                <el-button type="primary">查询</el-button>
+                <el-button type="warning">导出excel</el-button>
+                <el-button type="primary">查看导出列表</el-button>
+            </div>
+        </div>
+    </el-card>
+
+    <div style="display: flex;">
+        <el-button type="primary" @click="showEdit = true">地区客服编辑</el-button>
+        <el-button type="primary" @click="showSteps = true">看看步骤条</el-button>
+        <el-button type="primary" @click="showBack = true">看看撤回</el-button>
+        <el-button type="primary" @click="showError = true">退款金额有误</el-button>
+    </div>
+
+    <el-card style="margin-top: 0.5vh;">
+        <el-table :data="tableData" style="height:64vh;width:82vw">
+            <el-table-column type="index" label="序号" width="60" fixed="left" />
+            <el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
+            <el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip />
+            <el-table-column prop="market" label="所属地区" width="120" />
+            <el-table-column prop="orderCode" label="活动名称" width="120px"  show-overflow-tooltip />
+            <el-table-column prop="refundType" label="产品名称" width="120" />
+            <el-table-column prop="refundType" label="产品数量" width="120" />
+            <el-table-column prop="refundType" label="付款币种" width="120"  />
+            <el-table-column prop="refundType" label="付款金额" width="120"  />
+            <el-table-column prop="refundType" label="支付方式" width="120"  />
+            <el-table-column prop="refundType" label="付款时间" width="120"  />
+            <el-table-column prop="refundType" label="转账凭证" width="120"  />
+            <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
+            <el-table-column prop="adminName" label="订单状态" width="120" />
+            <el-table-column prop="operation" label="操作" fixed="right" width="150px">
+                <template #default="scope">
+                    <div class="operation">
+                        <el-button v-if="row.status === '未审核'" type="primary" text @click="showBack = true">
+                            撤回
+                        </el-button>
+                        <el-button v-if="row.status === '已撤回'" type="primary" text @click="showEdit = true">
+                            编辑
+                        </el-button>
+                    </div>
+                </template>
+            </el-table-column>
+        </el-table>
+        <el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
+            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+            @size-change="handlePageSizeChange" @current-change="handleCurrentChange"
+            style="margin-top: 1vh;"></el-pagination>
+    </el-card>
+
+    <el-dialog v-model="showEdit" title="退款" class="editDialog" overflow draggable style="width: 40vw;">
+        <div style="display: flex;">
+            <div class="left">
+                <div class="add-item">
+                    <el-text style="width:4vw;">精网号</el-text>
+                    <el-input v-model="addForm.jwcode" placeholder="请输入精网号" style="width:10vw;" clearable />
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;">客户姓名</el-text>
+                    <el-input v-model="addForm.name" placeholder="请输入客户姓名" style="width:10vw;" clearable />
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;">所属地区</el-text>
+                    <el-input v-model="addForm.market" placeholder="请输入所属地区" style="width:10vw;" clearable />
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;">活动名称</el-text>
+                    <el-input v-model="addForm.orderCode" placeholder="请输入活动名称" style="width:10vw;" clearable />
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;">产品名称</el-text>
+                    <el-select v-model="addForm.refundType" placeholder="请选择产品名称" style="width:10vw;" clearable>
+                        <el-option v-for="item in products" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;">产品数量</el-text>
+                    <el-input v-model="addForm.productQuantity" placeholder="请输入产品数量" style="width:10vw;" clearable />
+                    &nbsp;个
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;">付款币种</el-text>
+                    <el-select v-model="addForm.refundCurrency" placeholder="请选择付款币种" style="width:10vw;" clearable>
+                        <el-option v-for="item in currencies" :key="item.value" :label="item.label"
+                            :value="item.value" />
+                    </el-select>
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;">付款金额</el-text>
+                    <el-input v-model="addForm.refundAmount" placeholder="请输入付款金额" style="width:10vw;" clearable />
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;">支付方式</el-text>
+                    <el-select v-model="addForm.paymentMethod" placeholder="请选择支付方式" style="width:10vw;">
+                        <el-option v-for="item in payments" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;">付款时间</el-text>
+                    <el-date-picker v-model="addForm.paymentTime" type="datetime" style="width:10vw;"
+                        placeholder="请选择付款时间" />
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;" size="small">转账凭证</el-text>
+                    <el-form-item :rules="{ required: true, message: '请上传图片', trigger: 'change' }">
+                        <el-upload ref="uploadRef" :auto-upload="false" :http-request="customUpload"
+                            list-type="picture-card" :on-change="handleImageChange" :on-success="handleUploadSuccess"
+                            :on-error="handleUploadError" :before-upload="beforeUpload" :show-file-list="false">
+                            <template #default>
+                                <img v-if="addForm.imageUrl" :src="addForm.imageUrl"
+                                    style="width: 100%; height: 100%; object-fit: cover;">
+                                <el-icon v-else>
+                                    <Plus />
+                                </el-icon>
+                            </template>
+                        </el-upload>
+                    </el-form-item>
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;">备注</el-text>
+                    <el-input v-model="addForm.remark" placeholder="请输入备注" style="width:10vw;" :rows="3" type="textarea"
+                        maxLength="100" show-word-limit />
+                </div>
+            </div>
+            <div class="right">
+                <div class="add-item">
+                    <el-text style="width:4vw;">退款模式</el-text>
+                    <el-radio-group v-model="addForm.refundMode">
+                        <el-radio value="1">全部退款</el-radio>
+                        <el-radio value="2">部分退款</el-radio>
+                    </el-radio-group>
+                </div>
+                <div class="add-item">
+                    <el-text style="width:4vw;">退款理由</el-text>
+                    <el-input v-model="addForm.refundReason" placeholder="请输入退款理由" style="width:10vw;" :rows="5"
+                        maxlength="150" show-word-limit type="textarea" />
+                </div>
+                <div>ps:请在备注中表明用户的退款需求。</div>
+                <div style="display:flex;justify-content: center;margin-top: 5vh;">
+                    <el-button type="default" @click="">重置</el-button>
+                    <el-button type="primary" @click="">提交</el-button>
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+
+    <el-dialog v-model="showSteps" title="唉！！！" overflow draggable width="1206px" height="506px" :style="{
+        backgroundImage: 'url(/src/assets/images/背景图.png)',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center'
+    }">
+        <div class="steps">
+            <div class="steps-content">
+                <el-steps style="min-width: 60vw" :active="1" align-center>
+                    <el-step> <template #title>
+                            <div>提交人<br>你是死的</div>
+                        </template>
+                        <template #icon>
+                            <img src="@/assets/images/已审核.png" alt="已审核图标">
+                        </template>
+                    </el-step>
+                    <el-step title="地区财务">
+                        <template #icon>
+                            <img src="@/assets/images/待审核.png" alt="待审核图标">
+                        </template>
+                    </el-step>
+                    <el-step title="地区负责人">
+                        <template #icon>
+                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                        </template>
+                    </el-step>
+                    <el-step title="总部财务">
+                        <template #icon>
+                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                        </template>
+                    </el-step>
+                    <el-step title="指定执行人">
+                        <template #icon>
+                            <img src="@/assets/images/还没传到.png" alt="还没传到图标">
+                        </template>
+                    </el-step>
+                </el-steps>
+            </div>
+            <div class="steps-status">
+                <el-steps style="min-width: 50vw" :active="1" finish-status="success" simple>
+                    <el-step title="已通过" />
+                    <el-step title="待审核" />
+                    <el-step title="待审核" />
+                    <el-step title="待审核" />
+                    <el-step title="待审核" />
+                </el-steps>
+            </div>
+            <div class="steps-btn">
+                <el-button type="primary">确定</el-button>
+            </div>
+        </div>
+    </el-dialog>
+
+    <el-dialog v-model="showBack" title="撤回退款" overflow draggable class="back-dialog" :style="{
+        backgroundImage: 'url(/src/assets/images/撤回.png)',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center'
+    }">
+        <div class="back-text">将 要 撤 回 该 信 息！</div>
+        <div class="back-btn">
+            <el-button type="default" @click="showBack = false">取消</el-button>
+            <el-button type="primary" @click="" style="margin-left: 2vw;">确定</el-button>
+        </div>
+    </el-dialog>
+
+    <el-dialog v-model="showError" overflow draggable class="back-dialog" :style="{
+        backgroundImage: 'url(/src/assets/images/撤回.png)',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center'
+    }">
+        <div class="back-text">退 款 金 额 填 写 有 误</div>
+        <div class="back-btn">
+            <el-button type="default" @click="showError = false">取消</el-button>
+            <el-button type="primary" @click="" style="margin-left: 2vw;">确定</el-button>
+        </div>
+    </el-dialog>
+</template>
+<script setup>
+import { ref, onMounted } from 'vue'
+import { ElMessage } from 'element-plus'
+import API from '@/util/http.js'
+const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
+import { useAdminStore } from "@/store/index.js"
+import { storeToRefs } from "pinia"
+import dayjs from 'dayjs'
+const adminStore = useAdminStore()
+const { adminData, menuTree } = storeToRefs(adminStore)
+import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
+
+const searchForm = ref({
+    jwcode: ''
+})
+const addForm = ref({
+    jwcode: ''
+})
+const auditForm = ref({
+    refundType: ''
+})
+const pagination = ref({
+    pageNum: 1,
+    pageSize: 50,
+    total: 0
+})
+const tableData = ref([])
+const showEdit = ref(false)
+const showSteps = ref(false)
+const uploadRef = ref(null)
+const showBack = ref(false)
+const showError = ref(false)
+const executor = ref([
+    {
+        value: '1',
+        label: '亲爱的佳丽老师'
+    },
+    {
+        value: '2',
+        label: '张三'
+    },
+    {
+        value: '3',
+        label: '李四'
+    },
+    {
+        value: '4',
+        label: '王五'
+    },
+    {
+        value: '5',
+        label: '赵六'
+    },
+    {
+        value: '6',
+        label: '弘历黄总'
+    }
+])
+const products = ref([
+    {
+        value: '1',
+        label: '产品1'
+    },
+    {
+        value: '2',
+        label: '产品2'
+    }
+])
+const currencies = ref([
+    {
+        value: 'CNY',
+        label: '人民币'
+    },
+    {
+        value: 'USD',
+        label: '美元'
+    }
+])
+const payments = ref([{
+    value: '银行转账',
+    label: '银行转账'
+},
+{
+    value: '现金',
+    label: '现金'
+},
+{
+    value: '支票',
+    label: '支票'
+},
+{
+    value: '刷卡',
+    label: '刷卡'
+},
+{
+    value: 'Grabpay',
+    label: 'Grabpay'
+},
+{
+    value: 'Nets',
+    label: 'Nets'
+},
+{
+    value: 'PayPal',
+    label: 'PayPal'
+},
+{
+    value: 'Stripe-链接收款',
+    label: 'Stripe-链接收款'
+},
+{
+    value: 'Ipay88-链接收款',
+    label: 'Ipay88-链接收款'
+},
+{
+    value: 'PaymentAsia-链接收款',
+    label: 'PaymentAsia-链接收款'
+},
+{
+    value: 'Stripe-Link平台',
+    label: 'Stripe-Link平台'
+},
+{
+    value: 'PaymentAsia-Link平台',
+    label: 'PaymentAsia-Link平台'
+},
+{
+    value: 'FirstData-Link平台-Link平台',
+    label: 'FirstData-Link平台-Link平台'
+},
+{
+    value: 'IOS-Link平台',
+    label: 'IOS-Link平台'
+},
+{
+    value: 'Ipay88-Link平台',
+    label: 'Ipay88-Link平台'
+}
+])
+const statusList = ref([
+    {
+        value: '10',
+        label: '地区财务待审核'
+    },
+    {
+        value: '12',
+        label: '地区财务驳回'
+    },
+    {
+        value: '20',
+        label: '地区负责人待审核'
+    },
+    {
+        value: '22',
+        label: '地区负责人驳回'
+    },
+    {
+        value: '30',
+        label: '总部财务待审核'
+    },
+    {
+        value: '32',
+        label: '总部财务驳回'
+    },
+    {
+        value: '40',
+        label: '执行人待处理'
+    },
+    {
+        value: '41',
+        label: '退款完成'
+    }
+])
+// 查全部
+const getRefund = async function () {
+    try {
+        const params = {
+            cashCollection: {
+                status: null,
+                //10：地区财务待审核；12：地区财务驳回；
+                // 20：地区负责人待审核；22：地区负责人驳回；
+                // 30：总部财务待审核；32：总部财务驳回；
+                // 40：执行人待处理；41：执行人已处理，退款完成；
+                orderCode: null,//订单号
+                name: null,//姓名
+                jwcode: null,//精网号
+                market: null,//地区
+                goodsName: null,//商品名
+                refundModel: null,//退款类型,
+                startTime: "",
+                endTime: ""
+            }
+        }
+
+        const result = await API({
+            url: '/hljw/api/refund/query',
+            method: 'POST',
+            data: params
+        })
+
+        tableData.value = result.data || []
+    } catch (error) {
+        ElMessage.error(error.message || '查询失败')
+    }
+}
+const handleImageChange = (file) => {
+    uploadRef.value.submit()
+}
+const beforeUpload = (file) => {
+    const isJPG = file.type === 'image/jpeg'
+    const isPNG = file.type === 'image/png'
+    const isLt1 = file.size / 1024 < 1024
+
+    if (!isJPG && !isPNG) {
+        ElMessage.error('上传图片只能是 JPG 或 PNG 格式')
+        return false
+    }
+    if (!isLt1) {
+        ElMessage.error('上传图片大小不能超过1MB')
+        return false
+    }
+    return true
+}
+const handleUploadSuccess = (response, file, fileList) => {
+    try {
+        addForm.value.imageUrl = response.data.url
+        console.log('==========================', response.data.url)
+    } catch (error) {
+        console.log('看看报错信息', error)
+        ElMessage.error(response.data.msg || '图片上传失败')
+    }
+}
+const handleUploadError = (error) => {
+    console.error('上传失败:', error)
+    addForm.value.imageUrl = null
+    ElMessage.error('图片上传失败，请重试')
+}
+const customUpload = async (options) => {
+    try {
+        const formData = new FormData()
+        formData.append('file', options.file)
+
+        const response = await API({
+            url: uploadUrl,
+            method: 'POST',
+            data: formData,
+            headers: {
+                'Content-Type': 'multipart/form-data'
+            }
+        })
+        if (response.code === 200 && response.data) {
+            handleUploadSuccess(response, options.file, [options.file])
+            ElMessage.success(response.msg || '上传成功')
+        } else {
+            ElMessage.error(response.msg || '上传失败')
+        }
+    } catch (error) {
+        console.error('上传错误:', error)
+        ElMessage.error(`上传失败: ${error.msg || error.message || '网络异常'}`)
+    }
+}
+
+onMounted(() => {
+    console.log('???????????????????', adminData.value)
+})
+</script>
+<style scoped lang="scss">
+.condition {
+    width: 82vw;
+    display: flex;
+    align-items: center;
+    height: 4vh;
+
+    .item1 {
+        width: 18%;
+        display: flex;
+        align-items: center;
+        margin-bottom: 1vh;
+        margin-right: 0.5vw;
+    }
+
+    .item2 {
+        width: 18%;
+        display: flex;
+        align-items: center;
+        margin-right: 0.5vw;
+    }
+}
+
+.editDialog {
+    .left {
+        width: 50%;
+        height: 70vh;
+        padding: 0 2vw;
+
+        .add-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 1vh;
+        }
+
+        .image {
+            width: 4vw !important;
+            height: 4vw !important;
+        }
+    }
+
+    .right {
+        width: 50%;
+        height: 50vh;
+
+        .add-item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 1vh;
+        }
+    }
+}
+
+.steps {
+    .steps-content {
+        width: 45vw;
+        height: 15vh;
+        display: flex;
+        justify-content: center;
+        padding-top: 15vw;
+        padding-left: 8vw;
+    }
+
+    .steps-status {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .steps-btn {
+        height: 15vh;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
+
+.back-dialog {
+    width: 700px;
+    height: auto;
+
+    .back-text {
+        font-size: 60px;
+        font-weight: bold;
+        color: #000000;
+        text-align: center;
+        justify-content: center;
+        margin-top: 22vh;
+    }
+
+    .back-btn {
+        height: 20vh;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
+</style>
\ No newline at end of file