我的布控

src/views/backOfficeSystem/IntelligentControl/myControl/index.vue

@@ -13,10 +13,9 @@
         <div>
           <el-button type="primary" @click="sendControl">发起布控</el-button>
           <el-button type="primary">导出</el-button>
-          <el-button type="primary">发起布控</el-button>
           <el-button type="danger">批量删除</el-button>
           <el-button type="primary" icon="CirclePlus">添加标签模型</el-button>
-          <el-button type="primary" icon="CirclePlus" @click="areaModel">添加范围模型</el-button>
+          <el-button type="primary" icon="CirclePlus" @click="drawerModel">添加范围模型</el-button>
           <el-button type="primary" icon="CirclePlus" @click="personNum">涉及人数</el-button>
         </div>
         <el-input v-model="input2" style="max-width: 300px" placeholder="请输入关键字">
@@ -56,8 +55,9 @@
     <!-- 发起布控 -->
     <SendControl ref="sendControlRef"></SendControl>
     <PersonNum ref="personNumRef"></PersonNum>
-    <!-- 添加范围模型 -->
-    <AreaModel ref="areaModelRef"></AreaModel>
+
+    <!-- 侧边栏 -->
+    <DrawerAreaModel ref="drawerModelRef"></DrawerAreaModel>
   </div>
 </template>
 
@@ -69,7 +69,7 @@
   import DetailForm from "./components/detailForm.vue";
   import SendControl from "./components/sendControl.vue";
   import PersonNum from "./components/personNum.vue";
-  import AreaModel from "./components/areaModel.vue";
+  import DrawerAreaModel from "./components/drawerAreaModel.vue";
 
   import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
   import { reactive, ref, onMounted, getCurrentInstance } from "vue";
@@ -124,7 +124,7 @@
       options: [{ label: "在业", value: "在业" }]
     }
   ]);
-  const areaModelRef = ref();
+  const drawerModelRef = ref();
   const queryFrom = ref({});
   const pageData = reactive({
     tableData: [
@@ -221,8 +221,9 @@
   };
   // 添加范围模型
 
-  const areaModel = () => {
-    areaModelRef.value.init();
+  // 侧边栏
+  const drawerModel = () => {
+    drawerModelRef.value.init();
   };
   // 表格高度计算
   const tabHeightFn = () => {