From 89407644e8112acc3d70d77545bb34f39975422b Mon Sep 17 00:00:00 2001
From: jiangweiguo <1578967617@qq.com>
Date: Sun, 7 Apr 2024 15:50:43 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=8C=E7=A8=8B=E5=87=BA=E5=8F=91=E5=9C=B0?=
 =?UTF-8?q?=E5=88=B0=E5=8E=BF=E5=8C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ReComponents/RePick/index.vue | 910 +++++++++++++------
 src/views/company/claim/index.vue            |  15 +-
 2 files changed, 632 insertions(+), 293 deletions(-)

diff --git a/src/components/ReComponents/RePick/index.vue b/src/components/ReComponents/RePick/index.vue
index 459be66..5b09664 100644
--- a/src/components/ReComponents/RePick/index.vue
+++ b/src/components/ReComponents/RePick/index.vue
@@ -3,23 +3,72 @@
     <div v-if="isUseSlot" @click="handleShow(true)">
       <slot></slot>
       <div v-show="false">
-        <span v-if="multiple">{{multipleValueShow.length}}</span>
-        <span v-else>{{showValue}}</span>
+        <span v-if="multiple">{{ multipleValueShow.length }}</span>
+        <span v-else>{{ showValue }}</span>
       </div>
     </div>
-    <van-field :label-width="labelWidth" :name="name" v-else-if="isCell && multiple" :value="titleFilterFun(multipleValueShow)" :label="label" :required="isRequrie" :rules="[
-        { required: isRequrie, message: '请选择' + label }
-      ]" @click="handleShow(true)" :placeholder=" placeholderIShow ? placeholder : ''" :right-icon="multipleValueShow.length ? '' : 'arrow'" :input-align="inputAlign" readonly autosize rows="1" type="textarea" :clearable="clearable && !!multipleValueShow.length " :disabled="isDisabled">
-      <template v-if="multipleValueShow.length && !isDisabled && closeIsShow" #button>
-        <van-icon name="clear" color="#C8C9CC" size="16" @click.stop="handleClear" />
+    <van-field
+      :label-width="labelWidth"
+      :name="name"
+      v-else-if="isCell && multiple"
+      :value="titleFilterFun(multipleValueShow)"
+      :label="label"
+      :required="isRequrie"
+      :rules="[{ required: isRequrie, message: '请选择' + label }]"
+      @click="handleShow(true)"
+      :placeholder="placeholderIShow ? placeholder : ''"
+      :right-icon="multipleValueShow.length ? '' : 'arrow'"
+      :input-align="inputAlign"
+      readonly
+      autosize
+      rows="1"
+      type="textarea"
+      :clearable="clearable && !!multipleValueShow.length"
+      :disabled="isDisabled"
+    >
+      <template
+        v-if="multipleValueShow.length && !isDisabled && closeIsShow"
+        #button
+      >
+        <van-icon
+          name="clear"
+          color="#C8C9CC"
+          size="16"
+          @click.stop="handleClear"
+        />
       </template>
     </van-field>
     <!-- showValue.title -->
-    <van-field :label-width="labelWidth" :name="name" v-else-if="isCell" :value="isOriginRemainCascader && studentBaseInfo.sysShellName ? studentBaseInfo.sysShellName :  showValue.title" :label="label" :required="isRequrie" :rules="[
-        { required: isRequrie, message: '请选择' + label }
-      ]" @click="handleShow(true)" :placeholder=" placeholderIShow ? placeholder : ''" :right-icon="showValue.id ? '' : 'arrow'" :input-align="inputAlign" readonly autosize rows="1" type="textarea" :clearable="clearable && !!showValue.id" :disabled="isDisabled">
+    <van-field
+      :label-width="labelWidth"
+      :name="name"
+      v-else-if="isCell"
+      :value="
+        isOriginRemainCascader && studentBaseInfo.sysShellName
+          ? studentBaseInfo.sysShellName
+          : showValue.title
+      "
+      :label="label"
+      :required="isRequrie"
+      :rules="[{ required: isRequrie, message: '请选择' + label }]"
+      @click="handleShow(true)"
+      :placeholder="placeholderIShow ? placeholder : ''"
+      :right-icon="showValue.id ? '' : 'arrow'"
+      :input-align="inputAlign"
+      readonly
+      autosize
+      rows="1"
+      type="textarea"
+      :clearable="clearable && !!showValue.id"
+      :disabled="isDisabled"
+    >
       <template v-if="showValue.id && !isDisabled && closeIsShow" #button>
-        <van-icon name="clear" color="#C8C9CC" size="16" @click.stop="handleClear" />
+        <van-icon
+          name="clear"
+          color="#C8C9CC"
+          size="16"
+          @click.stop="handleClear"
+        />
       </template>
     </van-field>
     <!-- <van-cell v-else-if="isCell" @click="handleShow(true)">
@@ -40,29 +89,64 @@
       </template>
     </van-cell> -->
     <div class="Re-show" v-else @click="handleShow(true)">
-      <div class="Re-show-label" v-if="label">{{label}}</div>
+      <div class="Re-show-label" v-if="label">{{ label }}</div>
       <div class="Re-show-view">
-        <div class="Re-show-default-value Re-show-placeholder" v-if="multiple ? !multipleValueShow.length : !showValue.id">{{placeholder}}</div>
-        <div class="Re-show-default-value Re-show-value" :class="{'text-hidden': isValueHidden}" v-else>
-          <span v-if="multiple">{{multipleValueShow | titleFilter}}</span>
-          <span v-else>{{showValue.title || ''}}</span>
+        <div
+          class="Re-show-default-value Re-show-placeholder"
+          v-if="multiple ? !multipleValueShow.length : !showValue.id"
+        >
+          {{ placeholder }}
         </div>
-        <div class="Re-show-icon" v-if="!clearable ? true : multiple ? !multipleValueShow.length : !showValue.id">
+        <div
+          class="Re-show-default-value Re-show-value"
+          :class="{ 'text-hidden': isValueHidden }"
+          v-else
+        >
+          <span v-if="multiple">{{ multipleValueShow | titleFilter }}</span>
+          <span v-else>{{ showValue.title || '' }}</span>
+        </div>
+        <div
+          class="Re-show-icon"
+          v-if="
+            !clearable
+              ? true
+              : multiple
+              ? !multipleValueShow.length
+              : !showValue.id
+          "
+        >
           <van-icon name="arrow" />
         </div>
         <div class="Re-show-icon" v-else>
-          <van-icon name="clear" color="#C8C9CC" size="16" @click.stop="handleClear" />
-
+          <van-icon
+            name="clear"
+            color="#C8C9CC"
+            size="16"
+            @click.stop="handleClear"
+          />
         </div>
       </div>
     </div>
     <div>
-      <van-popup v-model="isPopupShow" @open="handleOpen" position="bottom" round safe-area-inset-bottom lock-scroll lazy-render get-container="#app">
+      <van-popup
+        v-model="isPopupShow"
+        @open="handleOpen"
+        position="bottom"
+        round
+        safe-area-inset-bottom
+        lock-scroll
+        lazy-render
+        get-container="#app"
+      >
         <div class="Re-select-popup">
           <div class="Re-select-header">
-            <div class="Re-select-header-cancel" @click="handleShow(false)">取消</div>
-            <div class="Re-select-header-title">{{label}}</div>
-            <div class="Re-select-header-confirm" @click="handleConfirm">确认</div>
+            <div class="Re-select-header-cancel" @click="handleShow(false)">
+              取消
+            </div>
+            <div class="Re-select-header-title">{{ label }}</div>
+            <div class="Re-select-header-confirm" @click="handleConfirm">
+              确认
+            </div>
           </div>
           <form action="javascript:return true;" v-if="isShowSearch">
             <!-- <div class="Re-search-input">
@@ -71,16 +155,62 @@
             <!-- <van-icon v-if="searchValue" class="Re-search-icon Re-search-righticon" name="clear" @click="handleSearchClear"/>
             </div> -->
             <!-- 咨询列表远程搜索 -->
-            <van-search ref="search" v-if="isOriginSchoolSearch && !isOriginAndCurrent" v-model="originSchoolSearchValue" @input="handleOriginInput" placeholder="请输入搜索关键词" clear-trigger="always" />
-            <van-search ref="search" v-else-if="isOriginAndCurrent" v-model="originCurrentSchoolSearchValue" placeholder="请输入搜索院系或专业" clear-trigger="always" />
+            <van-search
+              ref="search"
+              v-if="isOriginSchoolSearch && !isOriginAndCurrent"
+              v-model="originSchoolSearchValue"
+              @input="handleOriginInput"
+              placeholder="请输入搜索关键词"
+              clear-trigger="always"
+            />
+            <van-search
+              ref="search"
+              v-else-if="isOriginAndCurrent"
+              v-model="originCurrentSchoolSearchValue"
+              placeholder="请输入搜索院系或专业"
+              clear-trigger="always"
+            />
             <!-- 活动列表远程搜搜 -->
-            <van-search ref="search" v-else-if="isOriginActivitySchoolSearch" v-model="originSchoolSearchValue" @input="handleOriginInput" placeholder="请输入搜索关键词" clear-trigger="always" />
-            <van-search ref="search" v-else-if="isOriginSchool" v-model="formOriginSearchVale" @input="handleFormOriginInput" placeholder="请输入搜索关键词" clear-trigger="always" />
-            <van-search ref="search" v-else v-model="searchValue" placeholder="请输入搜索关键词" clear-trigger="always" />
+            <van-search
+              ref="search"
+              v-else-if="isOriginActivitySchoolSearch"
+              v-model="originSchoolSearchValue"
+              @input="handleOriginInput"
+              placeholder="请输入搜索关键词"
+              clear-trigger="always"
+            />
+            <van-search
+              ref="search"
+              v-else-if="isOriginSchool"
+              v-model="formOriginSearchVale"
+              @input="handleFormOriginInput"
+              placeholder="请输入搜索关键词"
+              clear-trigger="always"
+            />
+            <van-search
+              ref="search"
+              v-else
+              v-model="searchValue"
+              placeholder="请输入搜索关键词"
+              clear-trigger="always"
+            />
           </form>
-          <div class="Re-select-bread" v-if="isCascader" :style="`padding: ${isCascader ? '5px 10px': '10px'}`">
-            <div v-for="(item, index) in breadList" :key="item[idKey] + '-' + item[titleKey]" class="bread-item">
-              <div :class="{'bread-active': index === breadList.length - 1}" @click="handleLevel(item, index)">{{item.title}}</div>
+          <div
+            class="Re-select-bread"
+            v-if="isCascader"
+            :style="`padding: ${isCascader ? '5px 10px' : '10px'}`"
+          >
+            <div
+              v-for="(item, index) in breadList"
+              :key="item[idKey] + '-' + item[titleKey]"
+              class="bread-item"
+            >
+              <div
+                :class="{ 'bread-active': index === breadList.length - 1 }"
+                @click="handleLevel(item, index)"
+              >
+                {{ item.title }}
+              </div>
               <van-icon name="arrow" v-if="index != breadList.length - 1" />
             </div>
           </div>
@@ -88,21 +218,52 @@
             <div v-if="!!showLimitList.length">
               <van-checkbox-group v-model="multipleValue" v-if="multiple">
                 <van-cell-group>
-                  <div v-for="item in showLimitList" :key="item[idKey] + '-' + item[titleKey]" class="flex flex-c-center">
+                  <div
+                    v-for="item in showLimitList"
+                    :key="item[idKey] + '-' + item[titleKey]"
+                    class="flex flex-c-center"
+                  >
                     <van-cell clickable @click="toggle(item.id, item)">
                       <template #title>
-                        <div v-if="searchValue && isCascader" class="flex flex-c-center">
-                          <van-checkbox :name="item.id" ref="checkboxes" shape class="pr5" :disabled="item.disabled || (isLastSelect && !!item.children.length)" />
+                        <div
+                          v-if="searchValue && isCascader"
+                          class="flex flex-c-center"
+                        >
+                          <van-checkbox
+                            :name="item.id"
+                            ref="checkboxes"
+                            shape
+                            class="pr5"
+                            :disabled="
+                              item.disabled ||
+                              (isLastSelect && !!item.children.length)
+                            "
+                          />
                           <div>
-                            <span v-for="(el, i) in item.treeList" :key="el[idKey] + '-' + el[titleKey]">
-                              <span>{{el[titleKey]}}</span>
-                              <van-icon name="arrow" v-if="i < item.treeList.length - 1" />
+                            <span
+                              v-for="(el, i) in item.treeList"
+                              :key="el[idKey] + '-' + el[titleKey]"
+                            >
+                              <span>{{ el[titleKey] }}</span>
+                              <van-icon
+                                name="arrow"
+                                v-if="i < item.treeList.length - 1"
+                              />
                             </span>
                           </div>
                         </div>
                         <div v-else class="flex">
-                          <van-checkbox :name="item.id" ref="checkboxes" shape class="pr5" :disabled="item.disabled || (isLastSelect && !!item.children.length)" />
-                          <span>{{item.title}}</span>
+                          <van-checkbox
+                            :name="item.id"
+                            ref="checkboxes"
+                            shape
+                            class="pr5"
+                            :disabled="
+                              item.disabled ||
+                              (isLastSelect && !!item.children.length)
+                            "
+                          />
+                          <span>{{ item.title }}</span>
                         </div>
                       </template>
                       <!-- <template #right-icon>
@@ -110,34 +271,89 @@
                       </template> -->
                     </van-cell>
                     <div v-if="isOriginSchoolSearch">
-                      <van-button type="info" size="small" :loading="originLoading" :disabled="breadList.length >= 3" class="nextBtn" native-type="button" @click="handleOriginSchoolNext(item)">下级</van-button>
+                      <van-button
+                        type="info"
+                        size="small"
+                        :loading="originLoading"
+                        :disabled="breadList.length >= 3"
+                        class="nextBtn"
+                        native-type="button"
+                        @click="handleOriginSchoolNext(item)"
+                        >下级</van-button
+                      >
                     </div>
                     <div v-else>
-                      <van-button v-if="isCascader && !searchValue" :disabled="!item.children.length" type="info" size="small" class="nextBtn" @click="handleNext(item)">下级</van-button>
+                      <van-button
+                        v-if="isCascader && !searchValue"
+                        :disabled="!item.children.length"
+                        type="info"
+                        size="small"
+                        class="nextBtn"
+                        @click="handleNext(item)"
+                        >下级</van-button
+                      >
                     </div>
                   </div>
                 </van-cell-group>
-                <van-cell is-link arrow-direction="none" @click="handleMorePage" v-if="!isCascader && isUseLimitPage && showLimitList.length != showList.length">
+                <van-cell
+                  is-link
+                  arrow-direction="none"
+                  @click="handleMorePage"
+                  v-if="
+                    !isCascader &&
+                    isUseLimitPage &&
+                    showLimitList.length != showList.length
+                  "
+                >
                   <div class="more-btn">加载更多...</div>
                 </van-cell>
               </van-checkbox-group>
               <van-radio-group :value="selectValue" v-else>
                 <van-cell-group>
-                  <div v-for="item in showLimitList" :key="item[idKey] + '-' + item[titleKey]" class="flex flex-c-center">
+                  <div
+                    v-for="item in showLimitList"
+                    :key="item[idKey] + '-' + item[titleKey]"
+                    class="flex flex-c-center"
+                  >
                     <van-cell clickable @click="handleRadio(item.id, item)">
                       <template #title>
-                        <div v-if="searchValue && isCascader" class="flex flex-c-center">
-                          <van-radio :name="item.id" ref="radioboxes" class="pr5" :disabled="item.disabled || (isLastSelect && !!item.children.length)" />
+                        <div
+                          v-if="searchValue && isCascader"
+                          class="flex flex-c-center"
+                        >
+                          <van-radio
+                            :name="item.id"
+                            ref="radioboxes"
+                            class="pr5"
+                            :disabled="
+                              item.disabled ||
+                              (isLastSelect && !!item.children.length)
+                            "
+                          />
                           <div>
-                            <span v-for="(el, i) in item.treeList" :key="el[idKey] + '-' + el[titleKey]">
-                              <span>{{el[titleKey]}}</span>
-                              <van-icon name="arrow" v-if="i < item.treeList.length - 1" />
+                            <span
+                              v-for="(el, i) in item.treeList"
+                              :key="el[idKey] + '-' + el[titleKey]"
+                            >
+                              <span>{{ el[titleKey] }}</span>
+                              <van-icon
+                                name="arrow"
+                                v-if="i < item.treeList.length - 1"
+                              />
                             </span>
                           </div>
                         </div>
                         <div v-else class="flex">
-                          <van-radio :name="item.id" ref="radioboxes" class="pr5" :disabled="item.disabled || (isLastSelect && !!item.children.length)" />
-                          <span>{{item.title}}</span>
+                          <van-radio
+                            :name="item.id"
+                            ref="radioboxes"
+                            class="pr5"
+                            :disabled="
+                              item.disabled ||
+                              (isLastSelect && !!item.children.length)
+                            "
+                          />
+                          <span>{{ item.title }}</span>
                         </div>
                       </template>
                       <!-- <template #right-icon>
@@ -145,16 +361,51 @@
                       </template> -->
                     </van-cell>
                     <div v-if="isOriginSchoolSearch">
-                      <van-button type="info" size="small" :loading="originLoading" :disabled="breadList.length >= 3" class="nextBtn" native-type="button" @click="handleOriginSchoolNext(item)">下级</van-button>
+                      <van-button
+                        type="info"
+                        size="small"
+                        :loading="originLoading"
+                        :disabled="breadList.length >= 3"
+                        class="nextBtn"
+                        native-type="button"
+                        @click="handleOriginSchoolNext(item)"
+                        >下级</van-button
+                      >
                     </div>
                     <div v-else-if="isOriginRemainCascader">
-                      <van-button type="info" size="small" :loading="originLoading" :disabled="!item.extendNum" class="nextBtn" native-type="button" @click="handleOriginSchoolNext(item)">下级 </van-button>
+                      <van-button
+                        type="info"
+                        size="small"
+                        :loading="originLoading"
+                        :disabled="!item.extendNum"
+                        class="nextBtn"
+                        native-type="button"
+                        @click="handleOriginSchoolNext(item)"
+                        >下级
+                      </van-button>
                     </div>
                     <div v-else>
-                      <van-button v-if="isCascader && !searchValue" :disabled="!item.children.length" type="info" size="small" class="nextBtn" @click="handleNext(item)">下级</van-button>
+                      <van-button
+                        v-if="isCascader && !searchValue"
+                        :disabled="!item.children.length"
+                        type="info"
+                        size="small"
+                        class="nextBtn"
+                        @click="handleNext(item)"
+                        >下级</van-button
+                      >
                     </div>
                   </div>
-                  <van-cell is-link arrow-direction="none" @click="handleMorePage" v-if="!isCascader && isUseLimitPage && showLimitList.length != showList.length">
+                  <van-cell
+                    is-link
+                    arrow-direction="none"
+                    @click="handleMorePage"
+                    v-if="
+                      !isCascader &&
+                      isUseLimitPage &&
+                      showLimitList.length != showList.length
+                    "
+                  >
                     <div class="more-btn">加载更多...</div>
                   </van-cell>
                 </van-cell-group>
@@ -170,7 +421,10 @@
 
 <script>
 // 远程列表学校搜索
-import { schoolListApi, schoolNextListApi } from '@/api/potentialGuest/consultation'
+import {
+  schoolListApi,
+  schoolNextListApi,
+} from '@/api/potentialGuest/consultation'
 import { getdepartmentListApi } from '@/api/potentialGuest/order'
 
 // 活动模块远程学校搜索
@@ -184,91 +438,91 @@ import { searchschoolApi, searchcollegelApi } from '@/api/common'
 // 完善信息所属部门标题
 import { mapState } from 'vuex'
 /**
-  * @param {Boolean} isUseSlot 是否使用插槽
-  * @param {Boolean} isCell 是否使用自带cell
-  * @param {Array} list 选项
-  * @param {String} title 弹窗的标题
-  * @param {String} label 框的左边label值
-  * @param {String} titleKey 数据结构 title
-  * @param {String} idKey 数据结构 id
-  * @param {String} childrenKey 数据结构 childrenKey
-  * @param {String} placeholder 提示语
-  * @param {Boolean} isValueHidden 是否隐藏值 - 单行显示，超出...
-  * @param {Boolean} clearable 是否清除
-  * @param {Boolean} multiple 是否多选
-  * @param {Boolean} isShowSearch 是否可搜索
-  * @param {Boolean} isLastSelect 是否只可选择到最后一级
-  * 
-  * @param {Boolean} isCascader 是否级联
-  * @param {Boolean} isCascaderAllLevelName 是否级联回显所有title名
-  * @param {Boolean} isCascaderAllLevelNameSymnol 是否级联回显所有title名的拼接符号
-  * 
-  * @param {Boolean} disabled 是否禁用
-  * @param {Boolean} isRequrie 是否cell必填 注意：必填的校验要和name搭配使用
-  * @param {Boolean} name cellName
-  * @param {Array} rulesList 规则
-  * 
-  * @param {Boolean} isOriginSchoolSearch 是否列表远程学校
-  * 表单选择的属性、学校、专业
-  * @param {Boolean} isOriginSchool 是否远程学校
-  * @param {Boolean} originSchoolType 远程学校类型 1学校 2专业
-  * @param {Boolean} originSchoolAttr 远程父级值
-  * 
-  * 
-  * @param {String, Number, Array} value v-model
-  * @param {Boolean} isOriginActivitySchoolSearch 是否活动远程学校
-  * @param {String} emptyToastTitle 无数据提示语
-  * @param {Number} isUseLimitPage 是否启用加载更多
-  * @param {Number} limitPageSize 页码大小
-  * @param {Boolean} isOriginRemainCascader 是否完善信息远程级联
-  * 
-  * 
-  * @param {String} showReturnTitle 是否使用外部的回显名称
-  * @param {String} labelWidth 左侧文本宽度
-*/
+ * @param {Boolean} isUseSlot 是否使用插槽
+ * @param {Boolean} isCell 是否使用自带cell
+ * @param {Array} list 选项
+ * @param {String} title 弹窗的标题
+ * @param {String} label 框的左边label值
+ * @param {String} titleKey 数据结构 title
+ * @param {String} idKey 数据结构 id
+ * @param {String} childrenKey 数据结构 childrenKey
+ * @param {String} placeholder 提示语
+ * @param {Boolean} isValueHidden 是否隐藏值 - 单行显示，超出...
+ * @param {Boolean} clearable 是否清除
+ * @param {Boolean} multiple 是否多选
+ * @param {Boolean} isShowSearch 是否可搜索
+ * @param {Boolean} isLastSelect 是否只可选择到最后一级
+ *
+ * @param {Boolean} isCascader 是否级联
+ * @param {Boolean} isCascaderAllLevelName 是否级联回显所有title名
+ * @param {Boolean} isCascaderAllLevelNameSymnol 是否级联回显所有title名的拼接符号
+ *
+ * @param {Boolean} disabled 是否禁用
+ * @param {Boolean} isRequrie 是否cell必填 注意：必填的校验要和name搭配使用
+ * @param {Boolean} name cellName
+ * @param {Array} rulesList 规则
+ *
+ * @param {Boolean} isOriginSchoolSearch 是否列表远程学校
+ * 表单选择的属性、学校、专业
+ * @param {Boolean} isOriginSchool 是否远程学校
+ * @param {Boolean} originSchoolType 远程学校类型 1学校 2专业
+ * @param {Boolean} originSchoolAttr 远程父级值
+ *
+ *
+ * @param {String, Number, Array} value v-model
+ * @param {Boolean} isOriginActivitySchoolSearch 是否活动远程学校
+ * @param {String} emptyToastTitle 无数据提示语
+ * @param {Number} isUseLimitPage 是否启用加载更多
+ * @param {Number} limitPageSize 页码大小
+ * @param {Boolean} isOriginRemainCascader 是否完善信息远程级联
+ *
+ *
+ * @param {String} showReturnTitle 是否使用外部的回显名称
+ * @param {String} labelWidth 左侧文本宽度
+ */
 export default {
   model: {
     prop: 'value',
-    event: 'change'
+    event: 'change',
   },
   props: {
     inputAlign: {
       type: String,
-      default: 'right'
+      default: 'right',
     },
     isUseSlot: Boolean,
     isCell: Boolean,
     list: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     title: {
       type: String,
-      default: ''
+      default: '',
     },
     label: {
       type: String,
-      default: ''
+      default: '',
     },
     titleKey: {
       type: String,
-      default: 'title'
+      default: 'title',
     },
     idKey: {
       type: String,
-      default: 'id'
+      default: 'id',
     },
     childrenKey: {
       type: String,
-      default: 'children'
+      default: 'children',
     },
     placeholder: {
       type: String,
-      default: '请选择'
+      default: '请选择',
     },
     isCascaderAllLevelNameSymnol: {
       type: String,
-      default: '-'
+      default: '-',
     },
     isValueHidden: Boolean,
     clearable: Boolean,
@@ -289,32 +543,32 @@ export default {
     name: String,
     closeIsShow: {
       type: Boolean,
-      default: true
+      default: true,
     },
     placeholderIShow: {
       type: Boolean,
-      default: true
+      default: true,
     },
     rulesList: {
       type: Array,
-      default: () => []
+      default: () => [],
     },
     isOriginActivitySchoolSearch: Boolean,
     emptyToastTitle: {
       type: String,
-      default: '无可选数据'
+      default: '无可选数据',
     },
     limitPageSize: {
       type: Number,
-      default: 20
+      default: 20,
     },
     isUseLimitPage: Boolean,
     isOriginRemainCascader: Boolean,
     showReturnTitle: String,
     labelWidth: {
       type: String,
-      default: '6.2em'
-    }
+      default: '6.2em',
+    },
   },
   data() {
     return {
@@ -336,7 +590,7 @@ export default {
       originCurrentSchoolSearchValue: '',
       limitPageNum: 1,
       limitShow: this.isUseLimitPage,
-      isOriginSearchClear: false
+      isOriginSearchClear: false,
       // 初始化
       // isFirstInitList: true
     }
@@ -344,7 +598,7 @@ export default {
   computed: {
     // 学员基本信息 ==> 获取完善信息所属部门标题
     ...mapState({
-      studentBaseInfo: state => state.order.studentBaseInfo,
+      studentBaseInfo: (state) => state.order.studentBaseInfo,
     }),
     allList() {
       return this.handleData(this.list, [])
@@ -355,12 +609,20 @@ export default {
         if (this.searchValue) {
           this.handleSearchCascaderFind(this.allList, this.searchValue, info)
         } else if (this.originCurrentSchoolSearchValue) {
-          return this.currentList.filter(item => item[this.titleKey].indexOf(this.originCurrentSchoolSearchValue) > -1)
+          return this.currentList.filter(
+            (item) =>
+              item[this.titleKey].indexOf(this.originCurrentSchoolSearchValue) >
+              -1
+          )
         } else {
           info = this.currentList
         }
       } else {
-        info = this.searchValue ? this.currentList.filter(item => item.title.indexOf(this.searchValue) > -1) : this.currentList
+        info = this.searchValue
+          ? this.currentList.filter(
+              (item) => item.title.indexOf(this.searchValue) > -1
+            )
+          : this.currentList
       }
       return info
     },
@@ -391,13 +653,17 @@ export default {
         if (this.isCascader) {
           info = this.handleCascaderFind(this.allList, this.value) || info
           if (this.isOriginRemainCascader) {
-            info = this.breadList.length ? this.handleCascaderFind(this.breadList, this.value) || info : this.handleCascaderFind(this.allList, this.value) || info
+            info = this.breadList.length
+              ? this.handleCascaderFind(this.breadList, this.value) || info
+              : this.handleCascaderFind(this.allList, this.value) || info
           }
         } else {
-          info = this.allList.find(item => this.value === item.id) || info
+          info = this.allList.find((item) => this.value === item.id) || info
         }
         if (this.isCascaderAllLevelName && info.treeList) {
-          info.title = info.treeList.map(item => item[this.titleKey]).join(this.isCascaderAllLevelNameSymnol)
+          info.title = info.treeList
+            .map((item) => item[this.titleKey])
+            .join(this.isCascaderAllLevelNameSymnol)
         }
       }
       if (this.isUseSlot) {
@@ -412,12 +678,16 @@ export default {
         if (this.isCascader) {
           this.handleCascaderFind(this.allList, this.value, info)
         } else {
-          info = this.value.map(item => this.allList.find(el => el.id === item) || item)
+          info = this.value.map(
+            (item) => this.allList.find((el) => el.id === item) || item
+          )
         }
         if (this.isCascaderAllLevelName) {
-          info.forEach(element => {
+          info.forEach((element) => {
             if (element.treeList) {
-              element.title = element.treeList.map(item => item[this.titleKey]).join(this.isCascaderAllLevelNameSymnol)
+              element.title = element.treeList
+                .map((item) => item[this.titleKey])
+                .join(this.isCascaderAllLevelNameSymnol)
             }
           })
         }
@@ -436,15 +706,15 @@ export default {
         return !this.originSchoolAttr
       }
       return this.disabled
-    }
+    },
   },
   filters: {
     titleFilter(arr) {
-      return arr.map(item => item.title || item).join('、')
+      return arr.map((item) => item.title || item).join('、')
     },
     treeListTitleFilter(arr) {
-      return arr.treeList.map(item => item.title)
-    }
+      return arr.treeList.map((item) => item.title)
+    },
   },
   watch: {
     list() {
@@ -456,7 +726,7 @@ export default {
     },
     originLoading(val) {
       this.$loading(val, 'originLoading')
-    }
+    },
   },
   created() {
     this.handleDataInit()
@@ -466,9 +736,10 @@ export default {
       this.$emit('open')
     },
     titleFilterFun(arr) {
-      return arr.map(item => item.title || item).join('、')
+      return arr.map((item) => item.title || item).join('、')
     },
     handleDataInit(list) {
+      console.log(list, 742)
       if (this.isShowSearch) {
         this.originCurrentSchoolSearchValue = ''
         this.searchValue = ''
@@ -476,26 +747,37 @@ export default {
       this.currentList = this.handleData(list ? list : this.list, [])
     },
     handleData(list, arr = []) {
-      return list.map(item => {
+      return list.map((item) => {
         const treeList = arr.concat([item])
         return {
           ...item,
           id: item[this.idKey],
           treeList: treeList,
           title: item[this.titleKey],
-          children: item[this.childrenKey] ? this.handleData(item[this.childrenKey], treeList) : []
+          // children: item.children,
+          children: item[this.childrenKey]
+            ? this.handleData(item[this.childrenKey], treeList)
+            : [],
         }
       })
     },
     handleShow(val) {
       if (this.isDisabled) return
       if (val) {
-        if (!this.list.length && !this.isOriginSchool && !this.isOriginSchoolSearch && !this.isOriginActivitySchoolSearch) {
-          this.$fm(`${this.emptyToastTitle ? this.emptyToastTitle : '无可选数据'}`)
+        if (
+          !this.list.length &&
+          !this.isOriginSchool &&
+          !this.isOriginSchoolSearch &&
+          !this.isOriginActivitySchoolSearch
+        ) {
+          this.$fm(
+            `${this.emptyToastTitle ? this.emptyToastTitle : '无可选数据'}`
+          )
           return
         }
         if (this.multiple) {
-          if (Array.isArray(this.value)) this.multipleValue = this.value.length ? [...this.value] : []
+          if (Array.isArray(this.value))
+            this.multipleValue = this.value.length ? [...this.value] : []
           else {
             throw new Error('v-model字段类型错误，只可传入数组')
           }
@@ -568,7 +850,11 @@ export default {
     },
     handleLevel(item, index) {
       if (item.id === -1) {
-        this.currentList = this.handleData((this.isOriginSchoolSearch || this.isOriginActivitySchoolSearch) ? this.searchList : this.list)
+        this.currentList = this.handleData(
+          this.isOriginSchoolSearch || this.isOriginActivitySchoolSearch
+            ? this.searchList
+            : this.list
+        )
         this.searchValue = null
         this.breadList.splice(1, this.breadList.length - 1)
         this.isOriginAndCurrent = false
@@ -577,11 +863,12 @@ export default {
       } else {
         this.currentList = item.children
         this.breadList = this.breadList.slice(0, index + 1)
-
       }
     },
     handleNext(item) {
-      this.currentList = item.children
+      console.log(item, 867)
+      this.currentList = JSON.parse(JSON.stringify(item.children))
+      // this.currentList = item.treeList
       this.breadList.push(item)
     },
     handleConfirm() {
@@ -589,7 +876,13 @@ export default {
         if (this.multiple) {
           if (this.multipleValue) {
             let info = []
-            this.handleCascaderFind((this.formOriginSearchVale || this.originSchoolSearchValue) ? this.searchList : this.list, this.multipleValue, info)
+            this.handleCascaderFind(
+              this.formOriginSearchVale || this.originSchoolSearchValue
+                ? this.searchList
+                : this.list,
+              this.multipleValue,
+              info
+            )
             if (!info.length) {
               this.$fm('您选择的数据有误，请重新选择')
               return
@@ -598,20 +891,34 @@ export default {
         } else {
           if (this.selectValue) {
             let info = null
-            info = this.handleCascaderFind((this.formOriginSearchVale || this.originSchoolSearchValue) ? this.searchList : this.list, this.selectValue) || info
+            info =
+              this.handleCascaderFind(
+                this.formOriginSearchVale || this.originSchoolSearchValue
+                  ? this.searchList
+                  : this.list,
+                this.selectValue
+              ) || info
             if (!info) {
               this.$fm('您选择的数据有误，请重新选择')
               return
             }
           }
         }
-        this.$emit('update:list', (this.formOriginSearchVale || this.originSchoolSearchValue) ? this.searchList : this.list)
+        this.$emit(
+          'update:list',
+          this.formOriginSearchVale || this.originSchoolSearchValue
+            ? this.searchList
+            : this.list
+        )
       }
       if (this.multiple) {
         this.$emit('change', this.multipleValue)
-        this.$emit('changeAll', this.multipleValueShow.map(item => {
-          return { ...item }
-        }))
+        this.$emit(
+          'changeAll',
+          this.multipleValueShow.map((item) => {
+            return { ...item }
+          })
+        )
         this.isPopupShow = false
       } else {
         if (this.isCascader) {
@@ -619,83 +926,93 @@ export default {
             this.$set(this.studentBaseInfo, 'sysShellName', null)
           }
           this.$emit('change', this.selectValue)
-          this.$emit('changeAll', { ...this.handleCascaderFind(this.allList, this.selectValue) || {} })
+          this.$emit('changeAll', {
+            ...(this.handleCascaderFind(this.allList, this.selectValue) || {}),
+          })
         } else {
           this.$emit('change', this.selectValue)
-          this.$emit('changeAll', { ...this.currentList.find(item => item.id === this.selectValue) || {} })
+          this.$emit('changeAll', {
+            ...(this.currentList.find((item) => item.id === this.selectValue) ||
+              {}),
+          })
         }
         this.isPopupShow = false
       }
     },
 
     toggle(val, item) {
-      if (item.disabled || this.isLastSelect && !!item.children.length) return
-      this.$refs.checkboxes.find(item => item.name === val).toggle()
+      if (item.disabled || (this.isLastSelect && !!item.children.length)) return
+      this.$refs.checkboxes.find((item) => item.name === val).toggle()
     },
 
     handleRadio(val, item) {
-      if (item.disabled || this.isLastSelect && !!item.children.length) return
+      if (item.disabled || (this.isLastSelect && !!item.children.length)) return
       if (this.selectValue === val) this.selectValue = null
       else this.selectValue = val
     },
 
     // 远程搜索
-    handleOriginInput: debounceFun(function (e) {
-      if (!e) return
-      this.originLoading = true
-      this.isOriginSearchClear = false
-      const query = {
-        id: null,
-        keyword: e,
-        word: e
-      }
+    handleOriginInput: debounceFun(
+      function (e) {
+        if (!e) return
+        this.originLoading = true
+        this.isOriginSearchClear = false
+        const query = {
+          id: null,
+          keyword: e,
+          word: e,
+        }
 
-      if (this.isOriginActivitySchoolSearch) {
-        if (e) {
-          getActivitySchoolBoxApi(query).then(res => {
-            let arr = res.data || []
-            this.searchList = arr.map(item => {
-              return {
-                id: item.id,
-                title: item.title,
-                children: []
-              }
-            })
-            this.$nextTick(() => {
-              this.breadList = [{ id: -1, title: '首页', children: [] }]
-              this.currentList = []
-              // this.handleClear()
-              this.handleDataInit(this.searchList)
-            })
-          }).finally(() => {
+        if (this.isOriginActivitySchoolSearch) {
+          if (e) {
+            getActivitySchoolBoxApi(query)
+              .then((res) => {
+                let arr = res.data || []
+                this.searchList = arr.map((item) => {
+                  return {
+                    id: item.id,
+                    title: item.title,
+                    children: [],
+                  }
+                })
+                this.$nextTick(() => {
+                  this.breadList = [{ id: -1, title: '首页', children: [] }]
+                  this.currentList = []
+                  // this.handleClear()
+                  this.handleDataInit(this.searchList)
+                })
+              })
+              .finally(() => {
+                this.originLoading = false
+              })
+          } else {
             this.originLoading = false
-          })
+          }
         } else {
-          this.originLoading = false
+          schoolListApi(query)
+            .then((res) => {
+              this.searchList = (res.data || []).map((item) => {
+                return {
+                  id: item.value,
+                  title: item.text,
+                  children: [],
+                }
+              })
+              this.$nextTick(() => {
+                this.breadList = [{ id: -1, title: '首页', children: [] }]
+                this.currentList = []
+                // this.handleClear()
+                this.handleDataInit(this.searchList)
+              })
+            })
+            .finally(() => {
+              this.originLoading = false
+            })
         }
-
-      } else {
-        schoolListApi(query).then(res => {
-          this.searchList = (res.data || []).map(item => {
-            return {
-              id: item.value,
-              title: item.text,
-              children: []
-            }
-          })
-          this.$nextTick(() => {
-            this.breadList = [{ id: -1, title: '首页', children: [] }]
-            this.currentList = []
-            // this.handleClear()
-            this.handleDataInit(this.searchList)
-          })
-        }).finally(() => {
-          this.originLoading = false
-        })
-      }
-    }, 1000, false),
-
-
+      },
+      1000,
+      false
+    ),
 
     // 远程下级
     handleOriginSchoolNext(e) {
@@ -704,48 +1021,52 @@ export default {
       this.originCurrentSchoolSearchValue = ''
       // 完善信息
       if (this.isOriginRemainCascader) {
-        getdepartmentListApi(e.id).then(res => {
-          let arr = (res.data.childs || []).map(item => {
-            return {
-              ...item,
-              id: item.id,
-              title: item.title,
-              extendNum: item.extendNum,
-              children: []
-            }
+        getdepartmentListApi(e.id)
+          .then((res) => {
+            let arr = (res.data.childs || []).map((item) => {
+              return {
+                ...item,
+                id: item.id,
+                title: item.title,
+                extendNum: item.extendNum,
+                children: [],
+              }
+            })
+            this.handleDeepOrigin(e.id, arr, this.searchList)
+            this.$nextTick(() => {
+              this.currentList = arr
+              this.breadList.push({ ...e, children: arr })
+            })
           })
-          this.handleDeepOrigin(e.id, arr, this.searchList)
-          this.$nextTick(() => {
-            this.currentList = arr
-            this.breadList.push({ ...e, children: arr })
+          .finally(() => {
+            this.originLoading = false
           })
-        }).finally(() => {
-          this.originLoading = false
-        })
       } else {
-        schoolNextListApi(e.id).then(res => {
-          let arr = (res.data || []).map(item => {
-            return {
-              ...item,
-              id: item.value,
-              title: item.text,
-              children: []
-            }
+        schoolNextListApi(e.id)
+          .then((res) => {
+            let arr = (res.data || []).map((item) => {
+              return {
+                ...item,
+                id: item.value,
+                title: item.text,
+                children: [],
+              }
+            })
+            this.handleDeepOrigin(e.id, arr, this.searchList)
+            // this.$emit('update:list', this.allList)
+            this.$nextTick(() => {
+              this.currentList = arr
+              this.breadList.push({ ...e, children: arr })
+            })
           })
-          this.handleDeepOrigin(e.id, arr, this.searchList)
-          // this.$emit('update:list', this.allList)
-          this.$nextTick(() => {
-            this.currentList = arr
-            this.breadList.push({ ...e, children: arr })
+          .finally(() => {
+            this.originLoading = false
           })
-        }).finally(() => {
-          this.originLoading = false
-        })
       }
     },
     handleDeepOrigin(id, list, currentList) {
       for (let index = 0; index < currentList.length; index++) {
-        const element = currentList[index];
+        const element = currentList[index]
         if (element.id === id) {
           element.children = list
         } else if (element.children && element.children.length) {
@@ -754,67 +1075,74 @@ export default {
       }
     },
 
-    handleFormOriginInput: debounceFun(function (e) {
-      if (!e) return
-      if (this.originSchoolType == 1) {
-        const query = {
-          code: '',
-          keyword: e,
-          type: this.originSchoolAttr
-        }
-        this.originLoading = true
-        searchschoolApi(query).then(res => {
-          let arr = res.data || []
-          // arr.unshift({ value: -1, text: '未知' })
-          this.searchList = arr.map(item => {
-            return {
-              id: item.value,
-              title: item.text
-            }
-          })
-          this.$nextTick(() => {
-            this.handleDataInit(this.searchList)
-            // this.$emit('update:list', this.searchList)
-          })
-        }).finally(() => {
-          this.originLoading = false
-        })
-      } else if (this.originSchoolType == 2) {
-        const query = {
-          keyword: e,
-          id: this.originSchoolAttr
+    handleFormOriginInput: debounceFun(
+      function (e) {
+        if (!e) return
+        if (this.originSchoolType == 1) {
+          const query = {
+            code: '',
+            keyword: e,
+            type: this.originSchoolAttr,
+          }
+          this.originLoading = true
+          searchschoolApi(query)
+            .then((res) => {
+              let arr = res.data || []
+              // arr.unshift({ value: -1, text: '未知' })
+              this.searchList = arr.map((item) => {
+                return {
+                  id: item.value,
+                  title: item.text,
+                }
+              })
+              this.$nextTick(() => {
+                this.handleDataInit(this.searchList)
+                // this.$emit('update:list', this.searchList)
+              })
+            })
+            .finally(() => {
+              this.originLoading = false
+            })
+        } else if (this.originSchoolType == 2) {
+          const query = {
+            keyword: e,
+            id: this.originSchoolAttr,
+          }
+          this.originLoading = true
+          searchcollegelApi(query)
+            .then((res) => {
+              let arr = res.data || []
+              arr.unshift({ value: -1, text: '未知' })
+              this.searchList = arr.map((item) => {
+                return {
+                  id: item.value,
+                  title: item.text,
+                }
+              })
+              // this.$emit('update:list', arr.map(item => {
+              //   return {
+              //     id: item.value,
+              //     title: item.text
+              //   }
+              // }))
+              this.$nextTick(() => {
+                this.handleDataInit(this.searchList)
+                // this.$emit('update:list', this.searchList)
+              })
+            })
+            .finally(() => {
+              this.originLoading = false
+            })
         }
-        this.originLoading = true
-        searchcollegelApi(query).then(res => {
-          let arr = res.data || []
-          arr.unshift({ value: -1, text: '未知' })
-          this.searchList = arr.map(item => {
-            return {
-              id: item.value,
-              title: item.text
-            }
-          })
-          // this.$emit('update:list', arr.map(item => {
-          //   return {
-          //     id: item.value,
-          //     title: item.text
-          //   }
-          // }))
-          this.$nextTick(() => {
-            this.handleDataInit(this.searchList)
-            // this.$emit('update:list', this.searchList)
-          })
-        }).finally(() => {
-          this.originLoading = false
-        })
-      }
-    }, 1000, false),
+      },
+      1000,
+      false
+    ),
 
     handleMorePage() {
       this.limitPageNum += 1
-    }
-
-  }
+    },
+  },
 }
 </script>
 <style lang="scss">
diff --git a/src/views/company/claim/index.vue b/src/views/company/claim/index.vue
index bfb46ec..4e42a43 100644
--- a/src/views/company/claim/index.vue
+++ b/src/views/company/claim/index.vue
@@ -832,6 +832,8 @@ import VerifyFunc from '@/utils/verify'
 import { getTreeIds, findAreaIdName } from '@/utils'
 import { getExpenseApplyMyPage } from '@/api/bs/expenseApply'
 import { Dialog } from 'vant'
+import { getAreaTree } from '@/api/system/area'
+import { handleAreaLoop } from '@/utils'
 export default {
   //import引入组件才能使用
   props: {},
@@ -850,11 +852,13 @@ export default {
     this.handleInitList().then(() => {
       this.handleInitForm()
     })
+    this.getTree()
   },
   // 生命周期：挂载完成时（可以访问DOM元素）
   mounted() {},
   data() {
     return {
+      areaTree: [],
       indexOne: 1,
       indexTwo: 1,
       claimType: '',
@@ -955,9 +959,9 @@ export default {
       })
       return arr
     },
-    areaTree() {
+    /* areaTree() {
       return this.$store.getters.areaTree
-    },
+    }, */
     userDeptTree() {
       return this.$store.getters.userDeptTree
     },
@@ -984,6 +988,13 @@ export default {
   watch: {},
   // 方法集合
   methods: {
+    getTree() {
+      getAreaTree().then((res) => {
+        let tree = res.data || []
+        handleAreaLoop(tree)
+        this.areaTree = tree
+      })
+    },
     handleCountAmount(list) {
       // 判断是否有成功
       let res = (list || []).filter((item) => item.feeManageAmount)