新建定向包问题

src/components/businessMoudle/batchGdt/configArea/directPacket/common/Cascader/index.vue

@@ -57,12 +57,14 @@ const props = withDefaults(defineProps<{
   title?: string,
   list?:any,
   subId?:string|number,
-  echochooseNum?:number
+  echochooseNum?:number,
+  key?:number
 }>(), {
   title: '',
   list:[],
   subId:'',
-  echochooseNum:0
+  echochooseNum:0,
+  key:1
 })
 const chooseObj = reactive<reactiveTableAndAny>({
   items:[]
@@ -80,50 +82,9 @@ const {
 }  = cascaderTs(props)
 
 const {deleEvent} = subChooseTs()
-
-// const chooseNum = computed(()=>{
-//   let num:number = 0
-//   chooseObj.items = []
-//   opionsList.value.forEach(item=>{
-//     if(item.isCheck){
-//       num+=1
-//       chooseObj.items.push(item)
-//     }else{
-//       if(item.child&&item.child.length>0){
-//         item.child.forEach(sub=>{
-//           if(sub.isCheck){
-//             num+=1
-//             chooseObj.items.push(sub)
-//           }else{
-//             if(sub.child&&sub.child.length>0){
-//               sub.child.forEach(sun=>{
-//                 if(sun.isCheck){
-//                   num+=1
-//                   chooseObj.items.push(sun)
-//                 }else{
-//                   if(sun.child&&sun.child.length>0){
-//                     sun.child.forEach(cSun=>{
-//                       if(cSun.isCheck){
-//                         num+=1
-//                         chooseObj.items.push(cSun)
-//                       }
-//                     })
-//                   }
-//                 }
-//               })
-//             }
-//           }
-//         })
-//       }
-//     }
-//   })
-//   return num
-// })
-
 const chooseNum = ref<number>(props.echochooseNum)
 
 const updateChooseNum = () => {
-  console.log('updateChooseNum');
   let num:number = 0
   chooseObj.items = []
   opionsList.value.forEach(item=>{
@@ -165,6 +126,9 @@ const updateChooseNum = () => {
 watch(()=>pageInfo.key,()=>{
   updateChooseNum()
 })
+watch(()=>props.key,()=>{
+  pageInfo.subOpions = []
+})
 onMounted(()=>{
   updateChooseNum()
 })

src/components/businessMoudle/batchGdt/configArea/directPacket/newDirecPacket.vue

@@ -34,7 +34,9 @@
                       @returnEvent="val=>reEventRadio(val,item)">
             <template v-if="item.EgName=='geo_location'" v-slot:appoint>
               <div class="tMar20">
-                <Cascade title="国家" :list="pageInfoTs.location_ca_list" :echochooseNum="item.value.regions&&item.value.regions.length" key="geo_location" @getIds="val=>handleCasItem(val,'geo_location',item)"></Cascade>
+                <Cascade :key="pageInfo.showKey" title="国家" :list="pageInfoTs.location_ca_list"
+                         :echochooseNum="item.value.regions&&item.value.regions.length" key="geo_location"
+                         @getIds="val=>handleCasItem(val,'geo_location',item)"></Cascade>
                 <el-checkbox-group v-model="item.value.location_types" @change="getEstimation">
                   <el-checkbox v-for="i in pageInfo.locationList" :label="i.label" >{{i.value}}</el-checkbox>
                 </el-checkbox-group>
@@ -139,6 +141,7 @@ const pageInfo = reactive<reactiveTableAndAny>({
   ],
   estimationObj:{},
   directPacketParams:{},//确认和获取信息后台需要的参数
+  showKey:1
 })
 const fullLoading = ref<boolean>(false)
 
@@ -301,6 +304,7 @@ const switchShow = (val:boolean)=>{
   dialogShow.value = val
   if(val){
     loading.value = true
+    pageInfo.showKey++
     nextTick(async ()=>{
       //自定义转化行为
       await get_behavior_list()