diff --git a/psdc-ui/.postcssrc.js b/psdc-ui/.postcssrc.js
new file mode 100644
index 0000000..7f29af9
--- /dev/null
+++ b/psdc-ui/.postcssrc.js
@@ -0,0 +1,9 @@
+module.exports = {
+    "plugins": {
+        //添加如下代码
+        "postcss-px2rem-exclude": {
+            remUnit: 192,
+            exclude: /node_modules/
+        }
+    }
+}
diff --git a/psdc-ui/babel.config.js b/psdc-ui/babel.config.js
new file mode 100644
index 0000000..a97d065
--- /dev/null
+++ b/psdc-ui/babel.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+
+  ],
+
+}
diff --git a/psdc-ui/src/api/emonitor/api.js b/psdc-ui/src/api/emonitor/api.js
index cd271d1..53ffdd4 100644
--- a/psdc-ui/src/api/emonitor/api.js
+++ b/psdc-ui/src/api/emonitor/api.js
@@ -89,3 +89,30 @@ export function DevData(data) {
     return request.post('system/device/index/daoruDevData',data)
 }
 
+
+
+//私钥管理
+//分页查询
+export function getKeyList(data) {
+    return request.post('system/private/key/byPage',data)
+}
+//生成私钥
+export function addKey(data) {
+    return request.post('system/private/key/add',data)
+}
+//删除私钥
+export function deleteKey(data) {
+    return request.post('system/private/key/del?'+data)
+}
+//修改私钥
+export function setKey(data) {
+    return request.post('system/private/key/up',data)
+}
+//私钥列表
+export function getKey() {
+    return request.get('system/key/selAll')
+}
+//修改私钥
+export function resultKey(data) {
+    return request.post('system/key/getKey',data)
+}
\ No newline at end of file
diff --git a/psdc-ui/src/layout/components/Sidebar/Logo.vue b/psdc-ui/src/layout/components/Sidebar/Logo.vue
index 57c8cf8..49a7b47 100644
--- a/psdc-ui/src/layout/components/Sidebar/Logo.vue
+++ b/psdc-ui/src/layout/components/Sidebar/Logo.vue
@@ -25,7 +25,7 @@ defineProps({
   }
 })
 
-const title = ref('电能替代分布式控制试验平台');
+const title = ref('密钥管理');
 const settingsStore = useSettingsStore();
 const sideTheme = computed(() => settingsStore.sideTheme);
 </script>
diff --git a/psdc-ui/src/main.js b/psdc-ui/src/main.js
index df05222..0de6b5e 100644
--- a/psdc-ui/src/main.js
+++ b/psdc-ui/src/main.js
@@ -6,7 +6,7 @@ import ElementPlus from 'element-plus'
 import locale from 'element-plus/lib/locale/lang/zh-cn' // 中文语言
 
 import '@/assets/styles/index.scss' // global css
-
+import 'lib-flexible/flexible.js'
 import App from './App'
 import store from './store'
 import router from './router'
diff --git a/psdc-ui/src/router/index.js b/psdc-ui/src/router/index.js
index 981efb8..4f58bbc 100644
--- a/psdc-ui/src/router/index.js
+++ b/psdc-ui/src/router/index.js
@@ -57,17 +57,17 @@ export const constantRoutes = [
     component: () => import('@/views/error/401'),
     hidden: true
   },
-  {
-    path: '',
-    children: [
-      {
-        path: 'bigview',
-        component: () => import('@/views/bigview/index'),
-        name: 'bigview',
-        meta: { title: '首页', icon: 'dashboard', affix: true }
-      },
-    ]
-  },
+  // {
+  //   path: '',
+  //   children: [
+  //     {
+  //       path: 'bigview',
+  //       component: () => import('@/views/bigview/index'),
+  //       name: 'bigview',
+  //       meta: { title: '密钥生成', icon: 'dashboard', }
+  //     },
+  //   ]
+  // },
   {
     path: '/user',
     component: Layout,
diff --git a/psdc-ui/src/views/bigview/index.vue b/psdc-ui/src/views/bigview/index.vue
index c792829..29e42f0 100644
--- a/psdc-ui/src/views/bigview/index.vue
+++ b/psdc-ui/src/views/bigview/index.vue
@@ -1,1527 +1,182 @@
 <template>
-  <div class="home">
-    <div class="header">
-      <h2>电能替代分布式控制试验平台</h2>
-      <div class="timer">{{timer}}</div>
-      <screenfull id="screenfull" @click="refresh" class="right-menu-item hover-effect" />
-      <router-link :to="{path:'/control/manual'}" tag="div" class="back" @click="linkPage"><el-icon><HomeFilled /></el-icon></router-link>
-    </div>
-    <div class="main">
-      <div class="left">
-        <div class="left_top bgimg">
-          <div class="title">变频电磁采暖炉</div>
-          <div class="info_box">
-            <div class="dev_img">
-              <img src="../../assets/images/dcgl.png" alt="">
-            </div>
-            <div class="dev_data">
-              <p>当前状态：<span :class="{'green':dcglRunStatus === '开启','red':dcglRunStatus === '关闭'}">{{ dcglRunStatus }}</span></p>
-              <p>进水温度：<span class="enter_t"><span>{{ dcglThermometerValueIn }}</span>℃</span></p>
-              <p>出水温度：<span class="leave_t"><span>{{ dcglThermometerValueOut }}</span>℃</span></p>
-<!--              <p>今日能耗：<span class="today_tce"><span>{{ dcglTodayUseEnergy }}</span>kWh</span></p>-->
-            </div>
-          </div>
-          <div class="chart_box">
-            <div class="dev_chart" id="dcglChart"></div>
-          </div>
-        </div>
-        <div class="left_bottom bgimg">
-          <div class="title">蓄热水箱</div>
-          <div class="info_box">
-            <div class="dev_img">
-              <img src="../../assets/images/蓄热锅炉.png" alt="">
-            </div>
-            <div class="dev_data">
-              <p>当前状态：<span :class="{'green':xrglRunStatus === '开启','red':xrglRunStatus === '关闭'}">{{ xrglRunStatus }}</span></p>
-              <p>进水温度：<span class="enter_t"><span>{{ xrglThermometerValueIn }}</span>℃</span></p>
-              <p>出水温度：<span class="leave_t"><span>{{ xrglThermometerValueOut }}</span>℃</span></p>
-<!--              <p>今日能耗：<span class="today_tce"><span>{{ xrglTodayUseEnergy }}</span>kWh</span></p>-->
-            </div>
-          </div>
-          <div class="chart_box">
-            <div class="dev_chart" id="xrglChart"></div>
-          </div>
-        </div>
-      </div>
-      <div class="middle">
-        <div class="middle_top">
-          <div class="now_power">
-            <div class="data"><span class="screenNumber">{{ nowPower }}</span>kW</div>
-              <div class="bg_img"></div>
-              <div class="txt">当前功率</div>
-            </div>
-          <div class="my3D_img">
-            <img src="../../assets/images/3Dimg.png" alt="">
-          </div>
-          <div class="now_ele">
-            <div class="data"><span class="screenNumber">{{ nowEle }}</span>kWh</div>
-              <div class="bg_img"></div>
-              <div class="txt">总用电量</div>
-            </div>
-        </div>
-        <div class="middle_bottom">
-          <div class="chart_box2 bgimg">
-            <div class="title">电表总功率</div>
-            <div class="nowPower_chart" id="dqglChart"></div>
-          </div>
-
-          <div class="wendu_box">
-            <div class="indoor bgimg" id="indoorChart"></div>
-            <div class="outdoor bgimg" id="outdoorChart"></div>
-          </div>
-
-        </div>
-      </div>
-      <div class="right">
-        <div class="right_top bgimg">
-          <div class="title">空气源热泵</div>
-          <div class="info_box">
-            <div class="dev_img">
-              <img src="../../assets/images/空气源热泵.png" alt="">
-            </div>
-            <div class="dev_data">
-              <p>当前状态：<span :class="{'green':kqyrbRunStatus === '开启','red':kqyrbRunStatus === '关闭'}">{{ kqyrbRunStatus }}</span></p>
-              <p>进水温度：<span class="enter_t"><span>{{ kqyrbThermometerValueIn }}</span>℃</span></p>
-              <p>出水温度：<span class="leave_t"><span>{{ kqyrbThermometerValueOut }}</span>℃</span></p>
-<!--              <p>今日能耗：<span class="today_tce"><span>{{ kqyrbTodayUseEnergy }}</span>kWh</span></p>-->
-            </div>
-          </div>
-          <div class="chart_box">
-            <div class="dev_chart" id="kqyrbChart"></div>
-          </div>
-        </div>
-        <div class="right_bottom bgimg">
-          <div class="title">发热电缆</div>
-          <div class="info_box">
-            <div class="dev_img">
-              <img src="../../assets/images/发热电缆.png" alt="">
-            </div>
-            <div class="dev_data">
-              <p>当前状态：<span :class="{'green':frdlRunStatus === '开启','red':frdlRunStatus === '关闭'}">{{ frdlRunStatus }}</span></p>
-<!--              <p>当前温度：<span class="now_t"><span>{{ frdlThermometerValueNow }}</span>℃</span></p>-->
-<!--              <p>今日能耗：<span class="today_tce"><span>{{ frdlTodayUseEnergy }}</span>kWh</span></p>-->
-            </div>
-          </div>
-          <div class="chart_box">
-<!--            <div class="dev_chart" id="frdlChart"></div>-->
-          </div>
-        </div>
-      </div>
+  <div class="bod">
+    <div class="card">
+       <div class="til">
+         密钥生成工具
+       </div>
+       <div class="inp">
+         <div class="inp1">
+             <div class="inp2">
+               <div class="tex">私钥：</div>
+               <el-select v-model="value" placeholder="请选择"   style="margin-right: 1vh;width: 41vh">
+                 <el-option
+                     v-for="item in keyList"
+                     :key="item.key"
+                     :label="item.key"
+                     :value="item.key">
+                 </el-option>
+               </el-select>
+             </div>
+           <div class="inp3">
+             <div class="tex">cpuid：</div>
+             <div class="box">
+               <el-input v-model="input1" placeholder="请输入内容" style="width: 25vh;margin-top: 1vh"></el-input>
+               <el-input v-model="input2" placeholder="请输入内容" style="width: 25vh;margin-top: 1vh"></el-input>
+               <el-input v-for="(input, index) in inputs" :key="index" v-model="input.value" placeholder="请输入内容" style="width: 25vh;margin-top: 1vh"></el-input>
+             </div>
+           </div>
+           <el-button @click="addInput">添加</el-button>
+           <div class="inp2">
+             <div class="tex">有效期至：</div>
+             <el-date-picker
+                 v-model="value1"
+                 type="date"
+                 placeholder="选择日期">
+             </el-date-picker>
+           </div>
+           <div class="inp2">
+             <div class="tex">授权单位：</div>
+             <el-input v-model="value2" placeholder="请选择" style="width: 23vh;margin-top: 1vh">
+             </el-input>
+           </div>
+           <el-button @click="toResult">生成</el-button>
+         </div>
+         <div class="inp1">
+           <el-input
+               type="textarea"
+               :autosize="{ minRows: 1, maxRows: 15}"
+               placeholder="生成密钥"
+               v-model="result">
+           </el-input>
+         </div>
+       </div>
     </div>
   </div>
 </template>
 
 <script setup name="Index">
-import * as echarts from 'echarts'
-import {HomeFilled} from '@element-plus/icons-vue'
-import Screenfull from '@/components/Screenfull'
-import {ref, onMounted, onBeforeUnmount} from 'vue'
-import {getDevicesInfo,getZdb} from '../../api/bigview/bigview'
-import {getWdcgq} from '../../api/emonitor/api'
-
-//强制刷新跳转到的页面
-function linkPage(){
-  let newWindow = window.open('/control/manual');
-  newWindow.location.reload();
-}
-
-/** 页面加载时*/
-onMounted(()=>{
-  const setFontSize = () => {
-    const width = window.innerWidth;
-    if (width >= 0) {
-      const fontSize = width / 1920 * 100;
-      document.documentElement.style.fontSize = `${fontSize}px`;
+import {getKey,resultKey} from '../../api/emonitor/api'
+import { ElMessage } from 'element-plus'
+import {ref, onMounted, watch} from 'vue'
+import {useRouter} from "vue-router";
+const router = useRouter();
+const input1 = ref('BFEBFBFF00090672')
+const input2 = ref('BFEBFBFF000806EA')
+const value1 = ref('')
+const value2 = ref('')
+const value = ref('')
+const result = ref('')
+const inputs = ref([
+
+])
+const keyList = ref([])
+
+watch(() => value.value,(newVale,oldValue) => {
+  for (let i in keyList.value){
+    if(value.value===keyList.value[i].key){
+      value2.value=keyList.value[i].unit
     }
   }
-  setFontSize(); // 初始化时设置字体大小
-  window.onresize = () => {
-    setFontSize(); // 窗口大小改变时重新设置字体大小
-  }
-
-  setInterval(()=> {
-    currentTime();
-  }, 1000);
-  dcglChartFun();
-  kqyrbChartFun();
-  // frdlChartFun();
-  getDevicesInfoFun();
-  xrglChartFun();
-  getZdbFun();
-  dqglChartFun();
-  getWdcgqFun();
-  indoorChartFun();
-  outdoorChartFun()
 })
-function refresh(){
-  // window.location.reload();
-}
-/** 日期*/
-const timer = ref()
-//格式化日期
-function currentTime() {
-  var now = new Date();
-  var year;
-  var month;
-  var day;
-  var hour;
-  var minute;
-  var second;
-  var week;
-  var zeroFill = function(value) {
-    if (value < 10) {
-      value = '0' + value
-    }
-    return value
+/** 页面加载时*/
+onMounted(()=>{
+  getKey().then((res)=>{
+    keyList.value= res.data
+  })
+})
+function addInput() {
+  if(inputs.value.length<3){
+    inputs.value.push({ value: '' });
+  }else {
+    ElMessage({
+      message: 'cpuId最多可添加5个',
+      type: 'warning',
+    })
   }
-  year = now.getFullYear();
-  month = zeroFill(now.getMonth() + 1);
-  day = zeroFill(now.getDate());
-  hour = zeroFill(now.getHours());
-  minute = zeroFill(now.getMinutes());
-  second = zeroFill(now.getSeconds());
-  week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'][now.getDay()];
-  // return (`${year}${month}${day}`);
-  timer.value = `${year}-${month}-${day} ${hour}:${minute}:${second} ${week}`
-}
 
-/** 使用rem的思想实现图表字体等其他样式的自适应*/
-function fontSize(px) {  //传入字体大小
-  let clientWidth = window.innerWidth || document.body.clientWidth; //屏幕尺寸
-  if (!clientWidth) {
-    return 0;
-  }
-  let fontSize = clientWidth / 1920; //设计稿尺寸
-  return px * fontSize;  //转换为 rem的布局返回出去
 }
 
-/**运行设备工作信息*/
-//蓄热锅炉运行数据
-const xrglRunStatus = ref('--')
-const xrglThermometerValueIn = ref('--')
-const xrglThermometerValueOut = ref('--')
-const xrglTodayUseEnergy = ref('--')
-//蓄热锅炉折线图数据
-const xrglTimeList = ref([]);
-const xrglTempInTodayList = ref([]);
-const xrglTempOutTodayList = ref([]);
-
-//电磁锅炉运行数据
-const dcglRunStatus = ref('--')
-const dcglThermometerValueIn = ref('--')
-const dcglThermometerValueOut = ref('--')
-const dcglTodayUseEnergy = ref('--')
-//电磁锅炉折线图数据
-const dcglTimeList = ref([]);
-const dcglTempInTodayList = ref([]);
-const dcglTempOutTodayList = ref([]);
-
-//空气源热泵运行数据
-const kqyrbRunStatus = ref('--')
-const kqyrbThermometerValueIn = ref('--')
-const kqyrbThermometerValueOut = ref('--')
-const kqyrbTodayUseEnergy = ref('--')
-//空气源热泵折线图数据
-const kqyrbTimeList = ref([]);
-const kqyrbTempInTodayList = ref([]);
-const kqyrbTempOutTodayList = ref([]);
-
-//发热电缆运行数据
-const frdlRunStatus = ref('--')
-const frdlThermometerValueNow = ref('--')
-const frdlTodayUseEnergy = ref('--')
-//发热电缆折线图数据
-const frdlTimeList = ref([]);
-const frdlTempTodayList = ref([]);
-
-function getDevicesInfoFun(){
-  getDevicesInfo().then((res)=>{
-    for(let i = 0;i < res.data.length;i++){
-      if(res.data[i].deviceId == 2){
-        // console.log('蓄热锅炉')
-        if(res.data[i].deviceRunStatus == 1){
-          xrglRunStatus.value = '开启'
-        }else{
-          xrglRunStatus.value = '关闭'
-        }
-        xrglThermometerValueIn.value = res.data[i].thermometerValueIn;
-        xrglThermometerValueOut.value = res.data[i].thermometerValueOut;
-        xrglTodayUseEnergy.value = res.data[i].todayUseEnergy;
-        xrglTimeList.value = res.data[i].timeList;
-        xrglTempInTodayList.value = res.data[i].tempInTodayList;
-        xrglTempOutTodayList.value = res.data[i].tempOutTodayList;
-        xrglChartFun();
-      }
-      if(res.data[i].deviceId == 1){
-        // console.log('电磁锅炉')
-        if(res.data[i].deviceRunStatus == 1){
-          dcglRunStatus.value = '开启'
-        }else{
-          dcglRunStatus.value = '关闭'
-        }
-        dcglThermometerValueIn.value = res.data[i].thermometerValueIn;
-        dcglThermometerValueOut.value = res.data[i].thermometerValueOut;
-        dcglTodayUseEnergy.value = res.data[i].todayUseEnergy;
-        dcglTimeList.value = res.data[i].timeList;
-        dcglTempInTodayList.value = res.data[i].tempInTodayList;
-        dcglTempOutTodayList.value = res.data[i].tempOutTodayList;
-        dcglChartFun();
-      }
-      if(res.data[i].deviceId == 3){
-        // console.log('空气源热泵')
-        if(res.data[i].deviceRunStatus == 1){
-          kqyrbRunStatus.value = '开启'
-        }else{
-          kqyrbRunStatus.value = '关闭'
-        }
-        kqyrbThermometerValueIn.value = res.data[i].thermometerValueIn;
-        kqyrbThermometerValueOut.value = res.data[i].thermometerValueOut;
-        kqyrbTodayUseEnergy.value = res.data[i].todayUseEnergy;
-        kqyrbTimeList.value = res.data[i].timeList;
-        kqyrbTempInTodayList.value = res.data[i].tempInTodayList;
-        kqyrbTempOutTodayList.value = res.data[i].tempOutTodayList;
-        kqyrbChartFun();
-      }
-      if(res.data[i].deviceId == 4){
-        // console.log('发热电缆')
-        if(res.data[i].deviceRunStatus == 1){
-          frdlRunStatus.value = '开启'
-        }else{
-          frdlRunStatus.value = '关闭'
-        }
-        frdlThermometerValueNow.value = res.data[i].thermometerValue;
-        frdlTodayUseEnergy.value = res.data[i].todayUseEnergy;
-        frdlTimeList.value = res.data[i].timeList;
-        frdlTempTodayList.value = res.data[i].tempTodayList;
-        // frdlChartFun();
-      }
-    }
-  })
-}
-
-let dcglChart;
-let xrglChart;
-let kqyrbChart;
-// let frdlChart;
-function dcglChartFun(){
-  var chartDom = document.getElementById('dcglChart')
-  dcglChart = echarts.init(chartDom);
-  var option = {
-    legend: {
-      data: ["进水温度","出水温度"],
-      // selectedMode: 'single',
-      textStyle: {
-        color: "#b6bee7",
-        fontSize:fontSize(14)
-      }
-    },
-    tooltip: {
-      trigger: "axis",
-      formatter: function(params) {
-        var result = params[0].name + '<br>';  // 获取横轴数据项名称
-        for (var i = 0; i < params.length; i++) {
-          var seriesName = params[i].seriesName;  // 获取系列名称
-          var value = params[i].value;  // 获取数据值
-          // result += seriesName + ': ' + '<strong>'+value+'</strong>' + '℃<br>';  // 拼接字符串
-          if (i === 0) {  // 第一个系列名称设置为蓝色
-            result += '<span>' + '<span style="color: #128dff">'+seriesName+'</span>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + '<strong>'+value+'</strong>' + '</span>℃<br>';
-          } else if (i === 1) {  // 第二个系列名称设置为黄色
-            result += '<span>' + '<span style="color: #F5901A">'+seriesName+'</span>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + '<strong>'+value+'</strong>' + '</span>℃<br>';
-          } else {  // 其他系列名称使用默认颜色
-            result += seriesName + ': ' + value + ' m/s<br>';
-          }
-        }
-        return result;
-      },
-      // borderColor: '#00fcff',
-      borderWidth: 1
-    },
-    grid:{
-      show: true,
-      top: '40%',
-      bottom:'15%',
-      left:'10%',
-      right:'3%',
-      borderWidth: 0,
-      borderColor: '#767da1',
-    },
-    xAxis: {
-      type: 'category',
-      data: dcglTimeList.value,
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(12)
-        }
-      },
-      axisLine: {
-        lineStyle: {
-          color: '#767da1' // 设置x轴的线条颜色
-        }
-      },
-      axisTick: {
-        show: true // 去掉x轴刻度
-      },
-      splitArea: {
-        show: false,
-        interval:0,
-        areaStyle: {
-          color: ['rgb(54,68,148,.8)', 'rgb(37,51,133,.8)'] //这里重点，用于设置颜色的数组，
-          //（有了这个属性，那我们完全可以自己在根据某些条件来生成这样一个数组）
-        }
-      }
-    },
-    yAxis: {
-      type: 'value',
-      name:'℃',
-      // scale: true, //自适应
-      // minInterval: 5, //分割刻度
-      nameTextStyle: {
-        color: "#b6bee7",
-        fontSize:fontSize(12),
-        nameLocation: "start"
-      },
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(12)
-        }
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {color: "#767da180", type: "dashed"} //dashed
-      } //s是否显示为虚线的条纹背景
-    },
-    series: [
-      {
-        name: "进水温度",
-        data: dcglTempInTodayList.value,
-        type: 'line',
-        smooth: true,
-        symbol: "none", //去掉圆点
-        itemStyle: { //线条颜色
-          color: '#128dff',
-        }
-      },
-      {
-        name: "出水温度",
-        data: dcglTempOutTodayList.value,
-        type: 'line',
-        smooth: true,
-        symbol: "none", //去掉圆点
-        itemStyle: { //线条颜色
-          color: '#F5901A',
-        }
-      }
-    ]
-  };
-  option && dcglChart.setOption(option);
-  window.addEventListener("resize", function () {
-    dcglChart.resize();
+function toResult(){
+  const dateString = value1.value;
+  const date = new Date(dateString);
+
+  const formattedDate = date.toLocaleString('zh-CN', {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit',
+    hour: '2-digit',
+    minute: '2-digit',
+    second: '2-digit'
   });
-};
-function xrglChartFun(){
-  const chartDom = document.getElementById('xrglChart')
-  xrglChart = echarts.init(chartDom);
-  const option = {
-    legend: {
-      data: ["进水温度","出水温度"],
-      // selectedMode: 'single',
-      textStyle: {
-        color: "#b6bee7",
-        fontSize:fontSize(14)
-      }
-    },
-    tooltip: {
-      trigger: "axis",
-      formatter: function(params) {
-        var result = params[0].name + '<br>';  // 获取横轴数据项名称
-        for (var i = 0; i < params.length; i++) {
-          var seriesName = params[i].seriesName;  // 获取系列名称
-          var value = params[i].value;  // 获取数据值
-          // result += seriesName + ': ' + '<strong>'+value+'</strong>' + '℃<br>';  // 拼接字符串
-          if (i === 0) {  // 第一个系列名称设置为蓝色
-            result += '<span>' + '<span style="color: #128dff">'+seriesName+'</span>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + '<strong>'+value+'</strong>' + '</span>℃<br>';
-          } else if (i === 1) {  // 第二个系列名称设置为黄色
-            result += '<span>' + '<span style="color: #F5901A">'+seriesName+'</span>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + '<strong>'+value+'</strong>' + '</span>℃<br>';
-          } else {  // 其他系列名称使用默认颜色
-            result += seriesName + ': ' + value + ' m/s<br>';
-          }
-        }
-        return result;
-      },
-      // borderColor: '#00fcff',
-      borderWidth: 1
-    },
-    grid:{
-      show: true,
-      top: '40%',
-      bottom:'15%',
-      left:'10%',
-      right:'3%',
-      borderWidth: 0,
-      borderColor: '#767da1',
-    },
-    xAxis: {
-      type: 'category',
-      data: xrglTimeList.value,
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(12)
-        }
-      },
-      axisLine: {
-        lineStyle: {
-          color: '#767da1' // 设置x轴的线条颜色
-        }
-      },
-      axisTick: {
-        show: true // 去掉x轴刻度
-      },
-      splitArea: {
-        show: false,
-        interval:0,
-        areaStyle: {
-          color: ['rgb(54,68,148,.8)', 'rgb(37,51,133,.8)'] //这里重点，用于设置颜色的数组，
-          //（有了这个属性，那我们完全可以自己在根据某些条件来生成这样一个数组）
-        }
-      }
-    },
-    yAxis: {
-      type: 'value',
-      name:'℃',
-      nameTextStyle: {
-        color: "#b6bee7",
-        fontSize:fontSize(12),
-        nameLocation: "start"
-      },
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(12)
-        }
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {color: "#767da180", type: "dashed"} //dashed
-      } //s是否显示为虚线的条纹背景
-    },
-    series: [
-      {
-        name: "进水温度",
-        data: xrglTempInTodayList.value,
-        type: 'line',
-        smooth: true,
-        symbol: "none", //去掉圆点
-        itemStyle: { //线条颜色
-          color: '#128dff',
-        }
-      },
-      {
-        name: "出水温度",
-        data: xrglTempOutTodayList.value,
-        type: 'line',
-        smooth: true,
-        symbol: "none", //去掉圆点
-        itemStyle: { //线条颜色
-          color: '#F5901A',
-        }
-      }
-    ]
-  };
-  option && xrglChart.setOption(option);
-  window.addEventListener("resize", function () {
-    xrglChart.resize();
-  });
-};
-function kqyrbChartFun(){
-  const chartDom = document.getElementById('kqyrbChart')
-  kqyrbChart = echarts.init(chartDom);
-  const option = {
-    legend: {
-      data: ["进水温度","出水温度"],
-      // selectedMode: 'single',
-      textStyle: {
-        color: "#b6bee7",
-        fontSize:fontSize(14)
-      }
-    },
-    tooltip: {
-      trigger: "axis",
-      formatter: function(params) {
-        var result = params[0].name + '<br>';  // 获取横轴数据项名称
-        for (var i = 0; i < params.length; i++) {
-          var seriesName = params[i].seriesName;  // 获取系列名称
-          var value = params[i].value;  // 获取数据值
-          // result += seriesName + ': ' + '<strong>'+value+'</strong>' + '℃<br>';  // 拼接字符串
-          if (i === 0) {  // 第一个系列名称设置为蓝色
-            result += '<span>' + '<span style="color: #128dff">'+seriesName+'</span>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + '<strong>'+value+'</strong>' + '</span>℃<br>';
-          } else if (i === 1) {  // 第二个系列名称设置为黄色
-            result += '<span>' + '<span style="color: #F5901A">'+seriesName+'</span>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + '<strong>'+value+'</strong>' + '</span>℃<br>';
-          } else {  // 其他系列名称使用默认颜色
-            result += seriesName + ': ' + value + ' m/s<br>';
-          }
-        }
-        return result;
-      },
-      // borderColor: '#00fcff',
-      borderWidth: 1
-    },
-    grid:{
-      show: true,
-      top: '40%',
-      bottom:'15%',
-      left:'10%',
-      right:'3%',
-      borderWidth: 0,
-      borderColor: '#767da1',
-    },
-    xAxis: {
-      type: 'category',
-      data: kqyrbTimeList.value,
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(12)
-        }
-      },
-      axisLine: {
-        lineStyle: {
-          color: '#767da1' // 设置x轴的线条颜色
-        }
-      },
-      axisTick: {
-        show: true // 去掉x轴刻度
-      },
-      splitArea: {
-        show: false,
-        interval:0,
-        areaStyle: {
-          color: ['rgb(54,68,148,.8)', 'rgb(37,51,133,.8)'] //这里重点，用于设置颜色的数组，
-          //（有了这个属性，那我们完全可以自己在根据某些条件来生成这样一个数组）
-        }
-      }
-    },
-    yAxis: {
-      type: 'value',
-      name:'℃',
-      nameTextStyle: {
-        color: "#b6bee7",
-      fontSize:fontSize(12),
-        nameLocation: "start"
-      },
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(12)
-        }
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {color: "#767da180", type: "dashed"} //dashed
-      } //s是否显示为虚线的条纹背景
-    },
-    series: [
-      {
-        name: "进水温度",
-        data: kqyrbTempInTodayList.value,
-        type: 'line',
-        smooth: true,
-        symbol: "none", //去掉圆点
-        itemStyle: { //线条颜色
-          color: '#128dff',
-        }
-      },
+  resultKey(
       {
-        name: "出水温度",
-        data: kqyrbTempOutTodayList.value,
-        type: 'line',
-        smooth: true,
-        symbol: "none", //去掉圆点
-        itemStyle: { //线条颜色
-          color: '#F5901A',
-        }
-      }
-    ]
-  };
-  option && kqyrbChart.setOption(option);
-  window.addEventListener("resize", function () {
-    kqyrbChart.resize();
-  });
-};
-// function frdlChartFun(){
-//   const chartDom = document.getElementById('frdlChart')
-//   frdlChart = echarts.init(chartDom);
-//   const option = {
-//     legend: {
-//       data: ["当前温度"],
-//       // selectedMode: 'single',
-//       textStyle: {
-//         color: "#b6bee7",
-//         fontSize:fontSize(14)
-//       }
-//     },
-//     tooltip: {
-//       trigger: "axis",
-//       formatter: function(params) {
-//         var result = params[0].name + '<br>';  // 获取横轴数据项名称
-//         for (var i = 0; i < params.length; i++) {
-//           var seriesName = params[i].seriesName;  // 获取系列名称
-//           var value = params[i].value;  // 获取数据值
-//           // result += seriesName + ': ' + '<strong>'+value+'</strong>' + '℃<br>';  // 拼接字符串
-//           if (i === 0) {  // 第一个系列名称设置为蓝色
-//             result += '<span>' + '<span style="color: #128dff">'+seriesName+'</span>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + '<strong>'+value+'</strong>' + '</span>℃<br>';
-//           } else if (i === 1) {  // 第二个系列名称设置为黄色
-//             result += '<span>' + '<span style="color: #F5901A">'+seriesName+'</span>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + '<strong>'+value+'</strong>' + '</span>℃<br>';
-//           } else {  // 其他系列名称使用默认颜色
-//             result += seriesName + ': ' + value + ' m/s<br>';
-//           }
-//         }
-//         return result;
-//       },
-//       // borderColor: '#00fcff',
-//       borderWidth: 1
-//     },
-//     grid:{
-//       show: true,
-//       top: '40%',
-//       bottom:'15%',
-//       left:'10%',
-//       right:'3%',
-//       borderWidth: 0,
-//       borderColor: '#767da1',
-//     },
-//     xAxis: {
-//       type: 'category',
-//       data: frdlTimeList.value,
-//       axisLabel: {
-//         textStyle: {
-//           color: "#b6bee7",
-//           fontSize:fontSize(12)
-//         }
-//       },
-//       axisLine: {
-//         lineStyle: {
-//           color: '#767da1' // 设置x轴的线条颜色
-//         }
-//       },
-//       axisTick: {
-//         show: true // 去掉x轴刻度
-//       },
-//       splitArea: {
-//         show: false,
-//         interval:0,
-//         areaStyle: {
-//           color: ['rgb(54,68,148,.8)', 'rgb(37,51,133,.8)'] //这里重点，用于设置颜色的数组，
-//           //（有了这个属性，那我们完全可以自己在根据某些条件来生成这样一个数组）
-//         }
-//       }
-//     },
-//     yAxis: {
-//       type: 'value',
-//       name:'℃',
-//       nameTextStyle: {
-//         color: "#b6bee7",
-//         fontSize:fontSize(12),
-//         nameLocation: "start"
-//       },
-//       axisLabel: {
-//         textStyle: {
-//           color: "#b6bee7",
-//           fontSize:fontSize(12)
-//         }
-//       },
-//       splitLine: {
-//         show: true,
-//         lineStyle: {color: "#767da180", type: "dashed"} //dashed
-//       } //s是否显示为虚线的条纹背景
-//     },
-//     series: [
-//       {
-//         name: "当前温度",
-//         data: frdlTempTodayList.value,
-//         type: 'line',
-//         smooth: true,
-//         symbol: "none", //去掉圆点
-//         itemStyle: { //线条颜色
-//           color: '#128dff',
-//         }
-//       }
-//     ]
-//   };
-//   option && frdlChart.setOption(option);
-//   window.addEventListener("resize", function () {
-//     frdlChart.resize();
-//   });
-// };
-
-/**总电表信息*/
-const nowPower = ref('--')
-const nowEle = ref('--')
-const todayUsePowersArr = [];
-function getZdbFun(){
-  getZdb(13).then((res)=>{
-    console.log(res.data)
-    nowPower.value = res.data.totp;
-    nowEle.value = res.data.totwh;
-    delete res.data.todayUsePowers.userId
-    delete res.data.todayUsePowers.deviceId
-    delete res.data.todayUsePowers.samDate
-    for(let i in res.data.todayUsePowers){
-      todayUsePowersArr.push(res.data.todayUsePowers[i])
-    }
-    dqglChartFun()
+        "cpuIds": [
+          input1.value,
+          input2.value,
+        ],
+        "key": value.value,
+        "expiration": formattedDate,
+        "companyname": value2.value
+      }
+  ).then((res)=>{
+    ElMessage({type:"success",message:'生成成功！'})
+    result.value=res.key
   })
 }
-let dqglChart;
-function dqglChartFun(){
-  const chartDom = document.getElementById('dqglChart')
-  dqglChart = echarts.init(chartDom);
-  const option = {
-    legend: {
-      data: ["总功率"],
-      // selectedMode: 'single',
-      textStyle: {
-        color: "#b6bee7",
-        fontSize:fontSize(14)
-      }
-    },
-    tooltip: {
-      trigger: "axis",
-      // formatter: "{b0}： {c0}kW",
-      formatter: function(params) {
-        var result = params[0].name + '<br>';  // 获取横轴数据项名称
-        for (var i = 0; i < params.length; i++) {
-          var seriesName = params[i].seriesName;  // 获取系列名称
-          var value = params[i].value;  // 获取数据值
-          result += '<span>' + '<span style="color: #128dff">'+seriesName+'</span>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + '<strong>'+value+'</strong>' + '</span>kW<br>';
-        }
-        return result;
-      },
-      // borderColor: '#00fcff',
-      borderWidth: 1
-    },
-    grid:{
-      show: true,
-      top: '30%',
-      bottom:'13%',
-      left:'10%',
-      right:'3%',
-      borderWidth: 0,
-      borderColor: '#767da1',
-    },
-    xAxis: {
-      type: 'category',
-      data: ["00:00",
-        "00:15", "00:30", "00:45", "01:00",
-        "01:15", "01:30", "01:45", "02:00",
-        "02:15", "02:30", "02:45", "03:00",
-        "03:15", "03:30", "03:45", "04:00",
-        "04:15", "04:30", "04:45", "05:00",
-        "05:15", "05:30", "05:45", "06:00",
-        "06:15", "06:30", "06:45", "07:00",
-        "07:15", "07:30", "07:45", "08:00",
-        "08:15", "08:30", "08:45", "09:00",
-        "09:15", "09:30", "09:45", "10:00",
-        "10:15", "10:30", "10:45", "11:00",
-        "11:15", "11:30", "11:45", "12:00",
-        "12:15", "12:30", "12:45", "13:00",
-        "13:15", "13:30", "13:45", "14:00",
-        "14:15", "14:30", "14:45", "15:00",
-        "15:15", "15:30", "15:45", "16:00",
-        "16:15", "16:30", "16:45", "17:00",
-        "17:15", "17:30", "17:45", "18:00",
-        "18:15", "18:30", "18:45", "19:00",
-        "19:15", "19:30", "19:45", "20:00",
-        "20:15", "20:30", "20:45", "21:00",
-        "21:15", "21:30", "21:45", "22:00",
-        "22:15", "22:30", "22:45", "23:00",
-        "23:15", "23:30", "23:45",],
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(12)
-        }
-      },
-      axisLine: {
-        lineStyle: {
-          color: '#767da1' // 设置x轴的线条颜色
-        }
-      },
-      axisTick: {
-        show: true // 去掉x轴刻度
-      },
-      splitArea: {
-        show: false,
-        interval:0,
-        areaStyle: {
-          color: ['rgb(54,68,148,.8)', 'rgb(37,51,133,.8)'] //这里重点，用于设置颜色的数组，
-          //（有了这个属性，那我们完全可以自己在根据某些条件来生成这样一个数组）
-        }
-      }
-    },
-    yAxis: {
-      type: 'value',
-      name:'kW',
-      min: 0,
-      scale: true, //自适应
-      minInterval: 10, //分割刻度
-      nameTextStyle: {
-        color: "#b6bee7",
-        fontSize:fontSize(12),
-        nameLocation: "start"
-      },
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(12)
-        }
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {color: "#767da180", type: "dashed"} //dashed
-      } //是否显示为虚线的条纹
-    },
-    series: [
-      {
-        name: "总功率",
-        data: todayUsePowersArr,
-        type: 'line',
-        smooth: true,
-        symbol: "none", //去掉圆点
-        itemStyle: { //线条颜色
-          color: '#128dff',
-        },
-        areaStyle: {
-          normal: {
-            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-              {offset: 0, color: "#128dff"},
-              {offset: 0.5, color: "rgba(18,141,252,.2)"},
-              {offset: 1, color: "rgba(18,141,252,.0)"}
-            ])
-          }
-        }, //设置折线区域渐变颜色
-      }
-    ]
-  };
-  option && dqglChart.setOption(option);
-  window.addEventListener("resize", function () {
-    dqglChart.resize();
-  });
-};
-
-/**室内外温度曲线*/
-const timesLine = ref('')
-const indoorLine = ref('')
-const outdoorLine = ref('')
-function getWdcgqFun(){
-  getWdcgq("温度传感器").then((res)=>{
-    console.log('室内外温度曲线数据',res)
-    for(let i = 0; i < res.data.length;i++){
-      timesLine.value = res.data[i].times
-      indoorLine.value = res.data[i].listTempIn
-      outdoorLine.value = res.data[i].listTempOut
-    }
-    indoorChartFun();
-    outdoorChartFun()
-  })
-}
-//室内温度
-let indoorChart;
-function indoorChartFun(){
-  const chartDom = document.getElementById('indoorChart')
-  indoorChart = echarts.init(chartDom);
-  const option = {
-    legend: {
-      data: ["室内温度"],
-      // selectedMode: 'single',
-      textStyle: {
-        color: "#b6bee7",
-        fontSize:fontSize(12)
-      }
-    },
-    tooltip: {
-      trigger: "axis",
-      formatter: function(params) {
-        var result = params[0].name + '<br>';  // 获取横轴数据项名称
-        for (var i = 0; i < params.length; i++) {
-          var seriesName = params[i].seriesName;  // 获取系列名称
-          var value = params[i].value;  // 获取数据值
-          result += seriesName + ': ' + '<strong style="color: #F5901A">'+value+'</strong>' + '℃<br>';  // 拼接字符串
-        }
-        return result;
-      },
-      // borderColor: '#00fcff',
-      borderWidth: 1
-    },
-    grid:{
-      show: true,
-      top: '40%',
-      bottom:'15%',
-      left:'8%',
-      right:'4%',
-      borderWidth: 0,
-      borderColor: '#767da1',
-    },
-    xAxis: {
-      type: 'category',
-      data: timesLine.value,
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(10)
-        }
-      },
-      axisLine: {
-        lineStyle: {
-          color: '#767da180' // 设置x轴的线条颜色
-        }
-      },
-      axisTick: {
-        show: true // 去掉x轴刻度
-      },
-      splitArea: {
-        show: false,
-        interval:0,
-        areaStyle: {
-          color: ['rgb(54,68,148,.8)', 'rgb(37,51,133,.8)'] //这里重点，用于设置颜色的数组，
-          //（有了这个属性，那我们完全可以自己在根据某些条件来生成这样一个数组）
-        }
-      }
-    },
-    yAxis: {
-      type: 'value',
-      name:'℃',
-      min: 0,
-      scale: true, //自适应
-      minInterval: 10, //分割刻度
-      nameTextStyle: {
-        color: "#b6bee7",
-        fontSize:fontSize(10),
-        nameLocation: "start"
-      },
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(10)
-        }
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {color: "#767da180", type: "dashed"} //dashed
-      } //s是否显示为虚线的条纹背景
-    },
-    series: [
-      {
-        name: "室内温度",
-        data: indoorLine.value,
-        type: 'line',
-        smooth: true,
-        symbol: "none", //去掉圆点
-        itemStyle: { //线条颜色
-          color: '#F5901A',
-        }
-      }
-    ]
-  };
-  option && indoorChart.setOption(option);
-  window.addEventListener("resize", function () {
-    indoorChart.resize();
-  });
-};
-//室外温度
-let outdoorChart;
-function outdoorChartFun(){
-  const chartDom = document.getElementById('outdoorChart')
-  outdoorChart = echarts.init(chartDom);
-  const option = {
-    legend: {
-      data: ["室外温度"],
-      // selectedMode: 'single',
-      textStyle: {
-        color: "#b6bee7",
-        fontSize:fontSize(12)
-      }
-    },
-    tooltip: {
-      trigger: "axis",
-      formatter: function(params) {
-        var result = params[0].name + '<br>';  // 获取横轴数据项名称
-        for (var i = 0; i < params.length; i++) {
-          var seriesName = params[i].seriesName;  // 获取系列名称
-          var value = params[i].value;  // 获取数据值
-          result += seriesName + ': ' + '<strong style="color: #F5901A">'+value+'</strong>' + '℃<br>';  // 拼接字符串
-        }
-        return result;
-      },
-      // borderColor: '#00fcff',
-      borderWidth: 1
-    },
-    grid:{
-      show: true,
-      top: '40%',
-      bottom:'15%',
-      left:'8%',
-      right:'4%',
-      borderWidth: 0,
-      borderColor: '#767da1',
-    },
-    xAxis: {
-      type: 'category',
-      data: timesLine.value,
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(10)
-        }
-      },
-      axisLine: {
-        lineStyle: {
-          color: '#767da180' // 设置x轴的线条颜色
-        }
-      },
-      axisTick: {
-        show: true // 去掉x轴刻度
-      },
-      splitArea: {
-        show: false,
-        interval:0,
-        areaStyle: {
-          color: ['rgb(54,68,148,.8)', 'rgb(37,51,133,.8)'] //这里重点，用于设置颜色的数组，
-          //（有了这个属性，那我们完全可以自己在根据某些条件来生成这样一个数组）
-        }
-      }
-    },
-    yAxis: {
-      type: 'value',
-      name:'℃',
-      min: 0,
-      scale: true, //自适应
-      minInterval: 10, //分割刻度
-      nameTextStyle: {
-        color: "#b6bee7",
-        fontSize:fontSize(10),
-        nameLocation: "start"
-      },
-      axisLabel: {
-        textStyle: {
-          color: "#b6bee7",
-          fontSize:fontSize(10)
-        }
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {color: "#767da180", type: "dashed"} //dashed
-      } //s是否显示为虚线的条纹背景
-    },
-    series: [
-      {
-        name: "室外温度",
-        data: outdoorLine.value,
-        type: 'line',
-        smooth: true,
-        symbol: "none", //去掉圆点
-        itemStyle: { //线条颜色
-          color: '#F5901A',
-        }
-      }
-    ]
-  };
-  option && outdoorChart.setOption(option);
-  window.addEventListener("resize", function () {
-    outdoorChart.resize();
-  });
-};
-
 
-/** 页面销毁时*/
-onBeforeUnmount(() => {
-  if(dcglChart) {
-    dcglChart.dispose(); // 销毁实例，防止内存泄漏
-  }
-  if (xrglChart) {
-    xrglChart.dispose();
-  }
-  if (kqyrbChart) {
-    kqyrbChart.dispose();
-  }
-  if (frdlChart) {
-    frdlChart.dispose();
-  }
-  if (dqglChart) {
-    dqglChart.dispose();
-  }
-  if (indoorChart) {
-    indoorChart.dispose();
-  }
-  if (outdoorChart) {
-    outdoorChart.dispose();
-  }
-});
 </script>
 
 <style scoped lang="scss">
-@import "@/assets/font/stylesheet.css";
-.home{
-  height: 100%;
-  background-image: url("../../assets/images/bg.png");
-  background-size: 100% 100%;
-  color: #f3ffff;
-  font-size: 100px;
-  .header{
-    position: relative;
+.bod{
+  width: 89vw;
+  height: 90vh;
+  padding: 10vh 20vh 10vh 20vh;
+
+  .card{
     width: 100%;
-    height: .7rem;
-    background-image: url("../../assets/images/head_bg2.png");
-    background-size: 100% 100%;
-    .timer{
-      position: absolute;
-      top: .12rem;
-      left: 1rem;
-      font-size: .16rem;
-      font-weight: bold;
-    }
-    h2{
-      font-size: .3rem;
-      color: #AFEAFF;
-      font-weight: bold;
+    height: 100%;
+    padding: 2vh 10vh 2vh 10vh;
+    .til{
+      width: 100%;
+      height: 20%;
       text-align: center;
-      line-height: .5rem;
-    }
-    .right-menu-item {
-      display: inline-block;
-      color: #fff;
-      vertical-align: text-bottom;
-      position: absolute;
-      top: 0.09rem;
-      right: 1.5rem;
-      font-size: 0.14rem;
-      padding: 0.05rem 0.15rem;
-      border: 1px solid rgba(221, 221, 221, 0);
-      cursor: pointer;
-      &:hover{
-        border: 1px solid #dddddd70;
-      }
+      font-size: 4vh;
 
     }
-    .back{
-      position: absolute;
-      top: 0.09rem;
-      right: 1rem;
-      font-size: .16rem;
-      color: #fff;
-      padding: 0.03rem .15rem;
-      border: 1px solid #dddddd00;
-      &:hover{
-        border: 1px solid #dddddd70;
-      }
-    }
-  }
-  .main{
-    display: flex;
-    justify-content: space-between;
-    flex-wrap: nowrap;
-    padding: 0 .2rem .2rem .2rem;
-    width: 100%;
-    height: calc(100% - .7rem);
-    .left{
-      width: 24%;
-      height: 100%;
-      .left_top{
-        width: 100%;
-        height: 49%;
-        margin-bottom: 4%;
-      }
-      .left_bottom{
-        width: 100%;
-        height: 49%;
-      }
-    }
-    .middle{
+    .inp{
+      width: 100%;
+      height: 73%;
       display: flex;
-      flex-direction: column;
-      width: 50.5%;
-      height: 100%;
-      .middle_top{
-        position: relative;
-        display: flex;
-        justify-content: space-between;
-        flex-wrap: nowrap;
-        flex: 2;
-        width: 100%;
-        height: 67%;
-        padding-bottom: .2rem;
-        .now_power{
-          position: absolute;
-          bottom: .2rem;
-          left: .2rem;
-          width: 1.12rem;
-          height: 1.1rem;
-          .data{
-            color: #F5901A;
-            font-size: .24rem;
-            font-weight: bold;
-            text-align: center;
-          }
-          .bg_img{
-            width: 1.12rem;
-            height: .62rem;
-            background-image: url("../../assets/images/footer.png");
-            background-size: 100% 100%;
-            margin-top: -.1rem;
-          }
-          .txt{
-            color: #fff;
-            font-size: .15rem;
-            font-weight: bold;
-            line-height: .3rem;
-            text-align: center;
-          }
-        }
-        .now_ele{
-          position: absolute;
-          bottom: .2rem;
-          right: .2rem;
-          width: 1.12rem;
-          height: 1.1rem;
-          .data{
-            color: #128DFF;
-            font-size: .24rem;
-            font-weight: bold;
-            text-align: center;
-          }
-          .bg_img{
-            width: 1.12rem;
-            height: .62rem;
-            background-image: url("../../assets/images/footer.png");
-            background-size: 100% 100%;
-            margin-top: -.1rem;
-          }
-          .txt{
-            color: #fff;
-            font-size: .15rem;
-            font-weight: bold;
-            line-height: .3rem;
-            text-align: center;
-          }
-        }
-        .my3D_img{
-          width: 100%;
-          height: 100%;
-          padding: .2rem .7rem 0 .7rem;
-          img{
-            width: 100%;
-            height: 100%;
-            opacity: .85;
+
+      justify-content: space-around;
+      .inp1{
+        width: 45%;
+        height: 90%;
+        padding: 2vh;
+        border: 1px solid white;
+        .inp2{
+          margin-bottom: 1vh;
+          display: flex;
+          .tex{
+            font-size: 2vh;
           }
         }
-      }
-      .middle_bottom{
-        display: flex;
-        justify-content: space-between;
-        flex-wrap: nowrap;
-        height: 33%;
-        width: 100%;
-        .chart_box2{
-          width: 49.5%;
-          height: 100%;
-          .nowPower_chart{
-            width: 100%;
-            height: 81%;
+        .inp3{
+          margin-bottom: 1vh;
+          .tex{
+            font-size: 2vh;
           }
-        }
-        .wendu_box{
-          display: flex;
-          justify-content: space-between;
-          flex-wrap: wrap;
-          width: 49%;
-          height: 100%;
-          div{
-            width: 100%;
-            height: 50%;
-            padding: 10px 0;
-            //border: 1px solid red;
+          .box{
+            width: 95%;
+            height: 15vh;
+            padding: 1vh;
+            overflow-y: auto;
+            border: 1px solid white;
           }
-          //.item{
-          //  width: 24%;
-          //  height: 48.5%;
-          //  padding: 0 .1rem;
-          //  border: 1px solid #1085B6;
-          //  &:first-child{
-          //    margin-bottom: 0.08rem;
-          //  }
-          //  .dev_name{
-          //    color: #19C3F4;
-          //    font-size: .14rem;
-          //    text-align: center;
-          //    line-height: .4rem;
-          //  }
-          //  .line{
-          //    width: 100%;
-          //    height: 1px;
-          //    background-image: url("../../assets/images/line.png");
-          //    background-size: 100% 100%;
-          //  }
-          //  .data{
-          //    color: #F5901A;
-          //    font-size: .26rem;
-          //    font-weight: bold;
-          //    line-height: .8rem;
-          //    text-align: center;
-          //  }
-          //}
         }
       }
     }
-    .right{
-      width: 24%;
-      height: 100%;
-      .right_top{
-        display: flex;
-        flex-direction: column;
-        width: 100%;
-        height: 49%;
-        margin-bottom: 4%;
-      }
-      .right_bottom{
-        width: 100%;
-        height: 49%;
-      }
-    }
-  }
-}
-.title{
-  width: 50%;
-  height: .3rem;
-  line-height: .3rem;
-  margin: 0 auto .2rem auto;
-  color: #ffffff;
-  font-size: .18rem;
-  font-weight: bold;
-  text-align: center;
-  background-image: url("../../assets/images/wrappertitle2.png");
-  background-size: 100% 100%;
-}
-.info_box{
-  display: flex;
-  width: 100%;
-  height: 44%;
-  padding: .1rem;
-  .dev_img{
-    width: 50%;
-    height: 100%;
-    //border: 1px solid #fff;
-    img{
-      width: 100%;
-      height: 100%;
-    }
   }
-  .dev_data{
-    width: 50%;
-    height: 100%;
-    //border: 1px solid #fff;
-    margin-left: .3rem;
-    padding-top: .2rem;
-    p{
-      font-size: .16rem;
-      line-height: .4rem;
-      color: #f3ffff;
-    }
-    .green{
-      color: #14FF00;
-    }
-    .red{
-      color: red;
-    }
-    .enter_t{
-      color: #F5901A;
-    }
-    .leave_t{
-      color: #F5901A;
-    }
-    .today_tce{
-      color: #128DFF;
-    }
-    .now_t{
-      color: #F5901A;
-    }
-  }
-}
-.chart_box{
-  width: 100%;
-  height: 44%;
-  padding: .1rem;
-  .dev_chart{
-    width: 100%;
-    height: 100%;
-    //border: 1px solid #fff;
-  }
-}
-.bgimg{
-  //background-image: url("../../assets/images/wrapperbox.png");
-  //background-size: 100% 100%;
-  background-color: #1969b640;
-  border: 1px solid #1969b6;
-}
-.screenNumber{
-  font-family: 'ds-digitalnormal';
-}
-@media (max-width: 960px) {
-  .header{
-    h2{
-      font-size: 17px !important;
-    }
-    .timer{
-      font-size: 12px !important;
-      transform: scale(0.8);
-      top: 3px !important;
-    }
-    .right-menu-item{
-      padding: 0 !important;
-      font-size: 10px !important;
-    }
-    .back{
-      padding: 0 !important;
-      font-size: 13px !important;
-      top: 3px !important;
-    }
-  }
-  .main{
-    .title{
-      height: 20px !important;
-      line-height: 20px !important;
-      font-size: 12px !important;
-      width: 70%;
-    }
-    .info_box{
-      height: 40% !important;
-    }
-    .echart_box{
-      height: 47% !important;
-    }
-    .txt{
-      font-size: 12px !important;
-      line-height: 20px !important;
-    }
-  }
-  .info_box{
-    .dev_img{
-      position: relative;
-      width: 40%;
-      height: 80%;
-      img{
-        position: absolute;
-        top: 0;
-        left: 0;
-      }
-    }
-    .dev_data{
-      width: 55%;
-      height: 80%;
-    }
-  }
-
 }
 </style>
 
diff --git a/psdc-ui/src/views/system/cl/index.vue b/psdc-ui/src/views/system/cl/index.vue
index 278fdd9..b7ecc03 100644
--- a/psdc-ui/src/views/system/cl/index.vue
+++ b/psdc-ui/src/views/system/cl/index.vue
@@ -3,11 +3,9 @@
     <el-row :gutter="20">
       <el-col :span="24" :xs="24">
         <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="88px">
-          <el-form-item label="策略名称:" prop="name">
-            <el-select v-model="data.sceneCode" placeholder="请选择" style="width: 240px" @change="changeSl">
-              <el-option label='所有' :value='0'  />
-              <el-option :label='item.label' :value='item.sceneCode'  :key="item.sceneCode" v-for="item in queryParams"/>
-            </el-select>
+          <el-form-item label="授权单位:" prop="name">
+            <el-input v-model="data.sceneCode" placeholder="请输入" style="width: 240px" >
+            </el-input>
           </el-form-item>
           <el-form-item>
 
@@ -17,20 +15,20 @@
         </el-form>
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button type="primary" icon="Plus" @click="handleAdd">新增</el-button>
+            <el-button type="primary" icon="Plus" @click="handleAdd">生成</el-button>
           </el-col>
         </el-row>
         <div class="dev_control_table">
           <el-table :data="data.timingList" height="500px">
             <el-table-column label="序号" align="center"  width="50"  type="index"/>
-            <el-table-column label="策略名称" align="center" prop="strategyName" width="300"/>
-            <el-table-column label="策略描述" align="center" prop="strategyInfo"/>
+            <el-table-column label="私钥" align="center" prop="keyValue" width="300"/>
+            <el-table-column label="授权单位" align="center" prop="keyUnit" width="300"/>
             <el-table-column label="创建时间" align="center" prop="createTime"/>
-<!--            <el-table-column label="温度" align="center" prop="sceneValue"/>-->
+            <el-table-column label="更新时间" align="center" prop="updateTime"/>
             <el-table-column label="操作" align="center" prop="handle">
               <template v-slot="scope">
                 <el-button type="primary" size="small" icon="Edit" v-hasPermi="['system:cl:edit']" @click="handleXg(scope.row)">修改</el-button>
-                <el-button type="danger" size="small" :icon="Delete" @click="handleDel(scope.row.strategyCode)">删除</el-button>
+                <el-button type="danger" size="small" :icon="Delete" @click="handleDel(scope.row.id)">删除</el-button>
               </template>
             </el-table-column>
           </el-table>
@@ -56,72 +54,10 @@
       <el-form :model="timingForm"  ref="userRef" label-width="88px">
         <el-row>
           <el-col :span="24">
-            <el-form-item label="策略名称:" prop="sceneName" >
-              <el-input v-model="addForm.strategyName" placeholder="请输入策略名称"  />
+            <el-form-item label="授权单位:" prop="sceneName" >
+              <el-input v-model="addForm.strategyName" placeholder="请输入授权单位"  />
             </el-form-item>
           </el-col>
-          <el-col :span="24">
-            <el-form-item label="策略描述:" prop="sceneRemark" >
-              <el-input v-model="addForm.strategyInfo" placeholder="请输入策略描述"  />
-            </el-form-item>
-          </el-col>
-
-
-
-          <el-collapse v-model="activeNames" accordion>
-            <el-collapse-item v-for="item in data.items" :key="item.id" :title="item.title" :name="item.id">
-              <span style="width: 50px; margin-left: 20px;margin-bottom: 50px ">步骤名称：</span>
-              <el-input v-model="item.sceneName"  placeholder="请输入步骤名称"  style="width: 950px;margin-bottom: 10px "/>
-              <span style="width: 50px; margin-left: 20px ">步骤描述：</span>
-              <el-input v-model="item.sceneRemark"  placeholder="请输入步骤描述"  style="width: 950px"/>
-              <span style="width: 120px;display: inline-block ;margin: 20px">是否有限制条件</span>
-              <el-radio-group v-model="item.isJudge">
-                <el-radio :label="1">是</el-radio>
-                <el-radio :label="2">否</el-radio>
-              </el-radio-group>
-              <el-collapse v-model="item.isJudge" style="width: 1000px">
-                <el-collapse-item title="限制条件" :name="1">
-                  <span>限制设备：</span>
-                  <el-select v-model="item.judgeDevice" placeholder="请选择" style="width: 240px">
-                    <el-option :label='item.deviceName' :value='item.deviceId'  :key="item.deviceId" v-for="item in data.allsblb"/>
-                  </el-select>
-                  <span style="width: 4.7rem;display: inline-block ;margin: 20px">限制属性：</span>
-                  <el-radio-group v-model="item.judgeElement">
-                    <el-radio label="thermometer_value">温度</el-radio>
-                    <el-radio label="thermometer_value_in">进水温度</el-radio>
-                    <el-radio label="thermometer_value_out">出水温度</el-radio>
-                  </el-radio-group>
-                  <span style="width: 4.7rem;display: inline-block ;margin-left: 50px">限制值：</span>
-                  <el-input type="number" v-model="item.judgeData" placeholder="请输入" style="width: 80px ; height: 25px" />
-                </el-collapse-item>
-              </el-collapse>
-
-<!--              <el-checkbox :indeterminate="item.isIndeterminate" v-model="item.checkAll" @change="handleCheckAllChange">全选</el-checkbox>-->
-              <el-checkbox-group :max="1" v-model="item.checkedSblb" @change="handleCheckedCitiesChange" style="white-space: normal;display: inline-block">
-                <el-checkbox v-for="it in item.sblb" :label="it.deviceId" :key="it.deviceId"  style="margin-bottom: 10px;width: 560px;">
-                  <span  style="width: 160px;display: inline-block">{{it.deviceName}}</span>
-                  <span  v-for="control in it.controlKey" style="margin-left: 20px">
-                <span style="width: 80px;display: inline-block">{{control.label}}</span>
-               <template v-if="control.label === '控制启停'">
-                <el-radio-group v-model="control.value">
-                <el-radio label="1">开启</el-radio>
-                <el-radio label="0">关闭</el-radio>
-                </el-radio-group>
-               </template>
-        <template v-else>
-         <el-input type="number" v-model="control.value" style="width: 120px ;margin: 10px;height: 25px"/>
-        </template>
-              </span>
-                </el-checkbox>
-              </el-checkbox-group>
-
-              <el-button type="danger" @click="removeStep(item.id)">删除</el-button>
-            </el-collapse-item>
-          </el-collapse>
-          <el-button type="primary"  @click="addStep">添加步骤+</el-button>
-
-
-
         </el-row>
       </el-form>
       <template #footer>
@@ -136,70 +72,10 @@
       <el-form :model="timingForm1"  ref="userRef" label-width="88px">
         <el-row>
           <el-col :span="24">
-            <el-form-item label="策略名称:" prop="sceneName">
-              <el-input v-model="addForm1.strategyName" placeholder="请输入策略名称" maxlength="11" />
+            <el-form-item label="授权单位:" prop="sceneName">
+              <el-input v-model="addForm1.strategyName" placeholder="请输入授权单位" maxlength="11" />
             </el-form-item>
           </el-col>
-          <el-col :span="24">
-            <el-form-item label="策略描述:" prop="sceneRemark" >
-              <el-input v-model="addForm1.strategyInfo" placeholder="请输入策略描述"  />
-            </el-form-item>
-          </el-col>
-
-
-          <el-collapse v-model="activeNames1" accordion>
-            <el-collapse-item v-for="item in data.items1" :key="item.id" :title="item.title" :name="item.id">
-              <span style="width: 50px; margin-left: 20px;margin-bottom: 50px ">步骤名称：</span>
-              <el-input v-model="item.sceneName"  placeholder="请输入步骤名称"  style="width: 950px;margin-bottom: 10px "/>
-              <span style="width: 50px; margin-left: 20px ">步骤描述：</span>
-              <el-input v-model="item.sceneRemark"  placeholder="请输入步骤描述"  style="width: 950px"/>
-              <span style="width: 120px;display: inline-block ;margin: 20px">是否有限制条件</span>
-              <el-radio-group v-model="item.isJudge">
-                <el-radio :label="1">是</el-radio>
-                <el-radio :label="2">否</el-radio>
-              </el-radio-group>
-              <el-collapse v-model="item.isJudge" style="width: 1000px">
-                <el-collapse-item title="限制条件" :name="1">
-                  <span>限制设备：</span>
-                  <el-select v-model="item.judgeDevice" placeholder="请选择" style="width: 240px">
-                    <el-option :label='item.deviceName' :value='item.deviceId'  :key="item.deviceId" v-for="item in data.allsblb"/>
-                  </el-select>
-                  <span style="width: 4.7rem;display: inline-block ;margin: 20px">限制属性：</span>
-                  <el-radio-group v-model="item.judgeElement">
-                    <el-radio label="thermometer_value">温度</el-radio>
-                    <el-radio label="thermometer_value_in">进水温度</el-radio>
-                    <el-radio label="thermometer_value_out">出水温度</el-radio>
-                  </el-radio-group>
-                  <span style="width: 4.7rem;display: inline-block ;margin-left: 50px">限制值：</span>
-                  <el-input type="number" v-model="item.judgeData" placeholder="请输入" style="width: 80px ; height: 25px" />
-                </el-collapse-item>
-              </el-collapse>
-
-              <!--              <el-checkbox :indeterminate="item.isIndeterminate" v-model="item.checkAll" @change="handleCheckAllChange">全选</el-checkbox>-->
-              <el-checkbox-group :max="1" v-model="item.checkedSblb" @change="handleCheckedCitiesChange" style="white-space: normal;display: inline-block">
-                <el-checkbox v-for="it in item.sblb" :label="it.deviceId" :key="it.deviceId"  style="margin-bottom: 10px;width: 560px;">
-                  <span  style="width: 160px;display: inline-block">{{it.deviceName}}</span>
-                  <span  v-for="control in it.controlKey" style="margin-left: 20px">
-                <span style="width: 80px;display: inline-block">{{control.label}}</span>
-               <template v-if="control.label === '控制启停'">
-                <el-radio-group v-model="control.value">
-                <el-radio label="1">开启</el-radio>
-                <el-radio label="0">关闭</el-radio>
-                </el-radio-group>
-               </template>
-        <template v-else>
-         <el-input type="number" v-model="control.value" style="width: 120px ;margin: 10px;height: 25px"/>
-        </template>
-              </span>
-                </el-checkbox>
-              </el-checkbox-group>
-
-              <el-button type="danger" @click="removeStep1(item.id)">删除</el-button>
-            </el-collapse-item>
-          </el-collapse>
-          <el-button type="primary"  @click="addStep1">添加步骤+</el-button>
-
-
         </el-row>
       </el-form>
       <template #footer>
@@ -216,50 +92,9 @@
 import {ElMessage,ElMessageBox} from 'element-plus'
 import {Delete} from '@element-plus/icons-vue'
 import {ref,reactive,watch,onMounted} from "vue";
-import {getXl,getTb,postNew,getSb1,postXg,postDel,getSb} from '../../../api/emonitor/api'
+import {getKeyList, addKey, deleteKey,setKey} from '../../../api/emonitor/api'
 onMounted(()=>{
-  getSb().then((res)=>{
-    console.log('111',res)
-    var arr = []
-    for(var i in res.data){
-      arr=arr.concat(res.data[i].children)
-    }
-    console.log('Allsblb',arr)
-    data.allsblb=arr
-  })
-  getSb1().then((res)=>{
-    console.log('222',res)
-    var arr = []
-    for(var i in res.data){
-      arr=arr.concat(res.data[i].children)
-    }
-    console.log('sblb',arr)
-    data.sblb=arr
-    var brr = []
-    for(let a in arr){
-      brr.push(arr[a].deviceId)
-    }
-    data.AllName=brr
-   console.log(brr)
-  })
-  getXl().then((res)=>{
-    console.log(res)
-    data.queryParams=res.data
-  })
-  getTb({
-    "sceneCode": data.sceneCode,
-
-    "pageNum": currentPage.value,
-
-    "pageSize": pageSize.value
-  }).then((res)=>{
-    console.log(res)
-    data.timingList=res.rows
-    data.total=res.total
-  })
-  // postNew().then((res)=>{
-  //   console.log(res)
-  // })
+  KeyList()
 })
 /** 筛选处理 */
 const data = reactive({
@@ -292,52 +127,24 @@ const data = reactive({
   total:'',
   timingList:[],
   queryParams: '',
-  sceneCode:0,
+  sceneCode:null,
   dateRange:[],
   postData:[],
 });
-// const wat = watch(()=> data.sblb,(val) =>{
-//   console.log(val)
-// })
-//改变
+
 function changeSl(){
   console.log(data.sceneCode)
 }
 //搜索按钮
 function handleQuery(){
-  getTb({
-    "sceneCode": data.sceneCode,
-
-    "pageNum": currentPage.value,
-
-    "pageSize": pageSize.value
-  }).then((res)=>{
-    console.log(res)
-    data.timingList=res.rows
-    data.total=res.total
-  })
+  KeyList()
 }
 //重置按钮
 function resetQuery(){
-  data.sceneCode=0
+  data.sceneCode=null
   currentPage.value=1
   pageSize.value=10
-  getTb({
-    "sceneCode": data.sceneCode,
-
-    "pageNum": currentPage.value,
-
-    "pageSize": pageSize.value
-  }).then((res)=>{
-    console.log(res)
-    data.timingList=res.rows
-    data.total=res.total
-  })
-}
-function handleCheckAllChange(val) {
-  data.checkedSblb = val ? data.AllName : [];
-  data.isIndeterminate = false;
-  console.log(data.checkedSblb)
+  KeyList()
 }
 
 function  handleCheckedCitiesChange(value) {
@@ -345,16 +152,15 @@ function  handleCheckedCitiesChange(value) {
   data.checkAll = checkedCount === data.sblb.length;
   data.isIndeterminate = checkedCount > 0 && checkedCount < data.sblb.length;
 }
-function handleCheckAllChange1(val) {
-  data.checkedSblb1 = val ? data.AllName : [];
-  data.isIndeterminate1 = false;
-  console.log(data.checkedSblb1)
-}
-
-function  handleCheckedCitiesChange1(value) {
-  let checkedCount = value.length;
-  data.checkAll1 = checkedCount === data.sblb.length;
-  data.isIndeterminate1 = checkedCount > 0 && checkedCount < data.sblb.length;
+//分页查询私钥
+function KeyList(){
+  getKeyList({
+    "keyUnit": data.sceneCode,
+    "pageCurrent": 1,
+    "pageSize": 10
+  }).then((res)=>{
+     data.timingList=res.data
+  })
 }
 /** 数据表格处理 */
 
@@ -393,31 +199,21 @@ const handleCurrentChange = (val) => {
 }
 
 
-/** 新增策略处理 */
+/** 新增私钥处理 */
 const open = ref(false);
 const title = ref();
 const open1 = ref(false);
 const title1= ref();
 const activeName = ref('1')
 const addForm = reactive({
-  strategyInfo:'',
   strategyName:'',
-  scenesList:[]
 })
 const addForm1 = reactive({
-  strategyCode:'',
-  strategyInfo:'',
   strategyName:'',
-  scenesList:[]
+  id:''
 })
 const timingForm = reactive({
   sceneName:'',
-  sceneRemark:'',
-  deviceVos:[],
-  isJudge:null,
-  judgeDevice:null,
-  judgeElement:null,
-  judgeData:null
 })
 const timingForm1 = reactive({
   sceneName:'',
@@ -434,75 +230,21 @@ const timingForm1 = reactive({
   // outtemp:''
 })
 
-// const watchTime = watch(()=> timingForm.executeTime, (val) => {
-//   // console.log(val.toLocaleString())
-//   let date = new Date(val)
-//   let hours = date.getHours()
-//   let minutes = date.getMinutes()
-//   let seconds = date.getSeconds()
-//   console.log(`${hours}:${minutes}:${seconds}`)
-// })
-
-
 
 function handleAdd() {
-  getSb1().then((res)=>{
-    console.log('222',res)
-    var arr = []
-    for(var i in res.data){
-      arr=arr.concat(res.data[i].children)
-    }
-    console.log('sblb',arr)
-    data.sblb=arr
     addForm.strategyName=''
-    addForm.strategyInfo=''
-    data.items=[{ id: 1, title: '第1步', content: `步骤1的内容`,
-      sblb:data.sblb,
-      isIndeterminate:false,
-      checkedSblb: [],
-      checkAll:false,
-      sceneName:'',
-      sceneRemark:'',
-      deviceVos:[],
-      isJudge:null,
-      judgeDevice:null,
-      judgeElement:null,
-      judgeData:null }]
     open.value = true;
-    title.value = "新增策略";
-  })
+    title.value = "生成私钥";
+
 };
 function submitForm() {
 
-  for(let i in data.items){
-    let tempCheckedSblb = [];
-    data.items[i].checkedSblb.forEach(item => {
-      let tempItem = {
-        deviceId: item,
-        tempList:[]
-      };
-      // 根据 item 从 data.sblb 中找到对应的设备信息
-      let deviceInfo = data.items[i].sblb.find(sblbItem => sblbItem.deviceId === item);
-      if (deviceInfo) {
-        console.log('11111',deviceInfo)
-        tempItem.tempList = deviceInfo.controlKey
-      }
-      tempCheckedSblb.push(tempItem);
-      data.items[i].deviceVos=tempCheckedSblb
-    });
-  }
-  console.log('??????????',data.items)
-  addForm.scenesList=data.items
-  console.log(addForm)
-  postNew(addForm).then((res)=>{
+  addKey({
+    "keyUnit": addForm.strategyName
+  }).then((res)=>{
     console.log(res)
-    ElMessage({type:"success",message:'新增成功！'})
-    handleQuery()
-    getXl().then((res)=>{
-      console.log(res)
-      data.queryParams=res.data
-    })
-
+    ElMessage({type:"success",message:'生成成功！'})
+    KeyList()
     open.value = false;
   })
 };
@@ -510,98 +252,38 @@ function cancel() {
   open.value = false;
 };
 function handleXg(dat) {
+  addForm1.strategyName=dat.keyUnit
+  addForm1.id=dat.id
   open1.value = true;
-  title1.value = "修改策略";
-  console.log('101111',dat)
-  addForm1.strategyCode=dat.strategyCode
-  addForm1.strategyName=dat.strategyName
-  addForm1.strategyInfo=dat.strategyInfo
-  data.items1=dat.scenesList
-  console.log(data.items1)
- //  var arr = []
- //  for(let i in dat.deviceVos){
- //    arr.push(dat.deviceVos[i].deviceId)
- //  }
- // data.checkedSblb1=arr
- //  for (let i = 0;i < data.sblb.length ;i++ ){
- //    var deviceId = data.sblb[i].deviceId
- //    for (let j = 0;j < dat.deviceVos.length ;j++ ) {
- //      if ( deviceId === dat.deviceVos[j].deviceId){
- //        console.log(dat.deviceVos[j].tempValue)
- //        data.sblb[i].controlKey = dat.deviceVos[j].tempValue;
- //      }
- //    }
- //  }
- //  timingForm1.sceneName=dat.sceneName
- //  timingForm1.sceneRemark=dat.sceneRemark
- //  timingForm1.sceneCode = dat.sceneCode
- //  timingForm1.isJudge=dat.isJudge
- //  timingForm1.judgeDevice=dat.judgeDevice
- //  timingForm1.judgeElement=dat.judgeElement
- //  timingForm1.judgeData=dat.judgeData
+  title1.value = "修改私钥";
 };
 function submitForm1() {
-  for(let i in data.items1){
-    let tempCheckedSblb = [];
-    data.items1[i].checkedSblb.forEach(item => {
-      let tempItem = {
-        deviceId: item,
-        tempList:[]
-      };
-      // 根据 item 从 data.sblb 中找到对应的设备信息
-      let deviceInfo = data.items1[i].sblb.find(sblbItem => sblbItem.deviceId === item);
-      if (deviceInfo) {
-        tempItem.tempList = deviceInfo.controlKey
-      }
-      tempCheckedSblb.push(tempItem);
-      data.items1[i].deviceVos=tempCheckedSblb
-    });
-  }
-  console.log('??????????',data.items1)
-  addForm1.scenesList=data.items1
-  console.log(addForm1)
-  postXg(addForm1).then((res)=>{
+  setKey({
+    "id": addForm1.id,
+    "keyUnit": addForm1.strategyName
+  }).then((res)=>{
     console.log(res)
     ElMessage({type:"success",message:'修改成功！'})
-    getXl().then((res)=>{
-      console.log(res)
-      data.queryParams=res.data
-    })
-    handleQuery()
+    KeyList()
     open1.value = false;
-    // data.sblb.map(item => {
-    //   item.controlKey.map(temp => {
-    //     temp.value = '';
-    //   });
-    // });
   })
 };
 function cancel1() {
   open1.value = false;
-  // handleQuery()
-  // data.sblb.map(item => {
-  //   item.controlKey.map(temp => {
-  //     temp.value = '';
-  //   });
-  // })
 };
 function handleDel(strategyCode) {
-  ElMessageBox.confirm("是否确认删除此策略？", "提示",{
+  ElMessageBox.confirm("是否确认删除此私钥？", "提示",{
     confirmButtonText: "确认",
     cancelButtonText: "取消",
     type: "warning"
   }).then(() => {
     console.log(strategyCode)
-    postDel({
-      "strategyCode":strategyCode
-    }).then((res) => {
+    deleteKey(
+      strategyCode
+    ).then((res) => {
       console.log(res)
       ElMessage({type:"success",message:'删除成功！'})
-      getXl().then((res)=>{
-        console.log(res)
-        data.queryParams=res.data
-      })
-      handleQuery()
+      KeyList()
     });
   })
 }