页面运营选择短剧回显优化等

src/views/pageLayout/channelPageManage/form/videoList.vue

@@ -203,7 +203,9 @@ const tableData = computed(() => data.value?.data);
 const chooseDel = (row: object, idx: number) => {
   console.log(row, idx, 'row: object, idx: number', multipleSelection.value[idx]);
   multipleSelection.value.splice(idx, 1);
-  setRowSelected(false)
+  // multipleTableRef.value.toggleRowSelection(row, false);//第一次回显的时候没有效果 改成下面那种方式
+  setRowSelected()
+  search()
 }
 
 const handleSelectionChange = (val: []) => {
@@ -230,10 +232,10 @@ const confirm = () => {
 
 if (props.primary) {
   // console.log(props.primary, 'props.primaryprops.primary');
-  multipleSelection.value = props.primary || []
+  multipleSelection.value = JSON.parse(JSON.stringify(props.primary)) || []
   if (multipleSelection.value.length > 0) {
+    // 初始化 sortValues 数组长度，保持与 multipleSelection 数组一致
     sortValues.value = multipleSelection.value.map(el => el.sort)
-    console.log(sortValues.value, 'sortValues.valuesortValues.value');
   }
 }
 
@@ -250,12 +252,10 @@ const setRowSelected = (status: boolean = true) => {
   rowSelectFlag.value = false
 }
 onMounted(() => {
-  // 初始化 sortValues 数组长度，保持与 multipleSelection 数组一致
-  // sortValues.value = new Array(multipleSelection.value.length);
   query.value = Object.assign({ page: query.value.page, limit: query.value.limit, shelfType: 2, wechatPass: 1 });
-  setRowSelected()
   initType()
   search();
+  setRowSelected()
 });
 </script>
 

src/views/pageLayout/homePageManage/form/videoList.vue

@@ -203,7 +203,9 @@ const tableData = computed(() => data.value?.data);
 const chooseDel = (row: object, idx: number) => {
   console.log(row, idx, 'row: object, idx: number', multipleSelection.value[idx]);
   multipleSelection.value.splice(idx, 1);
-  setRowSelected(false)
+  // multipleTableRef.value.toggleRowSelection(row, false);//第一次回显的时候没有效果 改成下面那种方式
+  setRowSelected()
+  search()
 }
 
 const handleSelectionChange = (val: []) => {
@@ -230,10 +232,10 @@ const confirm = () => {
 
 if (props.primary) {
   // console.log(props.primary, 'props.primaryprops.primary');
-  multipleSelection.value = props.primary || []
+  multipleSelection.value = JSON.parse(JSON.stringify(props.primary)) || []
   if (multipleSelection.value.length > 0) {
+    // 初始化 sortValues 数组长度，保持与 multipleSelection 数组一致
     sortValues.value = multipleSelection.value.map(el => el.sort)
-    console.log(sortValues.value, 'sortValues.valuesortValues.value');
   }
 }
 
@@ -250,12 +252,10 @@ const setRowSelected = (status: boolean = true) => {
   rowSelectFlag.value = false
 }
 onMounted(() => {
-  // 初始化 sortValues 数组长度，保持与 multipleSelection 数组一致
-  // sortValues.value = new Array(multipleSelection.value.length);
   query.value = Object.assign({ page: query.value.page, limit: query.value.limit, shelfType: 2, wechatPass: 1 });
-  setRowSelected()
   initType()
   search();
+  setRowSelected()
 });
 </script>
 

src/views/pageLayout/viewpagerPageManage/form/videoList.vue

@@ -192,7 +192,7 @@ const confirm = () => {
 
 if (props.primary) {
   // console.log(props.primary, 'props.primaryprops.primary');
-  multipleSelection.value = props.primary || {}
+  multipleSelection.value = JSON.parse(JSON.stringify(props.primary)) || {}
   selVal.value = props.primary.id
 }