diff --git a/src/assets/images/device/cdz_carpage.png b/src/assets/images/device/cdz_carpage.png
new file mode 100644
index 0000000..9fa43b8
Binary files /dev/null and b/src/assets/images/device/cdz_carpage.png differ
diff --git a/src/assets/images/mainPage/cdz_carpage.png b/src/assets/images/mainPage/cdz_carpage.png
new file mode 100644
index 0000000..9fa43b8
Binary files /dev/null and b/src/assets/images/mainPage/cdz_carpage.png differ
diff --git a/src/views/pages/carPage/index.vue b/src/views/pages/carPage/index.vue
index ca8e0ed..eff9649 100644
--- a/src/views/pages/carPage/index.vue
+++ b/src/views/pages/carPage/index.vue
@@ -2,15 +2,26 @@
 <template>
   <div class="carpage_container" :style="styleVar">
     <div class="content_left">
-      <div :class="`animated ${hideLeft ? 'fadeInLeftBig' : 'fadeOutLeftBig'}`" :style="{ opacity: hideLeft ? '1' : '0' }">
+      <div
+        :class="`animated ${hideLeft ? 'fadeInLeftBig' : 'fadeOutLeftBig'}`"
+        :style="{ opacity: hideLeft ? '1' : '0' }"
+      >
         <!-- 左展开箭头 -->
         <div class="showPanel">
-          <div class="icon_panel_left_off" @click="carleftContentFlag = true" v-if="!carleftContentFlag"></div>
+          <div
+            class="icon_panel_left_off"
+            @click="carleftContentFlag = true"
+            v-if="!carleftContentFlag"
+          ></div>
         </div>
         <!-- 左展开箭头 -->
         <div class="carleft" v-if="carleftContentFlag">
           <!-- 左收缩箭头 -->
-          <div class="icon_panel_left_on" @click="carleftContentFlag = false" v-if="carleftContentFlag"></div>
+          <div
+            class="icon_panel_left_on"
+            @click="carleftContentFlag = false"
+            v-if="carleftContentFlag"
+          ></div>
           <!-- 左收缩箭头 -->
           <!-- 显示树节点以及所有的父节点 -->
           <div class="top_box"></div>
@@ -26,24 +37,39 @@
       </div>
     </div>
     <div class="content_right">
-      <div :class="` animated ${hideRight ? 'fadeInRightBig' : 'fadeOutRightBig'}`" :style="{ opacity: hideRight ? '1' : '0' }">
+      <div
+        :class="` animated ${hideRight ? 'fadeInRightBig' : 'fadeOutRightBig'}`"
+        :style="{ opacity: hideRight ? '1' : '0' }"
+      >
         <!-- 右展开箭头 -->
         <div class="showPanel">
-          <div class="icon_panel_right_off" @click="carrightFlag = true" v-if="!carrightFlag"></div>
+          <div
+            class="icon_panel_right_off"
+            @click="carrightFlag = true"
+            v-if="!carrightFlag"
+          ></div>
         </div>
         <!-- 右展开箭头 -->
         <div class="top_box" v-if="carrightFlag">
-          <div :class="[
+          <div
+            :class="[
               pageFalg === ite.id ? 'tabp_active' : 'tabp_default',
               'tab_box',
-            ]" v-for="ite in tabPageList" @click="changePage(ite.id)">
+            ]"
+            v-for="ite in tabPageList"
+            @click="changePage(ite.id)"
+          >
             {{ ite.pname }}
           </div>
         </div>
         <div class="carPage" v-if="pageFalg === '1'">
           <div class="carright" v-if="carrightFlag">
             <!-- 右收缩箭头 -->
-            <div class="icon_panel_right_on" @click="carrightFlag = false" v-if="carrightFlag"></div>
+            <div
+              class="icon_panel_right_on"
+              @click="carrightFlag = false"
+              v-if="carrightFlag"
+            ></div>
             <!-- 右收缩箭头 -->
             <div class="car_right_box content_bg">
               <div class="load_m_box">
@@ -53,7 +79,10 @@
 
                 <div class="info2_m">
                   <div class="top1_box">
-                    <img src="@/assets/images/mainPage/icon4_xixiao.png" alt="" />
+                    <img
+                      src="@/assets/images/homePage/v2img/n-area.png"
+                      alt=""
+                    />
                     <div class="left1_box">
                       <div class="name">
                         <div class="cen">
@@ -63,7 +92,9 @@
                       <div class="bottom">
                         <span class="fs35">重过载</span>
                         <div class="val fs40">
-                          <div class="blueShadow">{{transformerOverloadCount}}</div>
+                          <div class="blueShadow">
+                            {{ transformerOverloadCount }}
+                          </div>
                           <!-- <span class="blue">个</span> -->
                         </div>
                       </div>
@@ -71,27 +102,42 @@
                   </div>
                 </div>
                 <div class="load_manage_echart">
-                  <load_echart v-if="carRightData.echartsData.length>0" :paramsData="carRightData.echartsData"></load_echart>
+                  <load_echart
+                    v-if="carRightData.echartsData.length > 0"
+                    :paramsData="carRightData.echartsData"
+                  ></load_echart>
                 </div>
               </div>
 
               <div class="load_runstatus_box">
-                <div class="infotitle"><span>充电桩运行状态</span></div>
+                <div class="infotitle">
+                  <span>充电桩运行状态</span>
+                  <div class="posbtn" @click="ajustCarPage">能量调节</div>
+                </div>
                 <div class="list_box">
                   <div class="box_d">
                     <div class="yuand"></div>
                     <span>充电桩数量：</span>
-                    <div class="number c-blue">{{ carRightData.chargingListTotal || '-' }}</div>
+                    <div class="number c-blue">
+                      {{ carRightData.chargingListTotal || "-" }}
+                    </div>
                   </div>
                   <div class="box_d">
                     <div class="yuand"></div>
                     <span>充电中：</span>
-                    <div class="number c-green">{{ carRightData.chargingListRunning || '-' }}</div>
+                    <div class="number c-green">
+                      {{ carRightData.chargingListRunning || "-" }}
+                    </div>
                   </div>
                   <div class="box_d">
                     <div class="yuand"></div>
                     <span>未充电：</span>
-                    <div class="number c-gary">{{(carRightData.chargingListTotal - carRightData.chargingListRunning)  || '-'}}</div>
+                    <div class="number c-gary">
+                      {{
+                        carRightData.chargingListTotal -
+                          carRightData.chargingListRunning || "-"
+                      }}
+                    </div>
                   </div>
                   <!-- <div class="box_d">
                     <div class="yuand"></div>
@@ -100,28 +146,36 @@
                   </div> -->
                 </div>
                 <div class="list_content">
-                  <div class="c_info" v-for="(item,index) in carRightData.chargingList" :key="index">
-                    <img src="@/assets/images/device/chongdainzhaung.png" alt="" />
+                  <div
+                    class="c_info"
+                    v-for="(item, index) in carRightData.chargingList"
+                    :key="index"
+                  >
+                    <img src="@/assets/images/device/cdz_carpage.png" alt="" />
                     <div class="r_info">
                       <div class="t_info">
                         <span class="c-blue">{{ item.name }}</span>
                         <div class="tval">
-                          <div :class="[
+                          <div
+                            :class="[
                               item.status === 1
                                 ? 'b-green'
                                 : item.status === 0
                                 ? 'b-gary'
                                 : 'b-yellow',
                               'yuand',
-                            ]"></div>
-                          <div :class="[
+                            ]"
+                          ></div>
+                          <div
+                            :class="[
                               item.status === 1
                                 ? 'c-green'
                                 : item.status === 0
                                 ? 'c-gary'
                                 : 'c-yellow',
-                            ]">
-                            {{ item.status === 1 ? '充电中' : '未充电'}}
+                            ]"
+                          >
+                            {{ item.status === 1 ? "充电中" : "未充电" }}
                           </div>
                         </div>
                       </div>
@@ -145,14 +199,21 @@
         <div class="analysisPage" v-if="pageFalg === '2'">
           <div class="carright" v-if="carrightFlag">
             <!-- 右收缩箭头 -->
-            <div class="icon_panel_right_on" @click="carrightFlag = false" v-if="carrightFlag"></div>
+            <div
+              class="icon_panel_right_on"
+              @click="carrightFlag = false"
+              v-if="carrightFlag"
+            ></div>
             <!-- 右收缩箭头 -->
             <div class="car_right_box content_bg">
               <div class="charging_address">
                 <div class="infotitle"><span>充电桩选址服务</span></div>
                 <div class="info1">
                   <div class="suggest">
-                    <img src="@/assets/images/device/chongdainzhaung.png" alt="" />
+                    <img
+                      src="@/assets/images/device/chongdainzhaung.png"
+                      alt=""
+                    />
                     <div class="suggest_box">
                       <div class="s1">充电桩选址服务</div>
                       <div class="s2">
@@ -166,7 +227,11 @@
                 <div class="infotitle"><span>充电服务推荐</span></div>
                 <div class="info1">
                   <div class="suggest">
-                    <img src="@/assets/images/carPage/charging.png" alt="" class="charging" />
+                    <img
+                      src="@/assets/images/carPage/charging.png"
+                      alt=""
+                      class="charging"
+                    />
                     <div class="suggest_box">
                       <div class="s1">充电服务推荐</div>
                       <div class="s2">
@@ -202,9 +267,9 @@
         </div>
       </div>
     </div>
-    <div class="content_center_alert" v-if="adjustInfoFlag">
-      <!-- <div class="run_detail" v-if="runDetailFlage"> -->
-      <div class="run_detail">
+    <div class="content_center_alert">
+      <!-- <div class="run_detail" v-if="true"> -->
+      <div class="run_detail" v-if="adjustInfoFlag">
         <div class="tip">
           <img src="@/assets/images/mainPage/icon_alert_pv.png" alt="" />
           <span class="jianbian">可调资源信息</span>
@@ -217,12 +282,15 @@
         </div>
         <div class="content">
           <div class="table_box1">
-            <el-table :data="
+            <el-table
+              :data="
                 adjustTableData.slice(
                   (currentPage - 1) * pageSize,
                   currentPage * pageSize
                 )
-              " style="width: 100%; height: 100%">
+              "
+              style="width: 100%; height: 100%"
+            >
               <el-table-column label="调节设备" align="center">
                 <template #default="scope">
                   <span style="margin-left: 10px">{{ scope.row.name }}</span>
@@ -246,7 +314,88 @@
           </div>
         </div>
         <div class="bottom">
-          <el-pagination small background layout="prev,pager,next" v-model:current-page="currentPage" v-model:page-size="pageSize" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange"></el-pagination>
+          <el-pagination
+            small
+            background
+            layout="prev,pager,next"
+            v-model:current-page="currentPage"
+            v-model:page-size="pageSize"
+            :total="total"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
+        </div>
+      </div>
+      <div class="ajustCar" v-if="ajustCarPageFlag">
+        <div class="tip">
+          <img src="@/assets/images/mainPage/icon_title2.png" alt="" />
+          <span class="jianbian">能量调节</span>
+          <div class="closebtn" @click="adjustInfoFlag = false"></div>
+        </div>
+        <div class="content">
+          <el-form
+            :model="formData"
+            status-icon
+            ref="formRef"
+            label-width="100px"
+            class="demo-ruleForm"
+          >
+            <!-- 添加表单项 -->
+            <el-form-item label="调节类型" prop="type">
+              <el-select
+                v-model="formData.type"
+                placeholder="Select"
+                size="large"
+                style="width: 240px"
+              >
+                <el-option label="削峰" value="1" />
+                <el-option label="填谷" value="2" />
+              </el-select>
+              <!-- <el-select popper-class="customSelectAdjust" v-model="dataSourceValue">
+                    <el-option :value="item.value" :label="item.name" v-for="item in dataSourceData"></el-option>
+                </el-select> -->
+            </el-form-item>
+            <el-form-item label="是否强制" prop="whether">
+              <!-- <el-input v-model="form.password" type="password"></el-input> -->
+              <el-radio-group v-model="formData.whether" class="ml-4">
+                <el-radio value="1" size="large">是</el-radio>
+                <el-radio value="2" size="large">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="调节值" prop="number">
+              <el-input
+                v-model="formData.number"
+                style="width: 240px"
+                placeholder="输入调节值"
+              />
+            </el-form-item>
+            <el-form-item label="起始时间" prop="password">
+              <!-- <el-input v-model="form.password" type="password"></el-input> -->
+
+              <el-date-picker
+                v-model="value1"
+                type="datetime"
+                placeholder="Select date and time"
+                style="width: 240px"
+              />
+            </el-form-item>
+            <el-form-item label="结束时间" prop="password">
+              <!-- <el-input v-model="form.password" type="password"></el-input> -->
+              <el-date-picker
+                v-model="value1"
+                type="datetime"
+                placeholder="Select date and time"
+                style="width: 240px"
+              />
+            </el-form-item>
+            <!-- 添加提交按钮 -->
+            <el-form-item>
+              <el-button type="primary" @click="submitForm('formRef')"
+                >提交</el-button
+              >
+              <el-button @click="resetForm('formRef')">重置</el-button>
+            </el-form-item>
+          </el-form>
         </div>
       </div>
     </div>
@@ -254,283 +403,321 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, onMounted, reactive, onUnmounted, nextTick, getCurrentInstance, inject } from 'vue'
-import { ElMessage } from 'element-plus'
-import { getColorFun } from '@/hooks/getColorFun/index'
-import { app_load, api_send, api_register } from '@/ue4Player/app'
-import load_echart from './load_echart.vue'
-import load_c_echart from './load_c_echart.vue'
+import {
+  ref,
+  computed,
+  watch,
+  onMounted,
+  reactive,
+  onUnmounted,
+  nextTick,
+  getCurrentInstance,
+  inject,
+} from "vue";
+import { ElMessage } from "element-plus";
+import { getColorFun } from "@/hooks/getColorFun/index";
+import { app_load, api_send, api_register } from "@/ue4Player/app";
+import load_echart from "./load_echart.vue";
+import load_c_echart from "./load_c_echart.vue";
 
-import load_info_echart from './load_info_echart.vue'
-import cdz_echart from './cdz_echart.vue'
-import carTree from '@/views/commonPage/carTree.vue'
-import { powerCurve_api, transformerOverloadCount_api, running_api } from '@/api/carPage/index'
-import { handleEchartsData, handleEchartsData_timeStamp_p } from '@/hooks/handleFun'
-import { usrzApi } from '@/api/Osp/svgApi'
+import load_info_echart from "./load_info_echart.vue";
+import cdz_echart from "./cdz_echart.vue";
+import carTree from "@/views/commonPage/carTree.vue";
+import {
+  powerCurve_api,
+  transformerOverloadCount_api,
+  running_api,
+} from "@/api/carPage/index";
+import {
+  handleEchartsData,
+  handleEchartsData_timeStamp_p,
+} from "@/hooks/handleFun";
+import { usrzApi } from "@/api/Osp/svgApi";
+import { start } from "repl";
 
 onMounted(() => {
   // 获取右侧数据
-  getPowerCurve_api()
+  getPowerCurve_api();
   // 获取台区 重过载
-  getTransformerOverloadCount_api()
+  getTransformerOverloadCount_api();
   // 获取充电桩列表
-  getRunning_api()
-})
+  getRunning_api();
+});
 
 // 设备树传的数据
-let currentData = reactive<any>({})
-let currentLevel = ref<any>({})
+let currentData = reactive<any>({});
+let currentLevel = ref<any>({});
 // 点击设备数
 const getTreeKey = (treeKey: any) => {
   // 桩：pipe  等级6:用户充电桩 等级3：车网充电桩
   // 站：station
-  currentData = treeKey.data
-  currentLevel.value = treeKey.level
-  console.log(currentData, currentLevel.value)
+  currentData = treeKey.data;
+  currentLevel.value = treeKey.level;
+  console.log(currentData, currentLevel.value);
 
-  if (currentData.type === 'station' || currentData.type === 'carpipe' || currentData.type === 'dewellerpipe') {
+  if (
+    currentData.type === "station" ||
+    currentData.type === "carpipe" ||
+    currentData.type === "dewellerpipe"
+  ) {
     // 获取右侧数据
-    getPowerCurve_api()
+    getPowerCurve_api();
     // 获取充电桩列表
-    getRunning_api()
+    getRunning_api();
   }
-}
+};
 
 // 车网互动专题切换栏
 let tabPageList = reactive([
-  { id: '1', pname: '车网互动' },
-  { id: '2', pname: '决策分析' }
-])
+  { id: "1", pname: "车网互动" },
+  { id: "2", pname: "决策分析" },
+]);
 // 切换页面功能
-let pageFalg = ref('1')
+let pageFalg = ref("1");
 const changePage = (val: string) => {
-  pageFalg.value = val
-}
+  pageFalg.value = val;
+};
 // 左侧页面标识
-let carleftContentFlag = ref(true)
+let carleftContentFlag = ref(true);
 
 // 右侧页面标识
-let carrightFlag = ref(true)
+let carrightFlag = ref(true);
 
-const adjustInfoFlag = ref(false)
+const adjustInfoFlag = ref(false);
 // 表格
 
 interface User {
-  name: string
-  type: string
-  start_date: any
-  end_date: string
-  number: string
-  isEdit?: boolean
+  name: string;
+  type: string;
+  start_date: any;
+  end_date: string;
+  number: string;
+  isEdit?: boolean;
 }
 // 可调资源信息
 let adjustTableData = reactive<User[]>([
   {
-    name: '**光伏',
-    type: '光伏',
-    number: '2',
-    start_date: '2023-04-30 12:30:00',
-    end_date: '00:00:00'
+    name: "**光伏",
+    type: "光伏",
+    number: "2",
+    start_date: "2023-04-30 12:30:00",
+    end_date: "00:00:00",
   },
   {
-    name: '**光伏',
-    type: '光伏',
-    number: '2',
-    start_date: '2023-04-30 12:30:00',
-    end_date: '00:00:00'
+    name: "**光伏",
+    type: "光伏",
+    number: "2",
+    start_date: "2023-04-30 12:30:00",
+    end_date: "00:00:00",
   },
   {
-    name: '**储能',
-    type: '储能',
-    number: '2',
-    start_date: '2023-04-30 12:30:00',
-    end_date: '00:00:00'
+    name: "**储能",
+    type: "储能",
+    number: "2",
+    start_date: "2023-04-30 12:30:00",
+    end_date: "00:00:00",
   },
   {
-    name: '**储能',
-    type: '储能',
-    number: '2',
-    start_date: '2023-04-30 12:30:00',
-    end_date: '00:00:00'
-  }
-])
+    name: "**储能",
+    type: "储能",
+    number: "2",
+    start_date: "2023-04-30 12:30:00",
+    end_date: "00:00:00",
+  },
+]);
 // 分页
-let currentPage = ref<number>(1)
-let pageSize = ref<number>(6) //每页显示的个数
-let total = ref<number>(40)
+let currentPage = ref<number>(1);
+let pageSize = ref<number>(6); //每页显示的个数
+let total = ref<number>(40);
 
 const handleSizeChange = (size: number) => {
   // console.log(`${size} items per page`);
-  pageSize.value = size
-}
+  pageSize.value = size;
+};
 const handleCurrentChange = (page: number) => {
-  currentPage.value = page
-}
+  currentPage.value = page;
+};
 
-const hideLeft = ref<boolean>(true) //默认页面显示
-const hideRight = ref<boolean>(true) //默认页面显示  右边
+const hideLeft = ref<boolean>(true); //默认页面显示
+const hideRight = ref<boolean>(true); //默认页面显示  右边
 
 // 组件卸载调用
 onUnmounted(() => {
-  hideLeft.value = false
-  hideRight.value = false
-})
+  hideLeft.value = false;
+  hideRight.value = false;
+});
 
 // 跳转三维
-const handleThree = val => {
+const handleThree = (val) => {
   const list = {
-    location: '(X=18705617.163,Y=1826842.166,Z=4299675.505)',
-    rotation: 'Pitch=-89.9,Yaw=-90.542,Roll=0'
-  }
-  api_send('CameraMove', list, () => {
-    console.log('CameraMove')
-  })
+    location: "(X=18705617.163,Y=1826842.166,Z=4299675.505)",
+    rotation: "Pitch=-89.9,Yaw=-90.542,Roll=0",
+  };
+  api_send("CameraMove", list, () => {
+    console.log("CameraMove");
+  });
   let _list = {
     CityID: val,
-    status: '1'
-  }
-  api_send('ShowCityEdge', _list, () => {
-    console.log('ShowCityEdge')
-  })
-}
+    status: "1",
+  };
+  api_send("ShowCityEdge", _list, () => {
+    console.log("ShowCityEdge");
+  });
+};
 
 //
 //
 //
 interface ChargingList {
-  c_name: string
-  c_status: string
-  c_load: string
-  c_total: string
+  c_name: string;
+  c_status: string;
+  c_load: string;
+  c_total: string;
 }
 let carRightData = reactive({
   echartsData: [],
   chargingList: [], // 右侧充电桩运行状态
   chargingListRunning: 0,
-  chargingListTotal: 0
-})
-let transformerOverloadCount = ref<number>(0)
+  chargingListTotal: 0,
+});
+let transformerOverloadCount = ref<number>(0);
 
 // 获取曲线
 let getPowerCurve_api = () => {
   // carRightData.echartsData = []
   let setData: any = {
-    orgID: '8af8470a47aad8e20147aad92e400335'
-  }
-  if (currentData.type === '') {
+    orgID: "8af8470a47aad8e20147aad92e400335",
+  };
+  if (currentData.type === "") {
     // 空的 请求全部
-  } else if (currentData.type === 'station') {
+  } else if (currentData.type === "station") {
     // 站
-    setData.stationId = currentData.id
-  } else if (currentData.type === 'dewellerpipe' && currentLevel.value === 6) {
+    setData.stationId = currentData.id;
+  } else if (currentData.type === "dewellerpipe" && currentLevel.value === 6) {
     // 桩用户充电桩
-    setData.mrid = currentData.id
-  } else if (currentData.type === 'carpipe' && currentLevel.value === 3) {
+    setData.mrid = currentData.id;
+  } else if (currentData.type === "carpipe" && currentLevel.value === 3) {
     // 桩车网充电桩
-    setData.mrid = currentData.id
+    setData.mrid = currentData.id;
   }
 
-  if (currentData.type === 'dewellerpipe' && currentLevel.value === 6) {
+  if (currentData.type === "dewellerpipe" && currentLevel.value === 6) {
     // 桩用户充电桩
     usrzApi(setData).then((res: any) => {
       res?.data.forEach((item: any) => {
-        item.datetime = item.timeStamp
-        item.measValue = item.p
-      })
+        item.datetime = item.timeStamp;
+        item.measValue = item.p;
+      });
 
-      let result = handleEchartsData(res.data, 60)
-      carRightData.echartsData = result
-    })
+      let result = handleEchartsData(res.data, 60);
+      carRightData.echartsData = result;
+    });
   } else {
     // 桩车网充电桩
     powerCurve_api(setData).then((res: any) => {
       res?.data.forEach((item: any) => {
-        item.datetime = item.dateTime
-      })
+        item.datetime = item.dateTime;
+      });
 
-      let result = handleEchartsData(res.data, 60)
+      let result = handleEchartsData(res.data, 60);
 
-      carRightData.echartsData = result
-    })
+      carRightData.echartsData = result;
+    });
   }
-}
+};
 // 获取台区 重过载
 let getTransformerOverloadCount_api = () => {
   transformerOverloadCount_api({
-    orgID: '8af8470a47aad8e20147aad92e400335'
+    orgID: "8af8470a47aad8e20147aad92e400335",
   }).then((res: any) => {
-    transformerOverloadCount.value = res.data
-  })
-}
+    transformerOverloadCount.value = res.data;
+  });
+};
 // 获取充电桩列表
 let getRunning_api = () => {
   let setData: any = {
-    orgID: '8af8470a47aad8e20147aad92e400335'
-  }
-  if (currentData.type === '') {
+    orgID: "8af8470a47aad8e20147aad92e400335",
+  };
+  if (currentData.type === "") {
     // 空的 请求全部
-  } else if (currentData.type === 'station') {
+  } else if (currentData.type === "station") {
     // 站
-    setData.stationId = currentData.id
-  } else if (currentData.type === 'dewellerpipe' && currentLevel.value === 6) {
+    setData.stationId = currentData.id;
+  } else if (currentData.type === "dewellerpipe" && currentLevel.value === 6) {
     // 桩用户充电桩
-    setData.userPipeId = currentData.id
-  } else if (currentData.type === 'carpipe' && currentLevel.value === 3) {
+    setData.userPipeId = currentData.id;
+  } else if (currentData.type === "carpipe" && currentLevel.value === 3) {
     // 桩车网充电桩
-    setData.carPipeId = currentData.id
+    setData.carPipeId = currentData.id;
   }
   running_api(setData).then((res: any) => {
-    console.log('1-----------',res.data.data);
-    
-    carRightData.chargingList = res?.data?.data
-    carRightData.chargingListRunning = res?.data?.running
-    carRightData.chargingListTotal = res?.data?.total
-  })
-}
-//
+    console.log("1-----------", res.data.data);
+
+    carRightData.chargingList = res?.data?.data;
+    carRightData.chargingListRunning = res?.data?.running;
+    carRightData.chargingListTotal = res?.data?.total;
+  });
+};
 //
 //
+// 调节信息框
+let formData = ref({
+  username: "",
+  type: "",
+  whether:"",
+  number:"",
+  start_date: "",
+  end_start_date: "",
+  end_end_date: "",
+});
+
+
+//进入调节
+let ajustCarPageFlag = ref(true);
+const ajustCarPage = () => {
+  ajustCarPageFlag.value = true;
+};
 
 // 根据不同的屏幕宽度换算字体大小
 const transformFontSize = (fontsize: number) => {
   // 获取屏幕宽度
-  const width = window.screen.width
-  const height = window.screen.height
-  let ratio: any = 0
+  const width = window.screen.width;
+  const height = window.screen.height;
+  let ratio: any = 0;
   if (width > 3000) {
-    ratio = width / 4240
+    ratio = width / 4240;
   } else {
-    ratio = width / 2220
+    ratio = width / 2220;
   }
   // 取下整
-  return parseInt(fontsize * ratio)
-}
+  return parseInt(fontsize * ratio);
+};
 // 动态获取宽高
-let ctwh = ref()
-let ctht = ref()
+let ctwh = ref();
+let ctht = ref();
 const updateCtw = () => {
   if (window.screen.width > 1900) {
-    ctwh.value = Number(window.screen.width)
-    ctht.value = Number(window.screen.height)
+    ctwh.value = Number(window.screen.width);
+    ctht.value = Number(window.screen.height);
   } else {
-    ctwh.value = Number(1920)
-    ctht.value = Number(1080)
+    ctwh.value = Number(1920);
+    ctht.value = Number(1080);
   }
-}
+};
 // 使用watch来监听$route的变化
 watch(
   () => window.location.pathname,
-  newPath => {
-    updateCtw()
+  (newPath) => {
+    updateCtw();
   },
   { immediate: true }
-)
+);
 const styleVar = computed(() => {
   return {
-    '--box-width': ctwh.value + 'px',
-    '--box-height': ctht.value + 'px'
-  }
-})
+    "--box-width": ctwh.value + "px",
+    "--box-height": ctht.value + "px",
+  };
+});
 </script>
 
 <style lang="scss" scoped>
@@ -578,7 +765,7 @@ const styleVar = computed(() => {
   top: changeHeight(25);
   width: changeHeight(26.51);
   height: changeHeight(26.51);
-  background-image: url('@/assets/images/common/closebtn.png');
+  background-image: url("@/assets/images/common/closebtn.png");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   z-index: 6;
@@ -594,19 +781,19 @@ const styleVar = computed(() => {
 }
 .blueShadow {
   /* 精品可视化素材店 */
-  font-family: 'PingFang SC';
+  font-family: "PingFang SC";
   font-style: normal;
   font-weight: 600;
   text-shadow: 0px 0px 10px #00f0ff;
 }
 // 公共标题
 .title_bg {
-  background: url('@/assets/images/carPage/car_titlebg.png') no-repeat;
+  background: url("@/assets/images/carPage/car_titlebg.png") no-repeat;
   background-size: 100% 100%;
 }
 // 公共背景
 .content_bg {
-  background: url('@/assets/images/common/tree_content_bg.png') no-repeat;
+  background: url("@/assets/images/common/tree_content_bg.png") no-repeat;
   background-size: 100% 100%;
 }
 // 公共二级标题
@@ -616,7 +803,7 @@ const styleVar = computed(() => {
 
   height: changeHeight(60);
   line-height: changeHeight(60);
-  background: url('@/assets/images/common/common_title.png') no-repeat;
+  background: url("@/assets/images/common/common_title.png") no-repeat;
   background-size: 100% 100%;
   font-size: changeHeight(40);
   // background-color: red;
@@ -624,6 +811,14 @@ const styleVar = computed(() => {
   span {
     margin-left: 7%;
   }
+  .posbtn {
+    margin-left: 43%;
+    cursor: pointer;
+    width: changeHeight(200);
+    height: changeHeight(60);
+    background: url("@/assets/images/btnType/send_btn.png") no-repeat;
+    background-size: 100% 100%;
+  }
 }
 .infotitle_short {
   width: 100%;
@@ -703,7 +898,7 @@ const styleVar = computed(() => {
   margin-top: changeHeight(100);
   margin-top: changeHeight(17);
   // margin-top: 0.5%;
-  font-family: 'PingFang SC';
+  font-family: "PingFang SC";
   font-style: normal;
   font-weight: 400;
   color: #ffffff;
@@ -727,7 +922,8 @@ const styleVar = computed(() => {
       top: 50%;
       .icon_panel_left_off {
         position: absolute;
-        background: url('@/assets/images/btnType/icon_panel_right.png') no-repeat;
+        background: url("@/assets/images/btnType/icon_panel_right.png")
+          no-repeat;
         background-size: 100% 100%;
         width: changeHeight(42.28);
         height: changeHeight(52.02);
@@ -744,7 +940,7 @@ const styleVar = computed(() => {
       .icon_panel_left_on {
         position: absolute;
         background: salmon;
-        background: url('@/assets/images/btnType/icon_panel_left.png') no-repeat;
+        background: url("@/assets/images/btnType/icon_panel_left.png") no-repeat;
         background-size: 100% 100%;
         width: changeHeight(42.28);
         height: changeHeight(52.02);
@@ -801,7 +997,7 @@ const styleVar = computed(() => {
         width: changeHeight(368.31);
         height: changeHeight(180.28);
         // padding: changeHeight(25) changeHeight(5) changeHeight(0) changeHeight(10);
-        background: url('@/assets/images/legend/legend_bg.png') no-repeat;
+        background: url("@/assets/images/legend/legend_bg.png") no-repeat;
         background-size: 100% 100%;
         display: flex;
         align-items: center;
@@ -870,7 +1066,7 @@ const styleVar = computed(() => {
       top: 50%;
       .icon_panel_right_off {
         position: absolute;
-        background: url('@/assets/images/btnType/icon_panel_left.png') no-repeat;
+        background: url("@/assets/images/btnType/icon_panel_left.png") no-repeat;
         background-size: 100% 100%;
         width: changeHeight(42.28);
         height: changeHeight(52.02);
@@ -890,7 +1086,8 @@ const styleVar = computed(() => {
       // 右 箭头展开
       .icon_panel_right_on {
         position: absolute;
-        background: url('@/assets/images/btnType/icon_panel_right.png') no-repeat;
+        background: url("@/assets/images/btnType/icon_panel_right.png")
+          no-repeat;
         background-size: 100% 100%;
         width: changeHeight(42.28);
         height: changeHeight(52.02);
@@ -993,7 +1190,8 @@ const styleVar = computed(() => {
                       top: changeHeight(0.5);
                       box-sizing: content-box;
                       display: flex;
-                      background: url('@/assets/images/btnType/fontbg.png') no-repeat;
+                      background: url("@/assets/images/btnType/fontbg.png")
+                        no-repeat;
                       background-size: 100% 100%;
                       padding-left: changeWidth(82);
                       padding-right: changeWidth(82);
@@ -1006,7 +1204,8 @@ const styleVar = computed(() => {
                 .bottom {
                   width: changeHeight(640.16);
                   height: changeHeight(80.31);
-                  background: url('@/assets/images/carPage/car_left_cbg.png') no-repeat;
+                  background: url("@/assets/images/carPage/car_left_cbg.png")
+                    no-repeat;
                   background-size: 100% 100%;
                   padding-right: changeHeight(53);
                   padding-left: changeHeight(33);
@@ -1223,7 +1422,8 @@ const styleVar = computed(() => {
                 left: 6%;
                 width: changeHeight(965.19);
                 height: changeHeight(410.59);
-                background: url('@/assets/images/carPage/car_right_info2bg.png') no-repeat;
+                background: url("@/assets/images/carPage/car_right_info2bg.png")
+                  no-repeat;
                 background-size: 100% 100%;
                 .bgls {
                   width: 100%;
@@ -1257,7 +1457,7 @@ const styleVar = computed(() => {
       display: flex;
       align-items: center;
       font-size: changeHeight(40);
-      background: url('@/assets/images/btnType/tabPage_default.png') no-repeat;
+      background: url("@/assets/images/btnType/tabPage_default.png") no-repeat;
       background-size: 100% 100%;
       .tab_box {
         width: changeHeight(346);
@@ -1267,7 +1467,7 @@ const styleVar = computed(() => {
         justify-content: center;
       }
       .tabp_active {
-        background: url('@/assets/images/btnType/tabPage_active.png') no-repeat;
+        background: url("@/assets/images/btnType/tabPage_active.png") no-repeat;
         background-size: 102% 105%;
       }
       .tabp_default {
@@ -1335,7 +1535,7 @@ const styleVar = computed(() => {
       box-sizing: border-box;
       width: changeHeight(740.17);
       height: changeHeight(801.49);
-      background: url('@/assets/images/osPage/run_detail_bg.png') no-repeat;
+      background: url("@/assets/images/osPage/run_detail_bg.png") no-repeat;
       background-size: 100% 100%;
       padding-top: 1%;
       padding-left: changeHeight(27);
@@ -1361,7 +1561,8 @@ const styleVar = computed(() => {
         .titlebg {
           width: changeHeight(842.04);
           height: changeHeight(57.23);
-          background: url('@/assets/images/osPage/run_detail_titlebg.png') no-repeat;
+          background: url("@/assets/images/osPage/run_detail_titlebg.png")
+            no-repeat;
           background-size: 100% 100%;
           display: flex;
           align-items: center;
@@ -1415,7 +1616,11 @@ const styleVar = computed(() => {
               // background-image: url("@/assets/images/chargingPage/add_icon_bg.png");
               // background-size: 100% 100%;
               // background-repeat: no-repeat;
-              background: linear-gradient(180deg, rgba(2, 45, 88, 0.8) 0%, rgba(6, 178, 232, 0.8) 100%) !important;
+              background: linear-gradient(
+                180deg,
+                rgba(2, 45, 88, 0.8) 0%,
+                rgba(6, 178, 232, 0.8) 100%
+              ) !important;
               mix-blend-mode: normal;
               border: 1px solid #00c2ff;
               color: #ffffff !important;
@@ -1424,7 +1629,11 @@ const styleVar = computed(() => {
               // background-image: url("@/assets/images/chargingPage/add_bg.png");
               // background-size: 100% 100%;
               // background-repeat: no-repeat;
-              background: linear-gradient(180deg, rgba(2, 45, 88, 0.8) 0%, rgba(6, 178, 232, 0.8) 100%) !important;
+              background: linear-gradient(
+                180deg,
+                rgba(2, 45, 88, 0.8) 0%,
+                rgba(6, 178, 232, 0.8) 100%
+              ) !important;
               mix-blend-mode: normal;
               border: 1px solid #00c2ff;
               color: #ffffff !important;
@@ -1552,7 +1761,11 @@ const styleVar = computed(() => {
           .el-table {
             border: transparent !important;
 
-            background: linear-gradient(180deg, #01233c 0%, rgba(8, 150, 255, 0.42) 100%);
+            background: linear-gradient(
+              180deg,
+              #01233c 0%,
+              rgba(8, 150, 255, 0.42) 100%
+            );
           }
         }
       }
@@ -1631,11 +1844,54 @@ const styleVar = computed(() => {
         }
       }
     }
+    .ajustCar {
+      box-sizing: border-box;
+      width: changeHeight(840.17);
+      height: changeHeight(801.49);
+      background: url("@/assets/images/osPage/run_detail_bg.png") no-repeat;
+      background-size: 100% 100%;
+      padding-top: 1%;
+      padding-left: changeHeight(27);
+      .tip {
+        height: 7%;
+        display: flex;
+        align-items: center;
+
+        img {
+          height: changeHeight(45);
+          margin-right: changeHeight(14);
+        }
+
+        /* 精品可视化素材店 */
+
+        font-weight: 600;
+        font-size: changeHeight(35);
+      }
+      .title {
+        height: changeHeight(105.88);
+        display: flex;
+        align-items: center;
+        .titlebg {
+          width: changeHeight(842.04);
+          height: changeHeight(57.23);
+          background: url("@/assets/images/osPage/run_detail_titlebg.png")
+            no-repeat;
+          background-size: 100% 100%;
+          display: flex;
+          align-items: center;
+          position: relative;
+          span {
+            margin-left: changeHeight(24);
+            font-weight: 400;
+          }
+        }
+      }
+    }
     .area_load {
       width: changeHeight(1156.86);
       height: changeHeight(620.62);
       box-sizing: border-box;
-      background: url('@/assets/images/osPage/area_load_bg.png') no-repeat;
+      background: url("@/assets/images/osPage/area_load_bg.png") no-repeat;
       background-size: 100% 100%;
       padding-top: 1%;
       padding-left: changeHeight(27);
@@ -1661,7 +1917,8 @@ const styleVar = computed(() => {
         .titlebg {
           width: changeHeight(842.04);
           height: changeHeight(57.23);
-          background: url('@/assets/images/osPage/run_detail_titlebg.png') no-repeat;
+          background: url("@/assets/images/osPage/run_detail_titlebg.png")
+            no-repeat;
           background-size: 100% 100%;
           display: flex;
           align-items: center;
@@ -1740,11 +1997,11 @@ const styleVar = computed(() => {
               width: changeHeight(100.8);
             }
             .bg1 {
-              background: url('@/assets/images/btnType/btnblue.png') no-repeat;
+              background: url("@/assets/images/btnType/btnblue.png") no-repeat;
               background-size: 100% 100%;
             }
             .bg2 {
-              background: url('@/assets/images/btnType/btngreen.png') no-repeat;
+              background: url("@/assets/images/btnType/btngreen.png") no-repeat;
               background-size: 100% 100%;
             }
             .beforeEchart {