作业区域- 添加项目分类和所属项目详情

src/views/demo/jobarea/index.vue

@@ -8,6 +8,7 @@
           :allAreaDataList="allAreaDataList"
           :allWorkspaceDataList="allWorkspaceDataList"
           :nowShowAreaData="nowShowAreaData"
+          :projectList="projectList"
           @changeLeftMenuShow="changeLeftMenuShow"
           @handlerLocation="handlerLocation"
           @changeAnnotationInfoShow="changeAnnotationInfoShow"
@@ -84,6 +85,10 @@
     // 左侧目录是否显示----------------------------------------------------
     const pathLeftMenuRef = ref();
     const leftMenuShow = ref(true);
+
+    const projectList = ref([
+      { label: '全部项目', value: 'all' },
+    ])
     function changeLeftMenuShow() {
       leftMenuShow.value = !leftMenuShow.value;
     }
@@ -95,6 +100,13 @@
     function getWorksListData() {
       GetWorkspaceList().then((result1) => {
           allWorkspaceDataList.value = result1;
+          console.log('projectlist',result1)
+          result1.forEach(item => {
+            projectList.value.push({
+              label: item.WorkspaceName,
+              value: item.Id
+            })
+          })
       })
     }
     // 关闭右侧标注
@@ -256,7 +268,7 @@
         z-index:1;
         display:flex;
         gap:15px;
-        width: 340px;
+        width: 423px;
       }
   
       .mapDiv {

src/views/demo/jobarea/pathAreaInfo.vue

@@ -110,6 +110,14 @@
       <a-col :span="18">
         <div class="annotationContent"> {{ props.nowShowAreaData.createUserName }}</div>
       </a-col>
+      <a-col :span="6">
+        <div class="annotationTitle">所属项目</div>
+      </a-col>
+      <a-col :span="18">
+        <div class="annotationContent">
+          {{ props.nowShowAreaData.workSpaceName}}
+        </div>
+      </a-col>
     </a-row>
   </div>
 </template>

src/views/demo/jobarea/pathLeftMenu.vue

@@ -20,13 +20,20 @@
             </a-select>
             <a-select
               v-model:value="areastate"
-              style="width: 120px"
+              style="width: 120px; margin-right: 15px;"
               @change="handleChangeAreaSelect"
             >
               <a-select-option value="all">全部状态</a-select-option>
               <a-select-option value="0">已启用</a-select-option>
               <a-select-option value="1">已禁用</a-select-option>
             </a-select>
+            <a-select
+              v-model:value="areaProject"
+              style="width: 120px"
+              placeholder="全部项目"
+              @change="handleChangeAreaSelect"
+              :options="props.projectList"
+            />
           </div>
           <!-- 列表 -->
           <div v-for="show in showMenuInfoList" :key="show.id">
@@ -196,6 +203,7 @@
     'allWorkspaceDataList',
     'allAreaDataList',
     'nowShowAreaData',
+    'projectList'
   ]);
   const emits = defineEmits([
     'changeLeftMenuShow',
@@ -224,6 +232,7 @@
   // 地图作业区域-单选
   const areatype = ref('all');
   const areastate = ref('all');
+  const areaProject = ref('all')
   // 地图作业区域-获取类别区分
   function getType(type) {
     let name = '';
@@ -244,12 +253,16 @@
   const filterAfterAreaDataList = ref(props.allAreaDataList);
   function handleChangeAreaSelect() {
     let filterAreaData = props.allAreaDataList;
+    console.log('filterAreaData',filterAreaData)
     if (areatype.value !== 'all') {
       filterAreaData = filterAreaData.filter((item) => item.type == areatype.value);
     }
     if (areastate.value !== 'all') {
       filterAreaData = filterAreaData.filter((item) => item.state == areastate.value);
     }
+    if (areaProject.value !== 'all') {
+      filterAreaData = filterAreaData.filter((item) => item.workSpaceId == areaProject.value);
+    }
     filterAreaData.forEach((annotation) => {
       props.allWorkspaceDataList.forEach((tree) => {
         if (tree.Id == annotation.workSpaceId) {