diff --git a/src/views/mock/index.vue b/src/views/mock/index.vue
index 9695d91..efac58f 100644
--- a/src/views/mock/index.vue
+++ b/src/views/mock/index.vue
@@ -7,27 +7,59 @@ import {InfoFilled} from "@element-plus/icons-vue";
 let cinema_items = ref([]);
 const select_ip = ref('')
 
-let mock_config = ref(
-    {
-      // 数据下载
-      download_film_info: false,
-      get_cinema_info: false,
-      get_screen_info: false,
-      // 数据上报
-      report_ticket: false,
-      report_film_schedule: false,
-      upload_screen_seat_info: false,
-      // 超时票务审核
-      get_overtime_ticket_status: false,
-      // 数据查询
-      valid_error: false,
+// let mock_config = ref(
+//     {
+//       // 数据下载
+//       download_film_info: false,
+//       get_cinema_info: false,
+//       get_screen_info: false,
+//       // 数据上报
+//       report_ticket: false,
+//       report_film_schedule: false,
+//       upload_screen_seat_info: false,
+//       // 超时票务审核
+//       get_overtime_ticket_status: false,
+//       // 数据查询
+//       valid_error: false,
+//
+//       data_download_check_all: false,
+//       data_download_indeterminate: false,
+//     }
+// )
+const checkAll = ref(false)
+const isIndeterminate = ref(false)
+const checkedMockConfig = ref([])
+const mockConfigItems = ['download_film_info', 'get_cinema_info', 'get_screen_info']
 
-      data_download_check_all: false,
-      data_download_indeterminate: false,
+const mockConfig = ref(
+    [
+      {
+        label: '数据下载',
+        items: [
+          {
+            key: 'download_film_info',
+            name: '影片信息下载接口'
+          }, {
+            key: 'get_cinema_info',
+            name: '影院信息下载接口'
+          }, {
+            key: 'get_screen_info',
+            name: '影厅信息下载接口'
+          }
+        ]
+      }, {
+      label: '数据上报',
+      items: ['report_ticket', 'report_film_schedule', 'upload_screen_seat_info']
+    }, {
+      label: '超时票务审核',
+      items: ['get_overtime_ticket_status']
+    }, {
+      label: '数据查询',
+      items: ['valid_error']
     }
+    ]
 )
 
-
 async function get_cinema_items() {
   cinema_items = []
   await cinema_list().then(res => {
@@ -46,29 +78,29 @@ async function get_cinema_items() {
   })
 }
 
-const handle_download_all_Change = (val) => {
-  if (mock_config.value.download_film_info && mock_config.value.get_cinema_info && mock_config.value.get_screen_info) {
-    mock_config.value.data_download_check_all = true
-    mock_config.value.data_download_indeterminate = false
-  } else if (mock_config.value.download_film_info || mock_config.value.get_cinema_info || mock_config.value.get_screen_info){
-    mock_config.value.data_download_check_all = false
-    mock_config.value.data_download_indeterminate = true
-  }
-  else{
-    mock_config.value.data_download_check_all = false
-    mock_config.value.data_download_indeterminate = false
-  }
-  // if (mock_config.value.data_download_check_all === true && mock_config.value.data_download_indeterminate === false) {
-  //   mock_config.value.download_film_info = true
-  //   mock_config.value.get_cinema_info = true
-  //   mock_config.value.get_screen_info = true
-  // }
-  // else {
-  //   mock_config.value.download_film_info = false
-  //   mock_config.value.get_cinema_info = false
-  //   mock_config.value.get_screen_info = false
-  // }
-}
+// const handle_download_all_Change = (val) => {
+//   if (mock_config.value.download_film_info && mock_config.value.get_cinema_info && mock_config.value.get_screen_info) {
+//     mock_config.value.data_download_check_all = true
+//     mock_config.value.data_download_indeterminate = false
+//   } else if (mock_config.value.download_film_info || mock_config.value.get_cinema_info || mock_config.value.get_screen_info){
+//     mock_config.value.data_download_check_all = false
+//     mock_config.value.data_download_indeterminate = true
+//   }
+//   else{
+//     mock_config.value.data_download_check_all = false
+//     mock_config.value.data_download_indeterminate = false
+//   }
+//   // if (mock_config.value.data_download_check_all === true && mock_config.value.data_download_indeterminate === false) {
+//   //   mock_config.value.download_film_info = true
+//   //   mock_config.value.get_cinema_info = true
+//   //   mock_config.value.get_screen_info = true
+//   // }
+//   // else {
+//   //   mock_config.value.download_film_info = false
+//   //   mock_config.value.get_cinema_info = false
+//   //   mock_config.value.get_screen_info = false
+//   // }
+// }
 
 onMounted(
     async () => {
@@ -109,56 +141,75 @@ onMounted(
             </el-icon>
           </template>
         </el-popover>
+        <el-checkbox
+            v-model="checkAll"
+            :indeterminate="isIndeterminate"
+            @change=""
+        >
+          全选
+        </el-checkbox>
       </p>
     </div>
-    <el-divider content-position="left">
-      <el-checkbox
-          v-model="mock_config.data_download_check_all"
-          :indeterminate="mock_config.data_download_indeterminate"
-          @change="handle_download_all_Change"
-      >
-        <span class="api_class">数据下载</span>
-      </el-checkbox>
-    </el-divider>
-<!--    <el-checkbox-group>-->
-      <el-row :gutter="0">
-        <el-col :span="8">
-          <el-checkbox
-              v-model="mock_config.download_film_info"
-              key="download_film_info"
-              label="download_film_info"
-              @change="handle_download_all_Change"
-          >
-            影片信息下载接口
-          </el-checkbox>
-        </el-col>
-        <el-col :span="8">
-          <el-checkbox
-              v-model="mock_config.get_cinema_info"
-              key="get_cinema_info"
-              label="get_cinema_info"
-              @change="handle_download_all_Change">
-            影院信息下载接口
-          </el-checkbox>
-        </el-col>
-        <el-col :span="8">
-          <el-checkbox
-              v-model="mock_config.get_screen_info"
-              key="get_screen_info"
-              label="get_screen_info"
-              @change="handle_download_all_Change">
-            影厅信息下载接口
-          </el-checkbox>
-        </el-col>
-      </el-row>
-<!--    </el-checkbox-group>-->
+    <el-checkbox-group
+      v-model="checkedMockConfig"
+      @change=""
+    >
+      <div v-for="(api_items) in mockConfig">
+        <el-divider content-position="left">
+          <span class="api_label">{{ api_items.label }}</span>
+        </el-divider>
+        <el-row justify="start">
+          <el-col :span=24/api_items.items.length v-for="api in api_items">
+            <el-checkbox
+              :key="api.key"
+              :label="api.key"
+            >
+              {{api.name}}
+            </el-checkbox>
+          </el-col>
+        </el-row>
+      </div>
+    </el-checkbox-group>
+
+<!--    &lt;!&ndash;    <el-checkbox-group>&ndash;&gt;-->
+<!--    <el-row :gutter="0">-->
+<!--      <el-col :span="8">-->
+<!--        <el-checkbox-->
+<!--            v-model="mock_config.download_film_info"-->
+<!--            key="download_film_info"-->
+<!--            label="download_film_info"-->
+<!--            @change="handle_download_all_Change"-->
+<!--        >-->
+<!--          影片信息下载接口-->
+<!--        </el-checkbox>-->
+<!--      </el-col>-->
+<!--      <el-col :span="8">-->
+<!--        <el-checkbox-->
+<!--            v-model="mock_config.get_cinema_info"-->
+<!--            key="get_cinema_info"-->
+<!--            label="get_cinema_info"-->
+<!--            @change="handle_download_all_Change">-->
+<!--          影院信息下载接口-->
+<!--        </el-checkbox>-->
+<!--      </el-col>-->
+<!--      <el-col :span="8">-->
+<!--        <el-checkbox-->
+<!--            v-model="mock_config.get_screen_info"-->
+<!--            key="get_screen_info"-->
+<!--            label="get_screen_info"-->
+<!--            @change="handle_download_all_Change">-->
+<!--          影厅信息下载接口-->
+<!--        </el-checkbox>-->
+<!--      </el-col>-->
+<!--    </el-row>-->
+    <!--    </el-checkbox-group>-->
 
 
   </el-form>
 </template>
 
 <style scoped>
-span.api_class {
+span.api_label {
   font-size: 18px;
 }