update

src/modules/admin/lab/experiment/components/CopyDialog.vue

@@ -3,7 +3,7 @@ import type { FormInstance } from 'element-plus'
 import type { ExperimentItem } from '../types'
 import { ElMessage } from 'element-plus'
 import { copyExperiment } from '../api'
-import { useGetProjectList } from '@/composables/useGetProjectList'
+// import { useGetProjectList } from '@/composables/useGetProjectList'
 import { useGetTeacherList } from '../composables/useGetTeacherList'
 import { pickBy } from 'lodash-es'
 const props = defineProps<{
@@ -31,7 +31,7 @@ onMounted(() => {
 })
 
 // 机构列表
-const { organizations } = useGetProjectList()
+// const { organizations } = useGetProjectList()
 
 // 指导教师列表
 const { teachers, updateTeachers } = useGetTeacherList()
@@ -42,9 +42,9 @@ watch(
   }
 )
 
-function handleOrgChange() {
-  form.sso_id = ''
-}
+// function handleOrgChange() {
+//   form.sso_id = ''
+// }
 
 async function handleSubmit() {
   formRef.value?.validate().then(async () => {
@@ -63,13 +63,13 @@ async function handleSubmit() {
       <el-form-item label="实验名称" prop="experiment_name">
         <el-input v-model="form.experiment_name" />
       </el-form-item>
-      <el-form-item label="实验所属部门/学校" prop="organ_id">
+      <!-- <el-form-item label="实验所属部门/学校" prop="organ_id">
         <el-select v-model="form.organ_id" style="width: 100%" @change="handleOrgChange" clearable>
           <el-option v-for="item in organizations" :key="item.id" :label="item.name" :value="item.id"></el-option>
         </el-select>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item label="指导老师" prop="sso_id">
-        <el-select v-model="form.sso_id" style="width: 100%" clearable>
+        <el-select filterable v-model="form.sso_id" style="width: 100%" clearable>
           <el-option v-for="item in teachers" :key="item.id" :label="item.name" :value="item.sso_id"></el-option>
         </el-select>
       </el-form-item>

src/modules/admin/lab/experiment/components/DMLFormDialog.vue

@@ -33,84 +33,84 @@ const experimentConfig: any = [
   {
     id: 1,
     name: '基础配置',
-    is_checked: true,
+    is_checked: false,
     pid: 0,
     children: [
-      { id: 2, name: '连接管理', is_checked: true, pid: 1, children: [] },
-      { id: 3, name: '用户属性管理', is_checked: true, pid: 1, children: [] },
-      { id: 4, name: '事件属性管理', is_checked: true, pid: 1, children: [] }
+      { id: 2, name: '连接管理', is_checked: false, pid: 1, children: [] },
+      { id: 3, name: '用户属性管理', is_checked: false, pid: 1, children: [] },
+      { id: 4, name: '事件属性管理', is_checked: false, pid: 1, children: [] }
     ]
   },
   {
     id: 5,
     name: '营销策划',
-    is_checked: true,
+    is_checked: false,
     pid: 0,
     children: []
   },
   {
     id: 6,
     name: '用户画像',
-    is_checked: true,
+    is_checked: false,
     pid: 0,
     children: []
   },
   {
     id: 7,
     name: '用户识别',
-    is_checked: true,
+    is_checked: false,
     pid: 0,
     children: [
-      { id: 8, name: '标签管理', is_checked: true, pid: 7, children: [] },
-      { id: 9, name: '群组管理', is_checked: true, pid: 7, children: [] }
+      { id: 8, name: '标签管理', is_checked: false, pid: 7, children: [] },
+      { id: 9, name: '群组管理', is_checked: false, pid: 7, children: [] }
     ]
   },
   {
     id: 10,
     name: '营销内容设计',
-    is_checked: true,
+    is_checked: false,
     pid: 0,
     children: [
-      { id: 11, name: '文本资料管理', is_checked: true, pid: 10, children: [] },
-      { id: 12, name: '图片资料管理', is_checked: true, pid: 10, children: [] },
-      { id: 13, name: '卡券资料管理', is_checked: true, pid: 10, children: [] },
-      { id: 14, name: '视频资料管理', is_checked: true, pid: 10, children: [] },
-      { id: 15, name: 'H5资料管理', is_checked: true, pid: 10, children: [] },
-      { id: 16, name: '二维码资料管理', is_checked: true, pid: 10, children: [] },
-      { id: 17, name: '语言资料管理', is_checked: true, pid: 10, children: [] },
-      { id: 18, name: '小程序资料管理', is_checked: true, pid: 10, children: [] }
+      { id: 11, name: '文本资料管理', is_checked: false, pid: 10, children: [] },
+      { id: 12, name: '图片资料管理', is_checked: false, pid: 10, children: [] },
+      { id: 13, name: '卡券资料管理', is_checked: false, pid: 10, children: [] },
+      { id: 14, name: '视频资料管理', is_checked: false, pid: 10, children: [] },
+      { id: 15, name: 'H5资料管理', is_checked: false, pid: 10, children: [] },
+      { id: 16, name: '二维码资料管理', is_checked: false, pid: 10, children: [] },
+      { id: 17, name: '语言资料管理', is_checked: false, pid: 10, children: [] },
+      { id: 18, name: '小程序资料管理', is_checked: false, pid: 10, children: [] }
     ]
   },
   {
     id: 19,
     name: '自动化营销',
-    is_checked: true,
+    is_checked: false,
     pid: 0,
     children: []
   },
   {
     id: 20,
     name: '直播带货',
-    is_checked: true,
+    is_checked: false,
     pid: 0,
     children: [
-      { id: 21, name: '商品品类管理', is_checked: true, pid: 20, children: [] },
-      { id: 22, name: '商品属性管理', is_checked: true, pid: 20, children: [] },
-      { id: 23, name: '商品管理', is_checked: true, pid: 20, children: [] },
-      { id: 24, name: '直播练习', is_checked: true, pid: 20, children: [] },
-      { id: 25, name: '直播话术管理', is_checked: true, pid: 20, children: [] }
+      { id: 21, name: '商品品类管理', is_checked: false, pid: 20, children: [] },
+      { id: 22, name: '商品属性管理', is_checked: false, pid: 20, children: [] },
+      { id: 23, name: '商品管理', is_checked: false, pid: 20, children: [] },
+      { id: 24, name: '直播练习', is_checked: false, pid: 20, children: [] },
+      { id: 25, name: '直播话术管理', is_checked: false, pid: 20, children: [] }
     ]
   },
   {
     id: 26,
     name: '数据分析',
-    is_checked: true,
+    is_checked: false,
     pid: 0,
     children: [
-      { id: 27, name: '用户分析', is_checked: true, pid: 26, children: [] },
-      { id: 28, name: '标签群组分析', is_checked: true, pid: 26, children: [] },
-      { id: 29, name: '事件分析', is_checked: true, pid: 26, children: [] },
-      { id: 30, name: '营销分析', is_checked: true, pid: 26, children: [] }
+      { id: 27, name: '用户分析', is_checked: false, pid: 26, children: [] },
+      { id: 28, name: '标签群组分析', is_checked: false, pid: 26, children: [] },
+      { id: 29, name: '事件分析', is_checked: false, pid: 26, children: [] },
+      { id: 30, name: '营销分析', is_checked: false, pid: 26, children: [] }
     ]
   }
 ]
@@ -138,6 +138,8 @@ const form = reactive({
 // 模板列表
 let templateList = $ref<{ id: string; name: string }[]>([])
 
+const checked = ref(false)
+
 function fetchInfo() {
   getTripConfig({ experiment_id: props.data.id }).then(res => {
     const data = res.data
@@ -179,6 +181,10 @@ function fetchInfo() {
       }, []),
       is_use_common_live_commodities: data.is_use_common_live_commodities
     })
+    // checked
+    if (data.auth_config.length) {
+      checked.value = data.auth_config.find((item: any) => item.is_checked === false) ? false : true
+    }
     // form.auth_config = data.auth_config.length > 0 ? data.auth_config : experimentConfig
   })
 }
@@ -235,10 +241,9 @@ const handleH2Check = (item: any) => {
       return d
     })
   }
-  // item.children.map((d: any) => {
-  //   d.is_checked = !item.is_checked
-  //   return d
-  // })
+  setTimeout(() => {
+    checked.value = form.auth_config.find((item: any) => item.is_checked === false) ? false : true
+  }, 100)
 }
 
 const handleItemCheck = (item: any) => {
@@ -248,7 +253,21 @@ const handleItemCheck = (item: any) => {
   } else {
     item.is_checked = true
   }
-  // isCheck === -1 ? (item.is_checked = true) : (item.is_checked = false)
+  setTimeout(() => {
+    checked.value = isChe()
+  }, 100)
+  function isChe() {
+    for (let i = 0; i < form.auth_config.length; i++) {
+      if (form.auth_config[i].is_checked === false) {
+        return false
+      }
+      const c = form.auth_config[i].children.findIndex((cItem: any) => cItem.is_checked === false)
+      if (c !== -1) {
+        return false
+      }
+    }
+    return true
+  }
 }
 
 // 直播商品列表
@@ -256,6 +275,16 @@ const liveList: any = ref([])
 getLiveCommodity({ experiment_id: props.data.id }).then((res: any) => {
   liveList.value = res.data?.items || []
 })
+
+// 功能全选按钮
+const handleSelectAll = () => {
+  form.auth_config.map((item: any) => {
+    item.is_checked = !checked.value
+    item.children.map((cItem: any) => {
+      cItem.is_checked = !checked.value
+    })
+  })
+}
 </script>
 
 <template>
@@ -273,6 +302,7 @@ getLiveCommodity({ experiment_id: props.data.id }).then((res: any) => {
       </el-row>
       <el-tabs v-model="step" tab-position="left">
         <el-tab-pane label="功能" :name="-1">
+          <el-checkbox @click="handleSelectAll" v-model="checked" label="全选" size="large" />
           <div class="check-ul">
             <div class="li" v-for="item in form?.auth_config" :key="item?.id">
               <div class="check-h2">
@@ -453,8 +483,8 @@ getLiveCommodity({ experiment_id: props.data.id }).then((res: any) => {
           >关闭</el-button
         >
         <el-button round auto-insert-space @click="handlePrev" v-else>上一步</el-button>
-        <el-button type="primary" round auto-insert-space @click="handleNext" v-if="step < 2">下一步</el-button>
-        <el-button type="primary" round auto-insert-space @click="handleSubmit" v-else>保存</el-button>
+        <el-button type="primary" round auto-insert-space @click="handleNext" v-if="step < 6">下一步</el-button>
+        <el-button type="primary" round auto-insert-space @click="handleSubmit">保存</el-button>
       </el-row>
     </template>
   </el-dialog>

src/modules/admin/lab/experiment/components/FormDialog.vue

@@ -138,7 +138,7 @@ function handleUpdate(params: ExperimentCreateItem) {
         <el-input-number v-model="form.length" :min="1" :max="20" step-strictly style="width: 100%" />
       </el-form-item>
       <el-form-item label="指导教师" prop="teachers_ids">
-        <el-select v-model="form.teachers_ids" multiple style="width: 100%">
+        <el-select filterable v-model="form.teachers_ids" multiple style="width: 100%">
           <el-option v-for="item in teachers" :key="item.id" :label="item.name" :value="item.id"></el-option>
         </el-select>
       </el-form-item>