公共搜索组件修改

src/components/heardSearch/index.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="heardSearchBox">
     <el-form label-width="60px" inline>
-      <el-form-item label="类别:">
+      <!-- <el-form-item label="类别:"> -->
+      <el-form-item>
         <el-select
           v-model="tagListNode"
           style="width: 80px"
@@ -22,7 +23,8 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="机构:">
+      <!-- <el-form-item label="机构:" v-if="OrganizationLists?.length"> -->
+      <el-form-item v-if="OrganizationLists?.length">
         <el-select
           v-model="checkNode"
           style="width: 140px"
@@ -45,7 +47,8 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="场站:">
+      <!-- <el-form-item label="场站:" v-if="stationList?.length"> -->
+      <el-form-item v-if="stationList?.length">
         <el-select
           v-model="checkStation"
           style="width: 160px"
@@ -64,7 +67,8 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="项目:" v-if="!hiddenProject">
+      <!-- <el-form-item label="项目:" v-if="!hiddenProject && projectList?.length"> -->
+      <el-form-item v-if="!hiddenProject && projectList?.length">
         <el-select
           size="mini"
           v-model="projectObj"
@@ -82,7 +86,8 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="线路:" v-if="!hiddenLine">
+      <!-- <el-form-item label="线路:" v-if="!hiddenLine && lineList?.length"> -->
+      <el-form-item v-if="!hiddenLine && lineList?.length">
         <el-select
           size="mini"
           v-model="lineObj"
@@ -100,7 +105,8 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="设备:">
+      <!-- <el-form-item label="设备:" v-if="!hiddenWtList && wtList?.length"> -->
+      <el-form-item v-if="!hiddenWtList && wtList?.length">
         <el-select
           v-model="wtId"
           style="width: 120px"
@@ -118,7 +124,8 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="日期:">
+      <!-- <el-form-item label="日期:"> -->
+      <el-form-item>
         <el-date-picker
           v-model="dateRange"
           style="width: 260px"

src/views/layout/economicsOperation/benchmarkingManagement/performanceRankingList/index.vue

@@ -6,28 +6,6 @@
       :hiddenSearch="true"
       @firstRender="firstRender"
     />
-    <!-- 新增搜索组件，属性描述： -->
-    <!-- type: 默认选中的类别，-1为风电, -2为光伏 -->
-    <!-- hiddenStation: 是否隐藏选择场站下拉框，默认 false -->
-    <!-- hiddenProject: 是否隐藏选择项目下拉框，默认 false -->
-    <!-- hiddenLine: 是否隐藏选择线路下拉框，默认 false -->
-    <!-- hiddenWtList: 是否隐藏选择设备下拉框，默认 false -->
-    <!--                                                -->
-    <!-- buttons: 展示在搜索组件右侧的按钮，以数组方式表示，其中数组每一项属性描述： -->
-    <!--     label: 按钮上显示的文本 -->
-    <!--     callback: 按钮调用的函数 -->
-    <!--     disabled: 按钮是否禁用 -->
-    <!--     hide: 按钮是否隐藏 -->
-    <!--                                                 -->
-    <!-- firstRender: 接受组件值变化的函数，返回的值为一个对象，对象的属性说明: -->
-    <!--     category: 当前选中的类别 -->
-    <!--     orgId: 当前选中的机构 -->
-    <!--     station: 当前选中的场站 -->
-    <!--     project: 当前选中的项目 -->
-    <!--     line: 当前选中的线路 -->
-    <!--     wtId: 当前选中的设备 -->
-    <!--     dateRange: 当前选中的日期区间 -->
-    <!--                                                 -->
     <HeardSearch
       :type="-2"
       @firstRender="firstRender"

src/views/layout/economicsOperation/benchmarkingManagement/projectBenchmarking/index.vue

@@ -1,30 +1,47 @@
 <template>
   <div class="parcel-box">
-    <div class="title">
+    <HeardSearch
+      :type="-2"
+      :hiddenLine="true"
+      :hiddenWtList="true"
+      @firstRender="firstRender"
+      :buttons="[
+        { label: '搜索', callback: getCmdb, disabled: displayDetail },
+        {
+          label: '对标分析',
+          callback: dbfx,
+          disabled:
+            chooseList.length <= 5 && chooseList.length > 1 ? false : true,
+        },
+        { label: '返回', callback: goBack, hide: displayDetail },
+      ]"
+      v-if="true"
+    />
+    <div class="title" v-else>
       <el-select
-          size="mini"
-          :disabled="displayDetail"
-          v-model="company"
-          placeholder="请选择"
-          @change="handleCompanyChange(company)"
+        size="mini"
+        :disabled="displayDetail"
+        v-model="company"
+        placeholder="请选择"
+        @change="handleCompanyChange(company)"
       >
         <el-option
-            v-for="item in companyOptions"
-            :key="item.id"
-            :label="item.aname"
-            :value="item.id"
+          v-for="item in companyOptions"
+          :key="item.id"
+          :label="item.aname"
+          :value="item.id"
         >
         </el-option>
       </el-select>
       <div class="tabCut">
         <div
-            @click="tabClick(val.id)"
-            :class="[
+          @click="tabClick(val.id)"
+          :class="[
             tabIndex === val.id ? 'active' : '',
             displayDetail ? 'disabled' : '',
           ]"
-            v-for="val in tabOptions"
-            :key="val.id"
+          v-for="val in tabOptions"
+          :key="val.id"
         >
           <span>{{ val.name }}</span>
         </div>
@@ -32,20 +49,20 @@
       <div class="station">
         场站：
         <el-select
-            size="mini"
-            :disabled="displayDetail"
-            v-model="stationObj"
-            multiple
-            collapse-tags
-            placeholder="请选择"
-            @change="handleStationChange(stationObj)"
-            clearable
+          size="mini"
+          :disabled="displayDetail"
+          v-model="stationObj"
+          multiple
+          collapse-tags
+          placeholder="请选择"
+          @change="handleStationChange(stationObj)"
+          clearable
         >
           <el-option
-              v-for="item in stationList"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
+            v-for="item in stationList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
           >
           </el-option>
         </el-select>
@@ -53,20 +70,20 @@
       <div class="station">
         项目：
         <el-select
-            size="mini"
-            :disabled="displayDetail"
-            v-model="projectObj"
-            placeholder="请选择"
-            multiple
-            collapse-tags
-            @change="handleProjectChange(projectObj)"
-            clearable
+          size="mini"
+          :disabled="displayDetail"
+          v-model="projectObj"
+          placeholder="请选择"
+          multiple
+          collapse-tags
+          @change="handleProjectChange(projectObj)"
+          clearable
         >
           <el-option
-              v-for="item in projectList"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
+            v-for="item in projectList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
           >
           </el-option>
         </el-select>
@@ -75,12 +92,12 @@
         开始日期
         <div class="search-input">
           <el-date-picker
-              v-model="starTime"
-              :disabled="displayDetail"
-              type="date"
-              value-format="YYYY-MM-DD"
-              placeholder="选择日期"
-              popper-class="date-select"
+            v-model="starTime"
+            :disabled="displayDetail"
+            type="date"
+            value-format="YYYY-MM-DD"
+            placeholder="选择日期"
+            popper-class="date-select"
           >
           </el-date-picker>
         </div>
@@ -89,42 +106,42 @@
         结束日期
         <div class="search-input">
           <el-date-picker
-              v-model="endTime"
-              :disabled="displayDetail"
-              type="date"
-              value-format="YYYY-MM-DD"
-              placeholder="选择日期"
-              popper-class="date-select"
+            v-model="endTime"
+            :disabled="displayDetail"
+            type="date"
+            value-format="YYYY-MM-DD"
+            placeholder="选择日期"
+            popper-class="date-select"
           >
           </el-date-picker>
         </div>
       </div>
       <div class="but">
         <el-button
-            round
-            size="mini"
-            class="buttons"
-            :disabled="displayDetail"
-            @click="getCmdb"
-        >搜索</el-button
+          round
+          size="mini"
+          class="buttons"
+          :disabled="displayDetail"
+          @click="getCmdb"
+          >搜索</el-button
         >
         <el-button
-            round
-            size="mini"
-            class="buttons"
-            @click="dbfx"
-            :disabled="
+          round
+          size="mini"
+          class="buttons"
+          @click="dbfx"
+          :disabled="
             chooseList.length <= 5 && chooseList.length > 1 ? false : true
           "
-        >对标分析</el-button
+          >对标分析</el-button
         >
         <el-button
-            round
-            size="mini"
-            class="buttons"
-            @click="goBack"
-            v-if="displayDetail"
-        >返回</el-button
+          round
+          size="mini"
+          class="buttons"
+          @click="goBack"
+          v-if="displayDetail"
+          >返回</el-button
         >
         <!-- <el-button round size="mini" class="buttons">导出</el-button> -->
       </div>
@@ -136,231 +153,231 @@
       </div>
       <div class="economicTable" :style="{ height: echartsHeight }">
         <el-table
-            :data="tableData"
-            ref="multipleTable"
-            size="mini"
-            :height="echartsHeight"
-            :cell-style="{ padding: '4px' }"
-            :row-style="{ height: '0' }"
-            stripe
-            @selection-change="handleCurrentChange"
+          :data="tableData"
+          ref="multipleTable"
+          size="mini"
+          :height="echartsHeight"
+          :cell-style="{ padding: '4px' }"
+          :row-style="{ height: '0' }"
+          stripe
+          @selection-change="handleCurrentChange"
         >
           <el-table-column type="selection" width="55" align="center">
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="name"
-              label="名称"
-              width="150"
-              sortable
+            align="center"
+            prop="name"
+            label="名称"
+            width="150"
+            sortable
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="zhpm"
-              label="综合排名"
-              width="80"
-              sortable
+            align="center"
+            prop="zhpm"
+            label="综合排名"
+            width="80"
+            sortable
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="fdlpm"
-              label="发电量排名"
-              sortable
-              width="63"
+            align="center"
+            prop="fdlpm"
+            label="发电量排名"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="fdl"
-              label="发电量"
-              sortable
-              width="63"
+            align="center"
+            prop="fdl"
+            label="发电量"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="gzssdlpm"
-              label="故障损失排名"
-              sortable
-              width="63"
+            align="center"
+            prop="gzssdlpm"
+            label="故障损失排名"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="gzssdl"
-              label="故障损失"
-              sortable
-              width="63"
+            align="center"
+            prop="gzssdl"
+            label="故障损失"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="jxssdlpm"
-              label="检修损失排名"
-              sortable
-              width="63"
+            align="center"
+            prop="jxssdlpm"
+            label="检修损失排名"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="jxssdl"
-              label="检修损失"
-              sortable
-              width="63"
+            align="center"
+            prop="jxssdl"
+            label="检修损失"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="xnssdlpm"
-              label="性能损失排名"
-              sortable
-              width="63"
+            align="center"
+            prop="xnssdlpm"
+            label="性能损失排名"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="xnssdl"
-              label="性能损失"
-              sortable
-              width="63"
+            align="center"
+            prop="xnssdl"
+            label="性能损失"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="xdssdlpm"
-              label="限电损失排名"
-              sortable
-              width="63"
+            align="center"
+            prop="xdssdlpm"
+            label="限电损失排名"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="xdssdl"
-              label="限电损失"
-              sortable
-              width="63"
+            align="center"
+            prop="xdssdl"
+            label="限电损失"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="slssdlpm"
-              label="受累损失排名"
-              sortable
-              width="63"
+            align="center"
+            prop="slssdlpm"
+            label="受累损失排名"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="slssdl"
-              label="受累损失"
-              sortable
-              width="63"
+            align="center"
+            prop="slssdl"
+            label="受累损失"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="fnlylpm"
-              :label="(tabIndex === -1 ? '风能' : '光能') + '利用率排名'"
-              sortable
-              width="63"
+            align="center"
+            prop="fnlylpm"
+            :label="(tabIndex === -1 ? '风能' : '光能') + '利用率排名'"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="fnlyl"
-              :label="(tabIndex === -1 ? '风能' : '光能') + '利用率(%)'"
-              sortable
-              width="63"
+            align="center"
+            prop="fnlyl"
+            :label="(tabIndex === -1 ? '风能' : '光能') + '利用率(%)'"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="gzsslpm"
-              label="故障损失率排名"
-              sortable
-              width="63"
+            align="center"
+            prop="gzsslpm"
+            label="故障损失率排名"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="gzssl"
-              label="故障损失率(%)"
-              sortable
-              width="63"
+            align="center"
+            prop="gzssl"
+            label="故障损失率(%)"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="jxsslpm"
-              label="检修损失率排名"
-              sortable
-              width="63"
+            align="center"
+            prop="jxsslpm"
+            label="检修损失率排名"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="jxssl"
-              label="检修损失率(%)"
-              sortable
-              width="63"
+            align="center"
+            prop="jxssl"
+            label="检修损失率(%)"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="qflpm"
-              :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
-              sortable
-              width="63"
+            align="center"
+            prop="qflpm"
+            :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="qfl"
-              :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
-              sortable
-              width="63"
+            align="center"
+            prop="qfl"
+            :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="xnsslpm"
-              label="性能损失率排名"
-              sortable
-              width="63"
+            align="center"
+            prop="xnsslpm"
+            label="性能损失率排名"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="xnssl"
-              label="性能损失率(%)"
-              sortable
-              width="63"
+            align="center"
+            prop="xnssl"
+            label="性能损失率(%)"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="slsslpm"
-              label="受累损失率排名"
-              sortable
-              width="63"
+            align="center"
+            prop="slsslpm"
+            label="受累损失率排名"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column
-              align="center"
-              prop="slssl"
-              label="受累损失率(%)"
-              sortable
-              width="63"
+            align="center"
+            prop="slssl"
+            label="受累损失率(%)"
+            sortable
+            width="63"
           >
           </el-table-column>
           <el-table-column align="center" prop="" label="操作">
             <template v-slot="scope">
               <span
-                  @click="goDetail(scope.row)"
-                  style="cursor: pointer; color: #1c99ff"
-              >详情</span
+                @click="goDetail(scope.row)"
+                style="cursor: pointer; color: #1c99ff"
+                >详情</span
               >
             </template>
           </el-table-column>
@@ -375,10 +392,10 @@
           损失电量分析
         </div>
         <PieChart
-            :lossPower="lossPower"
-            width="100%"
-            height="20vh"
-            :showLable="false"
+          :lossPower="lossPower"
+          width="100%"
+          height="20vh"
+          :showLable="false"
         ></PieChart>
       </div>
       <div class="bar-echarts">
@@ -388,34 +405,34 @@
           五项损失
         </div>
         <BarCharts
-            :list="barList"
-            width="100%"
-            height="30vh"
-            :showLegend="true"
-            :xdate="false"
-            :colorIndex="true"
+          :list="barList"
+          width="100%"
+          height="30vh"
+          :showLegend="true"
+          :xdate="false"
+          :colorIndex="true"
         ></BarCharts>
       </div>
     </div>
     <div v-if="displayDetail">
       <el-table
-          :data="detailTable"
-          ref="multipleTable"
-          size="mini"
-          height="88vh"
-          :cell-style="{ padding: '0px' }"
-          :row-style="{ height: '0' }"
-          stripe
-          @selection-change="handleCurrentChange"
+        :data="detailTable"
+        ref="multipleTable"
+        size="mini"
+        height="88vh"
+        :cell-style="{ padding: '0px' }"
+        :row-style="{ height: '0' }"
+        stripe
+        @selection-change="handleCurrentChange"
       >
         <el-table-column type="selection" width="55" align="center">
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="name"
-            label="风机名称"
-            width="150"
-            sortable
+          align="center"
+          prop="name"
+          label="风机名称"
+          width="150"
+          sortable
         >
         </el-table-column>
         <el-table-column align="center" prop="zhpm" label="综合排名" sortable>
@@ -423,126 +440,126 @@
         <el-table-column align="center" prop="gzssdl" label="故障损失" sortable>
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="jxssdlpm"
-            label="检修损失排名"
-            sortable
+          align="center"
+          prop="jxssdlpm"
+          label="检修损失排名"
+          sortable
         >
         </el-table-column>
         <el-table-column align="center" prop="jxssdl" label="检修损失" sortable>
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="xnssdlpm"
-            label="性能损失排名"
-            sortable
+          align="center"
+          prop="xnssdlpm"
+          label="性能损失排名"
+          sortable
         >
         </el-table-column>
         <el-table-column align="center" prop="xnssdl" label="性能损失" sortable>
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="xdssdlpm"
-            label="限电损失排名"
-            sortable
+          align="center"
+          prop="xdssdlpm"
+          label="限电损失排名"
+          sortable
         >
         </el-table-column>
         <el-table-column align="center" prop="xdssdl" label="限电损失" sortable>
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="slssdlpm"
-            label="受累损失排名"
-            sortable
+          align="center"
+          prop="slssdlpm"
+          label="受累损失排名"
+          sortable
         >
         </el-table-column>
         <el-table-column align="center" prop="slssdl" label="受累损失" sortable>
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="gzsslpm"
-            label="故障损失率排名"
-            sortable
+          align="center"
+          prop="gzsslpm"
+          label="故障损失率排名"
+          sortable
         >
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="gzssl"
-            label="故障损失率(%)"
-            sortable
+          align="center"
+          prop="gzssl"
+          label="故障损失率(%)"
+          sortable
         >
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="jxsslpm"
-            label="检修损失率排名"
-            sortable
+          align="center"
+          prop="jxsslpm"
+          label="检修损失率排名"
+          sortable
         >
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="jxssl"
-            label="检修损失率(%)"
-            sortable
+          align="center"
+          prop="jxssl"
+          label="检修损失率(%)"
+          sortable
         >
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="qflpm"
-            :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
-            sortable
+          align="center"
+          prop="qflpm"
+          :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
+          sortable
         >
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="qfl"
-            :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
-            sortable
+          align="center"
+          prop="qfl"
+          :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
+          sortable
         >
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="xnsslpm"
-            label="性能损失率排名"
-            sortable
+          align="center"
+          prop="xnsslpm"
+          label="性能损失率排名"
+          sortable
         >
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="xnssl"
-            label="性能损失率(%)"
-            sortable
+          align="center"
+          prop="xnssl"
+          label="性能损失率(%)"
+          sortable
         >
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="slsslpm"
-            label="受累损失率排名"
-            sortable
+          align="center"
+          prop="slsslpm"
+          label="受累损失率排名"
+          sortable
         >
         </el-table-column>
         <el-table-column
-            align="center"
-            prop="slssl"
-            label="受累损失率(%)"
-            sortable
+          align="center"
+          prop="slssl"
+          label="受累损失率(%)"
+          sortable
         >
         </el-table-column>
       </el-table>
     </div>
 
     <el-dialog
-        class="dialogs"
-        width="90%"
-        top="40px"
-        v-model="dialogVisible"
-        :show-close="true"
+      class="dialogs"
+      width="90%"
+      top="40px"
+      v-model="dialogVisible"
+      :show-close="true"
     >
       <template #title>
         <div class="dialog-title">
           <img
-              class="dialog-title-img"
-              src="@assets/img/images/dialog-title.png"
+            class="dialog-title-img"
+            src="@assets/img/images/dialog-title.png"
           />
           <div class="title">对标排名分析</div>
         </div>
@@ -550,15 +567,15 @@
       <div class="dialog-body">
         <img class="dialog-img" src="@assets/img/images/dialog.png" />
         <dayinfo
-            :radarValue="radarValue"
-            :title="[windNum, windNum2, windNum3, windNum4, windNum5]"
-            :windNum="windNum"
-            :windNum2="windNum2"
-            :windNum3="windNum3"
-            :windNum4="windNum4"
-            :windNum5="windNum5"
-            :tabs="tabs"
-            :analyisDialog="analyisDialog"
+          :radarValue="radarValue"
+          :title="[windNum, windNum2, windNum3, windNum4, windNum5]"
+          :windNum="windNum"
+          :windNum2="windNum2"
+          :windNum3="windNum3"
+          :windNum4="windNum4"
+          :windNum5="windNum5"
+          :tabs="tabs"
+          :analyisDialog="analyisDialog"
         />
       </div>
     </el-dialog>
@@ -566,6 +583,7 @@
 </template>
 
 <script>
+import HeardSearch from "@com/heardSearch/index.vue";
 import dayjs from "dayjs";
 import { companys } from "@/api/curveAnalyse";
 import { getStation, getProject, xmdb, details } from "@/api/performance";
@@ -575,12 +593,14 @@ import dayinfo from "../compontent/dayinfo.vue";
 export default {
   name: "intervalBenchmarking", //场际对标
   components: {
+    HeardSearch,
     PieChart,
     BarCharts,
     dayinfo,
   },
   data() {
     return {
+      isFirstLoad: true,
       company: "",
       companyOptions: [],
       stationObj: [],
@@ -890,11 +910,11 @@ export default {
       });
       this.radarValue = radarValue;
       var analyis = [],
-          gzssdl = [],
-          jxssdl = [],
-          xnssdl = [],
-          xdssdl = [],
-          slssdl = [];
+        gzssdl = [],
+        jxssdl = [],
+        xnssdl = [],
+        xdssdl = [],
+        slssdl = [];
       data.forEach((item, index) => {
         gzssdl.push({
           text: item.name,
@@ -918,34 +938,47 @@ export default {
         });
       });
       analyis.push(
-          {
-            title: "故障损失电量",
-            yAxisIndex: 0,
-            value: gzssdl,
-          },
-          {
-            title: "检修损失电量",
-            yAxisIndex: 0,
-            value: jxssdl,
-          },
-          {
-            title: "性能损失电量",
-            yAxisIndex: 0,
-            value: xnssdl,
-          },
-          {
-            title: "限电损失电量",
-            yAxisIndex: 0,
-            value: xdssdl,
-          },
-          {
-            title: "受累损失电量",
-            yAxisIndex: 0,
-            value: slssdl,
-          }
+        {
+          title: "故障损失电量",
+          yAxisIndex: 0,
+          value: gzssdl,
+        },
+        {
+          title: "检修损失电量",
+          yAxisIndex: 0,
+          value: jxssdl,
+        },
+        {
+          title: "性能损失电量",
+          yAxisIndex: 0,
+          value: xnssdl,
+        },
+        {
+          title: "限电损失电量",
+          yAxisIndex: 0,
+          value: xdssdl,
+        },
+        {
+          title: "受累损失电量",
+          yAxisIndex: 0,
+          value: slssdl,
+        }
       );
       this.analyisDialog = analyis;
     },
+    firstRender(searchOptions) {
+      this.tabIndex = searchOptions.category;
+      this.company = searchOptions.orgId;
+      this.starTime = searchOptions.dateRange?.[0] || "";
+      this.endTime = searchOptions.dateRange?.[1] || "";
+      this.stationObj = [searchOptions.station];
+      this.projectObj = [searchOptions.project];
+      this.lineObj = [searchOptions.line];
+      if (this.isFirstLoad) {
+        this.isFirstLoad = false;
+        this.getCmdb();
+      }
+    },
   },
   watch: {
     screenHeight(val) {
@@ -999,7 +1032,7 @@ export default {
       background-color: #0c3378;
       color: #fff;
     }
-      .disabled {
+    .disabled {
       pointer-events: none;
     }
   }