修改

dsk-operate-ui/src/views/projectCostLedger/detail/components/DirectCost/index.vue

 <template>
-  <div class="directCost-container">
+  <div class="directCost-container" @click="handleDown">
     <div class="directCost-main">
       <!--<div class="search">-->
         <!--<el-select v-model="date" placeholder="请选择">-->
@@ -226,7 +226,6 @@ export default {
   },
   created() {
     EventBus.$on('valueChanged', (newValue) => {
-      console.log(newValue,"|||||")
       this.getCbDirectExpenseList(newValue)
     });
   },
@@ -239,6 +238,9 @@ export default {
   },
   //方法集
   methods: {
+    handleDown(){
+      EventBus.$emit('handleDown', false);
+    },
     async getCbDirectExpenseMenuTree(params) {
       try {
         const result = await getCbDirectExpenseMenuTreeApi(params);

dsk-operate-ui/src/views/projectCostLedger/detail/components/ProjectDetailHeader.vue

 <template>
   <div class="project-cost-ledger-detail-header">
-    <div class="project-cost-ledger-detail-header-inner">
+    <div class="project-cost-ledger-detail-header-inner" @click="handleDown">
       <project-bread-crumb :current="current" :breadCrumbTree="breadCrumbTree" @breadCrumbTrigger="breadCrumbTrigger"></project-bread-crumb>
       <!-- 项目名称 -->
       <div class="project-detail-header-name">
         <div class="name">
           {{comDetailInfo.projectName ? comDetailInfo.projectName : "-"}}
-          <i :class="state ?'el-icon-arrow-up':'el-icon-arrow-down'" @click="handleDown" v-if="current === 'directCost'" style="cursor: pointer;"></i>
-          <div class="down-list" v-if="state">
+          <i :class="state ?'el-icon-arrow-up':'el-icon-arrow-down'" @click.stop="handleDown" v-if="current === 'directCost'" style="cursor: pointer;"></i>
+          <div class="down-list" v-if="state" @click.stop>
             <project-side-menu :menuTree="menuTreeList" :menuOptions="menuOptions" :unique-opened="false" v-model="defaultActive"  @select="handleSelect">
               <template :slot="`${menuDetails.menuName}-${menuDetails.menuLevel}`">
                 <img src="@/assets/images/projectCostLedger/icon_cost_detail_1.svg" alt="">
@@ -86,7 +86,9 @@ export default {
   },
   //可访问data属性
   created() {
-
+    EventBus.$on('handleDown', (newValue) => {
+      this.state=newValue;
+    });
   },
   //计算集
   computed: {
@@ -118,6 +120,7 @@ export default {
       }
     },
     handleDown(){
+      console.log()
       this.state=!this.state;
       if(this.menuTreeList.length === 0){
         this.getCbDirectExpenseMenuTree(this.comDetailInfo.projectId)
@@ -178,7 +181,7 @@ export default {
       min-width: 500px;
       min-height: 200px;
       position: absolute;
-      right: -40px;
+      left: 0;
       z-index: 99;
       box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08),0px 2px 6px 0px rgba(0, 0, 0, 0.06),0px 4px 8px 2px rgba(0, 0, 0, 0.04);
       top:30px;

dsk-operate-ui/src/views/supplier/supplierOverview/index.vue

@@ -61,10 +61,10 @@
           <div class="cont_title">
             风险类型分布
             <div class="select">
-              <el-select v-model="value1" filterable class="form-content-width  same-select-com" placeholder="供应商类型" @change="iptAdaptive(inputID1,'','fxfb')"
-                         :class="[`select-adaptive-${inputID1}`]" :popper-append-to-body='false'>
-                <el-option v-for="(item, index) in gyslxList" :key="index" :label="item.label" :value="item.value" />
-              </el-select>
+              <!--<el-select v-model="value1" filterable class="form-content-width  same-select-com" placeholder="供应商类型" @change="iptAdaptive(inputID1,'','fxfb')"-->
+                         <!--:class="[`select-adaptive-${inputID1}`]" :popper-append-to-body='false'>-->
+                <!--<el-option v-for="(item, index) in gyslxList" :key="index" :label="item.label" :value="item.value" />-->
+              <!--</el-select>-->
               <custom-time-select :timeList="timeList" v-model="time" :class="[`select-adaptive-${inputID}`]" timeValue=""
                                   placeholder="动态时间" @handle-search="iptAdaptive(inputID,'','fxfb')" />
             </div>
@@ -97,10 +97,10 @@
           <div class="cont_title">
             风险类型趋势
             <div class="select">
-              <el-select v-model="value2" filterable class="form-content-width  same-select-com" placeholder="供应商类型" @change="iptAdaptive(inputID1,'','fxlxqs')"
-                         :class="[`select-adaptive-${inputID1}`]" :popper-append-to-body='false'>
-                <el-option v-for="(item, index) in fxlxList" :key="index" :label="item.label" :value="item.value" />
-              </el-select>
+              <!--<el-select v-model="value2" filterable class="form-content-width  same-select-com" placeholder="供应商类型" @change="iptAdaptive(inputID1,'','fxlxqs')"-->
+                         <!--:class="[`select-adaptive-${inputID1}`]" :popper-append-to-body='false'>-->
+                <!--<el-option v-for="(item, index) in fxlxList" :key="index" :label="item.label" :value="item.value" />-->
+              <!--</el-select>-->
               <!--<el-select v-model="value3" filterable class="form-content-width  same-select-com" placeholder="展示方式" :class="[`select-adaptive-${inputID1}`]" :popper-append-to-body='false'>-->
                 <!--<el-option v-for="(item, index) in gyslxList" :key="index" :label="item.label" :value="item.value" />-->
               <!--</el-select>-->