1. 删除没有用的文件

pages.json

@@ -174,13 +174,6 @@
       "style": {}
     },
     {
-      "path": "pages/home/devicemenu/devicemenu",
-      "style": {
-        "navigationBarTitleText": "",
-        "enablePullDownRefresh": false
-      }
-    },
-    {
       "path": "pages/home/detail/autodoor/autodoor"
     },
     {

pages/history/devicemenu/devicemenu.vue

@@ -1,31 +0,0 @@
-<template>
-	<view class="bg">
-        <tree-menu @menuClick="menuClick" ></tree-menu>
-	</view>
-</template>
- 
-<script>
-import TreeMenu from './treeMenu/typeMenu.vue'
-export default {
-	components: {
-		TreeMenu
-	},
-	data() {
-		return {
-		}
-	},
-	created() {
-		
-	},
-	methods:{
-		menuClick(id){
-			this.$emit("menuClick",id)
-		}
-	}
-}
-</script>
-<style>
-	.bg{
-		background-color: #ffffff;
-	}
-</style>

pages/history/devicemenu/treeMenu/typeMenu.vue

@@ -1,147 +0,0 @@
-<template>
-  <view class="device-type-modal">
-    <scroll-view>
-      <!-- 通风设备 -->
-      <view v-for="(typeitem, index) in typeList" :key="index">
-        <view
-          class="cu-bar bg-white solid-bottom margin-top"
-          :style="[{ animation: 'show 0.5s 1' }]"
-        >
-          <view class="action">
-            <text style="font-weight: bold">{{ typeitem.itemText }}</text>
-          </view>
-        </view>
-
-        <view class="cu-list grid col-4 text-sm">
-          <view
-            class="cu-item animation-slide-bottom"
-            :style="[{ animationDelay: (index + 1) * 0.05 + 's' }]"
-            v-for="(item, index) in typeitem.children"
-            :key="index"
-            @tap="goPage(item.itemValue)"
-          >
-            <view class="padding text-center">
-              <image
-                :src="icon_prefix + 'bottombg.png'"
-                style="width: 50px; height: 30px"
-              >
-              </image>
-              <image class="icon" :src="getIcon(item.itemValue)" alt="Icon" />
-              <view class="margin-top-xs">{{ item.itemText }}</view>
-            </view>
-          </view>
-        </view>
-      </view>
-    </scroll-view>
-    <view class="cu-tabbar-height margin-top"></view>
-  </view>
-</template>
-
-<script>
-import { us, os } from "@/common/util/type.js";
-import socket from "@/common/js-sdk/socket/socket.js";
-import api from "@/api/api";
-export default {
-  name: "home",
-  watch: {},
-  data() {
-    return {
-      icon_prefix: "/static/sidebar/",
-      typeList: [],
-      usList: us.data,
-      osList: os.data,
-      dsList: os.data,
-      msgCount: 0,
-      dot: {
-        mailHome: false,
-      },
-      iconMap: {
-        gate: "/static/sidebar/ventS/gate.svg",
-        window: "/static/sidebar/ventS/window.svg",
-        windrect: "/static/sidebar/ventS/windrect.svg",
-        fanmain: "/static/sidebar/ventS/fanmain.svg",
-        fanlocal: "/static/sidebar/ventS/fanlocal.svg",
-        drilling: "/static/sidebar/gasS/drilling.svg",
-        gasmonitor: "/static/sidebar/gasS/gasmonitor.svg",
-        pump: "/static/sidebar/gasS/pump.svg",
-        unit: "/static/sidebar/gasS/unit.svg",
-        dusting: "/static/sidebar/dustS/dusting.svg",
-        spray: "/static/sidebar/dustS/spray.svg",
-        bundletube: "/static/sidebar/fireS/bundletube.svg",
-        fiber: "/static/sidebar/fireS/fiber.svg",
-        nitrogen: "/static/sidebar/fireS/nitrogen.svg",
-        obfurage: "/static/sidebar/fireS/obfurage.svg",
-        pulping: "/static/sidebar/fireS/pulping.svg",
-        atomizing: "/static/sidebar/dustS/atomizing.svg",
-      },
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    loadData() {
-      return new Promise((resolve, reject) => {
-        api
-          .getDeviceType({})
-          .then((response) => {
-            if (response.data.code == 200) {
-              for (var i = 0; i < response.data.result.length; i++) {
-                if (
-                  response.data.result[i].itemValue.indexOf("synthesizeS") == -1
-                )
-                  this.typeList.push(response.data.result[i]);
-              }
-            } else {
-              resolve(response);
-            }
-          })
-          .catch((error) => {
-            console.log("catch===>response", response);
-            reject(error);
-          });
-      });
-    },
-    goPage(page) {
-      this.$emit("menuClick", page);
-    },
-    getIcon(itemValue) {
-      const defaultIconPath = "/static/sidebar/fireS/pulping.svg";
-
-      // 检查 iconMap 中是否存在对应的图标路径
-      if (itemValue && this.iconMap[itemValue]) {
-        return "/static/sidebar/" + itemValue + ".svg";
-      }
-      // 如果不存在对应的图标路径，则返回默认图标路径
-      return defaultIconPath;
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.device-type-modal {
-  margin-top: 30rpx;
-}
-.cu-list.grid > .cu-item {
-  padding: 0rpx 0rpx;
-  background: linear-gradient(
-    to right,
-    rgba(55, 135, 254, 0.08),
-    rgba(4, 184, 255, 0.08),
-    rgba(60, 161, 237, 0.08)
-  );
-}
-.line2-icon {
-  width: 60rpx;
-  height: 60rpx;
-}
-.icon {
-  position: absolute;
-  top: 5rpx;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 20rpx;
-  height: 20rpx;
-}
-</style>

pages/history/history.vue

@@ -188,7 +188,6 @@
 </template>
 
 <script>
-import DeviceMenu from "./devicemenu/devicemenu.vue";
 import api from "@/api/api";
 import dayjs from "dayjs";
 export default {
@@ -254,9 +253,7 @@ export default {
       historyData: [], //历史数据
     };
   },
-  components: {
-    DeviceMenu,
-  },
+
   props: ["showColum", 'deviceType'],
   watch: {
     showColum(data) {

pages/home/devicemenu/devicemenu.vue

@@ -1,32 +0,0 @@
-<template>
-	<view class="bg">
-        <tree-menu @menuClick="menuClick" ></tree-menu>
-	</view>
-</template>
- 
-<script>
-import TreeMenu from './treeMenu/typeMenu.vue'
-export default {
-	name: 'Study',
-	components: {
-		TreeMenu
-	},
-	data() {
-		return {
-		}
-	},
-	created() {
-		
-	},
-	methods:{
-		menuClick(id){
-			this.$emit("menuClick",id)
-		}
-	}
-}
-</script>
-<style>
-	.bg{
-		background-color: #ffffff;
-	}
-</style>

pages/home/devicemenu/treeMenu/typeMenu.vue

@@ -1,147 +0,0 @@
-<template>
-  <view class="device-type-modal">
-    <scroll-view>
-      <!-- 通风设备 -->
-      <view v-for="(typeitem, index) in typeList" :key="index">
-        <view
-          class="cu-bar bg-white solid-bottom margin-top"
-          :style="[{ animation: 'show 0.5s 1' }]"
-        >
-          <view class="action">
-            <text style="font-weight: bold">{{ typeitem.itemText }}</text>
-          </view>
-        </view>
-
-        <view class="cu-list grid col-4 text-sm">
-          <view
-            class="cu-item animation-slide-bottom"
-            :style="[{ animationDelay: (index + 1) * 0.05 + 's' }]"
-            v-for="(item, index) in typeitem.children"
-            :key="index"
-            @tap="goPage(item.itemValue)"
-          >
-            <view class="padding text-center">
-              <image
-                :src="icon_prefix + 'bottombg.png'"
-                style="width: 50px; height: 30px"
-              >
-              </image>
-              <image class="icon" :src="getIcon(item.itemValue)" alt="Icon" />
-              <view class="margin-top-xs">{{ item.itemText }}</view>
-            </view>
-          </view>
-        </view>
-      </view>
-    </scroll-view>
-    <view class="cu-tabbar-height margin-top"></view>
-  </view>
-</template>
-
-<script>
-import { us, os } from "@/common/util/type.js";
-import socket from "@/common/js-sdk/socket/socket.js";
-import api from "@/api/api";
-export default {
-  name: "home",
-  watch: {},
-  data() {
-    return {
-      icon_prefix: "/static/sidebar/",
-      typeList: [],
-      usList: us.data,
-      osList: os.data,
-      dsList: os.data,
-      msgCount: 0,
-      dot: {
-        mailHome: false,
-      },
-      iconMap: {
-        gate: "/static/sidebar/ventS/gate.svg",
-        window: "/static/sidebar/ventS/window.svg",
-        windrect: "/static/sidebar/ventS/windrect.svg",
-        fanmain: "/static/sidebar/ventS/fanmain.svg",
-        fanlocal: "/static/sidebar/ventS/fanlocal.svg",
-        drilling: "/static/sidebar/gasS/drilling.svg",
-        gasmonitor: "/static/sidebar/gasS/gasmonitor.svg",
-        pump: "/static/sidebar/gasS/pump.svg",
-        unit: "/static/sidebar/gasS/unit.svg",
-        dusting: "/static/sidebar/dustS/dusting.svg",
-        spray: "/static/sidebar/dustS/spray.svg",
-        bundletube: "/static/sidebar/fireS/bundletube.svg",
-        fiber: "/static/sidebar/fireS/fiber.svg",
-        nitrogen: "/static/sidebar/fireS/nitrogen.svg",
-        obfurage: "/static/sidebar/fireS/obfurage.svg",
-        pulping: "/static/sidebar/fireS/pulping.svg",
-        atomizing: "/static/sidebar/dustS/atomizing.svg",
-      },
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    loadData() {
-      return new Promise((resolve, reject) => {
-        api
-          .getDeviceType({})
-          .then((response) => {
-            if (response.data.code == 200) {
-              for (var i = 0; i < response.data.result.length; i++) {
-                if (
-                  response.data.result[i].itemValue.indexOf("synthesizeS") == -1
-                )
-                  this.typeList.push(response.data.result[i]);
-              }
-            } else {
-              resolve(response);
-            }
-          })
-          .catch((error) => {
-            console.log("catch===>response", response);
-            reject(error);
-          });
-      });
-    },
-    goPage(page) {
-      this.$emit("menuClick", page);
-    },
-    getIcon(itemValue) {
-      const defaultIconPath = "/static/sidebar/fireS/pulping.svg";
-
-      // 检查 iconMap 中是否存在对应的图标路径
-      if (itemValue && this.iconMap[itemValue]) {
-        return "/static/sidebar/" + itemValue + ".svg";
-      }
-      // 如果不存在对应的图标路径，则返回默认图标路径
-      return defaultIconPath;
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.device-type-modal {
-  margin-top: 30rpx;
-}
-.cu-list.grid > .cu-item {
-  padding: 0rpx 0rpx;
-  background: linear-gradient(
-    to right,
-    rgba(55, 135, 254, 0.08),
-    rgba(4, 184, 255, 0.08),
-    rgba(60, 161, 237, 0.08)
-  );
-}
-.line2-icon {
-  width: 60rpx;
-  height: 60rpx;
-}
-.icon {
-  position: absolute;
-  top: 5rpx;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 20rpx;
-  height: 20rpx;
-}
-</style>

pages/home/home.vue

@@ -1,20 +1,5 @@
 <template>
   <view class="container">
-    <!-- 建议放在外层 -->
-<!--    <u-navbar
-      title="设备中心"
-      @leftClick="devicemenuShow"
-      :safeAreaInsetTop="true"
-    >
-      <view class="u-nav-slot" slot="left">
-        <u-icon name="list" size="20"> </u-icon>
-      </view>
-    </u-navbar>
-
-    <view v-if="menushow" class="menupage">
-      <DeviceMenu @menuClick="menuClick"></DeviceMenu>
-    </view> -->
-
     <view v-if="!menushow" class="main">
       <view class="u-page">
         <u-list>
@@ -167,9 +152,7 @@
 </template>
 
 <script>
-import DeviceMenu from "./devicemenu/devicemenu.vue";
 import api from "@/api/api";
-import { nextTick } from "vue";
 export default {
   data() {
     return {
@@ -180,9 +163,6 @@ export default {
       colums: {},
     };
   },
-  components: {
-    DeviceMenu,
-  },
   props: ["showColum", 'deviceType'],
   watch: {
     showColum(data) {

pages/operation/devicemenu/devicemenu.vue

@@ -1,32 +0,0 @@
-<template>
-	<view class="bg">
-        <tree-menu @menuClick="menuClick" ></tree-menu>
-	</view>
-</template>
- 
-<script>
-import TreeMenu from './treeMenu/typeMenu.vue'
-export default {
-	name: 'Study',
-	components: {
-		TreeMenu
-	},
-	data() {
-		return {
-		}
-	},
-	created() {
-		
-	},
-	methods:{
-		menuClick(id){
-			this.$emit("menuClick",id)
-		}
-	}
-}
-</script>
-<style>
-	.bg{
-		background-color: #ffffff;
-	}
-</style>

pages/operation/devicemenu/treeMenu/typeMenu.vue

@@ -1,147 +0,0 @@
-<template>
-  <view class="device-type-modal">
-    <scroll-view>
-      <!-- 通风设备 -->
-      <view v-for="(typeitem, index) in typeList" :key="index">
-        <view
-          class="cu-bar bg-white solid-bottom margin-top"
-          :style="[{ animation: 'show 0.5s 1' }]"
-        >
-          <view class="action">
-            <text style="font-weight: bold">{{ typeitem.itemText }}</text>
-          </view>
-        </view>
-
-        <view class="cu-list grid col-4 text-sm">
-          <view
-            class="cu-item animation-slide-bottom"
-            :style="[{ animationDelay: (index + 1) * 0.05 + 's' }]"
-            v-for="(item, index) in typeitem.children"
-            :key="index"
-            @tap="goPage(item.itemValue)"
-          >
-            <view class="padding text-center">
-              <image
-                :src="icon_prefix + 'bottombg.png'"
-                style="width: 50px; height: 30px"
-              >
-              </image>
-              <image class="icon" :src="getIcon(item.itemValue)" alt="Icon" />
-              <view class="margin-top-xs">{{ item.itemText }}</view>
-            </view>
-          </view>
-        </view>
-      </view>
-    </scroll-view>
-    <view class="cu-tabbar-height margin-top"></view>
-  </view>
-</template>
-
-<script>
-import { us, os } from "@/common/util/type.js";
-import socket from "@/common/js-sdk/socket/socket.js";
-import api from "@/api/api";
-export default {
-  name: "home",
-  watch: {},
-  data() {
-    return {
-      icon_prefix: "/static/sidebar/",
-      typeList: [],
-      usList: us.data,
-      osList: os.data,
-      dsList: os.data,
-      msgCount: 0,
-      dot: {
-        mailHome: false,
-      },
-      iconMap: {
-        gate: "/static/sidebar/ventS/gate.svg",
-        window: "/static/sidebar/ventS/window.svg",
-        windrect: "/static/sidebar/ventS/windrect.svg",
-        fanmain: "/static/sidebar/ventS/fanmain.svg",
-        fanlocal: "/static/sidebar/ventS/fanlocal.svg",
-        drilling: "/static/sidebar/gasS/drilling.svg",
-        gasmonitor: "/static/sidebar/gasS/gasmonitor.svg",
-        pump: "/static/sidebar/gasS/pump.svg",
-        unit: "/static/sidebar/gasS/unit.svg",
-        dusting: "/static/sidebar/dustS/dusting.svg",
-        spray: "/static/sidebar/dustS/spray.svg",
-        bundletube: "/static/sidebar/fireS/bundletube.svg",
-        fiber: "/static/sidebar/fireS/fiber.svg",
-        nitrogen: "/static/sidebar/fireS/nitrogen.svg",
-        obfurage: "/static/sidebar/fireS/obfurage.svg",
-        pulping: "/static/sidebar/fireS/pulping.svg",
-        atomizing: "/static/sidebar/dustS/atomizing.svg",
-      },
-    };
-  },
-  created() {
-    this.loadData();
-  },
-  methods: {
-    loadData() {
-      return new Promise((resolve, reject) => {
-        api
-          .getDeviceType({})
-          .then((response) => {
-            if (response.data.code == 200) {
-              for (var i = 0; i < response.data.result.length; i++) {
-                if (
-                  response.data.result[i].itemValue.indexOf("synthesizeS") == -1
-                )
-                  this.typeList.push(response.data.result[i]);
-              }
-            } else {
-              resolve(response);
-            }
-          })
-          .catch((error) => {
-            console.log("catch===>response", response);
-            reject(error);
-          });
-      });
-    },
-    goPage(page) {
-      this.$emit("menuClick", page);
-    },
-    getIcon(itemValue) {
-      const defaultIconPath = "/static/sidebar/fireS/pulping.svg";
-
-      // 检查 iconMap 中是否存在对应的图标路径
-      if (itemValue && this.iconMap[itemValue]) {
-        return "/static/sidebar/" + itemValue + ".svg";
-      }
-      // 如果不存在对应的图标路径，则返回默认图标路径
-      return defaultIconPath;
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-.device-type-modal {
-  margin-top: 30rpx;
-}
-.cu-list.grid > .cu-item {
-  padding: 0rpx 0rpx;
-  background: linear-gradient(
-    to right,
-    rgba(55, 135, 254, 0.08),
-    rgba(4, 184, 255, 0.08),
-    rgba(60, 161, 237, 0.08)
-  );
-}
-.line2-icon {
-  width: 60rpx;
-  height: 60rpx;
-}
-.icon {
-  position: absolute;
-  top: 5rpx;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 20rpx;
-  height: 20rpx;
-}
-</style>

pages/operation/operation.vue

@@ -1,19 +1,5 @@
 <template>
   <view class="container">
-    <!-- 建议放在外层 -->
-<!--    <u-navbar
-      title="操作历史"
-      @leftClick="devicemenuShow"
-      :safeAreaInsetTop="true"
-    >
-      <view class="u-nav-slot" slot="left">
-        <u-icon name="list" size="20"> </u-icon>
-      </view>
-    </u-navbar>
-
-    <view v-show="menushow" class="menupage">
-      <DeviceMenu @menuClick="menuClick"></DeviceMenu>
-    </view> -->
     <view v-if="!menushow" class="main">
       <view class="u-page">
         <div class="flcard">
@@ -102,7 +88,6 @@
 </template>
 
 <script>
-import DeviceMenu from "./devicemenu/devicemenu.vue";
 import api from "@/api/api";
 import dayjs from "dayjs";
 export default {
@@ -119,9 +104,7 @@ export default {
       historyData: [],
     };
   },
-  components: {
-    DeviceMenu,
-  },
+
   props: ["showColum", 'deviceType'],
   watch: {
     showColum(data) {

pages/operation/operationModel.vue

@@ -1,278 +0,0 @@
-<template>
-  <view class="container">
-    <!-- 建议放在外层 -->
-    <u-navbar
-      title="操作历史"
-      @leftClick="devicemenuShow"
-      :safeAreaInsetTop="true"
-    >
-      <view class="u-nav-slot" slot="left">
-        <u-icon name="list" size="20"> </u-icon>
-      </view>
-    </u-navbar>
-
-    <view v-show="menushow" class="menupage">
-      <DeviceMenu @menuClick="menuClick"></DeviceMenu>
-    </view>
-    <view v-show="!menushow" class="main">
-      <view class="u-page">
-        <div class="flcard">
-          <div class="btns">
-            <u-button
-              type="primary"
-              shape="circle"
-              :text="StartTime ? StartTime : '起始时间'"
-              @click="dataShow = true"
-            ></u-button>
-            <u-button
-              type="primary"
-              shape="circle"
-              :text="EndTime ? EndTime : '结束时间'"
-              @click="dataShow1 = true"
-            ></u-button>
-            <u-icon
-              size="30"
-              color="#3c9cff"
-              name="search"
-              @click="checkHistoryData"
-            ></u-icon>
-          </div>
-          <u-datetime-picker
-            :show="dataShow"
-            mode="datetime"
-            @cancel="dataShow = false"
-            @confirm="selectStartTime"
-            v-model="dataTime"
-          ></u-datetime-picker>
-          <u-datetime-picker
-            :show="dataShow1"
-            mode="datetime"
-            @cancel="dataShow1 = false"
-            @confirm="selectEndTime"
-            v-model="dataTime"
-          ></u-datetime-picker>
-        </div>
-        <u-list>
-          <u-list-item
-            class="itemback"
-            v-for="(item, index) in historyData"
-            :key="index"
-          >
-            <view>
-              <view class="content flcard">
-                <view class="datacard user">
-                  <view style="margin: 20rpx 20rpx">
-                    <text class="text-style">{{ item.realname }}</text>
-                  </view>
-                  <view style="margin: 20rpx 20rpx; font-size: small"
-                    >用户</view
-                  >
-                </view>
-                <view class="datacard device">
-                  <view style="margin: 20rpx 20rpx">
-                    <text class="text-style">{{ item.devicename }}</text>
-                  </view>
-                  <view style="margin: 20rpx 20rpx; font-size: small"
-                    >操作设备</view
-                  >
-                </view>
-                <view class="datacard record">
-                  <view style="margin: 20rpx 20rpx">
-                    <text class="text-style">{{ item.strremark }}</text>
-                  </view>
-                  <view style="margin: 20rpx 20rpx; font-size: small"
-                    >操作记录</view
-                  >
-                </view>
-                <view class="datacard time">
-                  <view style="margin: 20rpx 20rpx">
-                    <text class="text-style">{{ item.createTime }}</text>
-                  </view>
-                  <view style="margin: 20rpx 20rpx; font-size: small"
-                    >操作时间</view
-                  >
-                </view>
-              </view>
-            </view>
-          </u-list-item>
-        </u-list>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-import DeviceMenu from "./devicemenu/devicemenu.vue";
-import api from "@/api/api";
-import dayjs from "dayjs";
-export default {
-  data() {
-    return {
-      menushow: false,
-      TabCur: "gate",
-      dataShow: false,
-      dataShow1: false,
-      dataTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-      deviceType: "gate", //设备类型
-      StartTime: "",
-      EndTime: "",
-      historyData: [],
-    };
-  },
-  components: {
-    DeviceMenu,
-  },
-  props: ["showColum"],
-  watch: {
-    showColum(data) {
-      this.colums = data;
-      console.log(this.colums);
-    },
-  },
-  created() {
-    this.colums = this.showColum;
-    const startTime =new Date().getTime() - 3600 * 1000 * 24 * 30;
-    const endTime = new Date();
-    this.StartTime = dayjs(startTime).format("YYYY-MM-DD HH:mm:ss");
-    this.EndTime = dayjs(endTime).format("YYYY-MM-DD HH:mm:ss");
-    this.checkHistoryData();
-  },
-  mounted() {},
-  methods: {
-    //选择起始时间
-    selectStartTime(e) {
-      const startTime = e.value;
-      const formattedTime = dayjs(startTime).format("YYYY-MM-DD HH:mm:ss");
-      this.StartTime = formattedTime;
-      this.dataShow = false;
-    },
-    //选择起始时间
-    selectEndTime(e) {
-      const endTime = e.value;
-      const formattedTime = dayjs(endTime).format("YYYY-MM-DD HH:mm:ss");
-      this.EndTime = formattedTime;
-      this.dataShow1 = false;
-    },
-    devicemenuShow(e) {
-      this.menushow = !this.menushow;
-    },
-    menuClick(id) {
-      this.TabCur = id;
-      this.deviceType = this.TabCur;
-      this.menushow = false;
-    },
-    //查询历史数据
-    checkHistoryData() {
-      const params = {
-        createTime_begin: this.StartTime,
-        createTime_end: this.EndTime,
-        pageNo: 1,
-        pageSize: 10000,
-        devicetype: this.deviceType + "*",
-      };
-      new Promise((resolve, reject) => {
-        api
-          .getOpreateHistory(params)
-          .then((response) => {
-            if (response.data.code == 200) {
-              this.historyData = response.data.result.records;
-            } else {
-              resolve(response);
-            }
-          })
-          .catch((error) => {
-            reject(error);
-          });
-      });
-    },
-  },
-  destroyed() {},
-};
-</script>
-
-<style>
-.main {
-  display: flex;
-  flex-direction: column;
-}
-.menupage {
-  position: absolute;
-  z-index: 2;
-  /* top: 40rpx; */
-  height: calc(100% - 40rpx);
-  width: 100%;
-}
-.btns {
-  display: flex;
-}
-.flcard {
-  padding: 20rpx;
-  background-color: #ffffff;
-  margin-bottom: 5rpx;
-}
-.text-style {
-  color: #3787fe;
-  font-weight: bold;
-}
-
-.itemback {
-  padding: 20rpx;
-  background-color: #ffffff;
-  margin-bottom: 5rpx;
-}
-.datacard {
-  width: 48%;
-  margin: 1%;
-  float: left;
-  height: 120rpx;
-  border-radius: 10px;
-}
-.time {
-  background: url(/static/operation/operationTime.png),
-    linear-gradient(
-      to right,
-      rgba(55, 135, 254, 0.08),
-      rgba(4, 184, 255, 0.08),
-      rgba(60, 161, 237, 0.08)
-    );
-  background-size: auto 100%;
-  background-position: right;
-  background-repeat: no-repeat;
-}
-.record {
-  background: url(/static/operation/operationRecord.png),
-    linear-gradient(
-      to right,
-      rgba(55, 135, 254, 0.08),
-      rgba(4, 184, 255, 0.08),
-      rgba(60, 161, 237, 0.08)
-    );
-  background-size: auto 100%;
-  background-position: right;
-  background-repeat: no-repeat;
-}
-.user {
-  background: url(/static/operation/user.png),
-    linear-gradient(
-      to right,
-      rgba(55, 135, 254, 0.08),
-      rgba(4, 184, 255, 0.08),
-      rgba(60, 161, 237, 0.08)
-    );
-  background-size: auto 100%;
-  background-position: right;
-  background-repeat: no-repeat;
-}
-.device {
-  background: url(/static/operation/operationDevice.png),
-    linear-gradient(
-      to right,
-      rgba(55, 135, 254, 0.08),
-      rgba(4, 184, 255, 0.08),
-      rgba(60, 161, 237, 0.08)
-    );
-  background-size: auto 100%;
-  background-position: right;
-  background-repeat: no-repeat;
-}
-</style>