瀏覽代碼

feat:添加订单和油枪状态的静态页面

xianna.liang 6 月之前
父節點
當前提交
ba1027f6f9
共有 28 個文件被更改,包括 577 次插入2034 次删除
  1. 3 3
      src/FccWeb/admin.ui.plus-master/index.html
  2. 179 623
      src/FccWeb/admin.ui.plus-master/package-lock.json
  3. 0 1
      src/FccWeb/admin.ui.plus-master/package.json
  4. 0 229
      src/FccWeb/admin.ui.plus-master/src/api/admin/Api.ts
  5. 0 135
      src/FccWeb/admin.ui.plus-master/src/api/admin/Bom.ts
  6. 0 57
      src/FccWeb/admin.ui.plus-master/src/api/admin/Cache.ts
  7. 0 36
      src/FccWeb/admin.ui.plus-master/src/config/UtilVar.js
  8. 1 1
      src/FccWeb/admin.ui.plus-master/src/layout/footer/index.vue
  9. 2 2
      src/FccWeb/admin.ui.plus-master/src/router/route.ts
  10. 1 0
      src/FccWeb/admin.ui.plus-master/src/theme/index.scss
  11. 0 0
      src/FccWeb/admin.ui.plus-master/src/theme/input.scss
  12. 0 64
      src/FccWeb/admin.ui.plus-master/src/theme/main.scss
  13. 0 17
      src/FccWeb/admin.ui.plus-master/src/theme/tableStyle.scss
  14. 0 59
      src/FccWeb/admin.ui.plus-master/src/utils/deviceVision.js
  15. 0 0
      src/FccWeb/admin.ui.plus-master/src/utils/map/china.json
  16. 0 217
      src/FccWeb/admin.ui.plus-master/src/utils/map/xzqCode.js
  17. 0 233
      src/FccWeb/admin.ui.plus-master/src/utils/mock.js
  18. 0 75
      src/FccWeb/admin.ui.plus-master/src/utils/newDeviceVision/drawMixin.js
  19. 0 58
      src/FccWeb/admin.ui.plus-master/src/utils/newDeviceVision/index.js
  20. 0 0
      src/FccWeb/admin.ui.plus-master/src/utils/newDeviceVision/map/china.json
  21. 0 217
      src/FccWeb/admin.ui.plus-master/src/utils/newDeviceVision/map/xzqCode.js
  22. 1 1
      src/FccWeb/admin.ui.plus-master/src/views/admin/components/addStation.vue
  23. 212 0
      src/FccWeb/admin.ui.plus-master/src/views/admin/nozzle/index.vue
  24. 1 3
      src/FccWeb/admin.ui.plus-master/src/views/admin/oil/oil.vue
  25. 176 0
      src/FccWeb/admin.ui.plus-master/src/views/admin/order/index.vue
  26. 0 1
      src/FccWeb/admin.ui.plus-master/src/views/admin/station/station.vue
  27. 0 1
      src/FccWeb/admin.ui.plus-master/tsconfig.json
  28. 1 1
      src/FccWeb/admin.ui.plus-master/vite.config.ts

+ 3 - 3
src/FccWeb/admin.ui.plus-master/index.html

@@ -4,10 +4,10 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="keywords" content="IMES-Cloud" />
-    <meta name="description" content="IMES-Cloud" />
+    <meta name="keywords" content="FCC" />
+    <meta name="description" content="FCC" />
     <link rel="icon" href="/favicon.ico" />
-    <title>IMES-Cloud</title>
+    <title>FCC</title>
   </head>
   <body>
     <div id="app"></div>

文件差異過大導致無法顯示
+ 179 - 623
src/FccWeb/admin.ui.plus-master/package-lock.json


+ 0 - 1
src/FccWeb/admin.ui.plus-master/package.json

@@ -9,7 +9,6 @@
     "build": "vite build",
     "lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/",
     "format": "px prettier --write .",
-    "install:pkg": "npm install --registry https://registry.npmmirror.com",
     "gen:api": "node ./gen/gen-api"
   },
   "dependencies": {

+ 0 - 229
src/FccWeb/admin.ui.plus-master/src/api/admin/Api.ts

@@ -1,229 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/*
- * ---------------------------------------------------------------
- * ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API        ##
- * ##                                                           ##
- * ## AUTHOR: acacode                                           ##
- * ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
- * ---------------------------------------------------------------
- */
-
-import { AxiosResponse } from 'axios'
-import {
-  ApiAddInput,
-  ApiSyncInput,
-  ApiUpdateInput,
-  PageInputApiGetPageDto,
-  ResultOutputApiGetOutput,
-  ResultOutputInt64,
-  ResultOutputListApiListOutput,
-  ResultOutputPageOutputApiEntity,
-} from './data-contracts'
-import { ContentType, HttpClient, RequestParams } from './http-client'
-
-export class ApiApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
-  /**
-   * No description
-   *
-   * @tags api
-   * @name Get
-   * @summary 查询
-   * @request GET:/api/admin/api/get
-   * @secure
-   */
-  get = (
-    query?: {
-      /** @format int64 */
-      id?: number
-    },
-    params: RequestParams = {}
-  ) =>
-    this.request<ResultOutputApiGetOutput, any>({
-      path: `/api/admin/api/get`,
-      method: 'GET',
-      query: query,
-      secure: true,
-      format: 'json',
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags api
-   * @name GetList
-   * @summary 查询列表
-   * @request GET:/api/admin/api/get-list
-   * @secure
-   */
-  getList = (
-    query?: {
-      key?: string
-    },
-    params: RequestParams = {}
-  ) =>
-    this.request<ResultOutputListApiListOutput, any>({
-      path: `/api/admin/api/get-list`,
-      method: 'GET',
-      query: query,
-      secure: true,
-      format: 'json',
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags api
-   * @name GetPage
-   * @summary 查询分页
-   * @request POST:/api/admin/api/get-page
-   * @secure
-   */
-  getPage = (data: PageInputApiGetPageDto, params: RequestParams = {}) =>
-    this.request<ResultOutputPageOutputApiEntity, any>({
-      path: `/api/admin/api/get-page`,
-      method: 'POST',
-      body: data,
-      secure: true,
-      type: ContentType.Json,
-      format: 'json',
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags api
-   * @name Add
-   * @summary 添加
-   * @request POST:/api/admin/api/add
-   * @secure
-   */
-  add = (data: ApiAddInput, params: RequestParams = {}) =>
-    this.request<ResultOutputInt64, any>({
-      path: `/api/admin/api/add`,
-      method: 'POST',
-      body: data,
-      secure: true,
-      type: ContentType.Json,
-      format: 'json',
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags api
-   * @name Update
-   * @summary 修改
-   * @request PUT:/api/admin/api/update
-   * @secure
-   */
-  update = (data: ApiUpdateInput, params: RequestParams = {}) =>
-    this.request<AxiosResponse, any>({
-      path: `/api/admin/api/update`,
-      method: 'PUT',
-      body: data,
-      secure: true,
-      type: ContentType.Json,
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags api
-   * @name Delete
-   * @summary 彻底删除
-   * @request DELETE:/api/admin/api/delete
-   * @secure
-   */
-  delete = (
-    query?: {
-      /** @format int64 */
-      id?: number
-    },
-    params: RequestParams = {}
-  ) =>
-    this.request<AxiosResponse, any>({
-      path: `/api/admin/api/delete`,
-      method: 'DELETE',
-      query: query,
-      secure: true,
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags api
-   * @name BatchDelete
-   * @summary 批量彻底删除
-   * @request PUT:/api/admin/api/batch-delete
-   * @secure
-   */
-  batchDelete = (data: number[], params: RequestParams = {}) =>
-    this.request<AxiosResponse, any>({
-      path: `/api/admin/api/batch-delete`,
-      method: 'PUT',
-      body: data,
-      secure: true,
-      type: ContentType.Json,
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags api
-   * @name SoftDelete
-   * @summary 删除
-   * @request DELETE:/api/admin/api/soft-delete
-   * @secure
-   */
-  softDelete = (
-    query?: {
-      /** @format int64 */
-      id?: number
-    },
-    params: RequestParams = {}
-  ) =>
-    this.request<AxiosResponse, any>({
-      path: `/api/admin/api/soft-delete`,
-      method: 'DELETE',
-      query: query,
-      secure: true,
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags api
-   * @name BatchSoftDelete
-   * @summary 批量删除
-   * @request PUT:/api/admin/api/batch-soft-delete
-   * @secure
-   */
-  batchSoftDelete = (data: number[], params: RequestParams = {}) =>
-    this.request<AxiosResponse, any>({
-      path: `/api/admin/api/batch-soft-delete`,
-      method: 'PUT',
-      body: data,
-      secure: true,
-      type: ContentType.Json,
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags api
-   * @name Sync
-   * @summary 同步
-   * @request POST:/api/admin/api/sync
-   * @secure
-   */
-  sync = (data: ApiSyncInput, params: RequestParams = {}) =>
-    this.request<AxiosResponse, any>({
-      path: `/api/admin/api/sync`,
-      method: 'POST',
-      body: data,
-      secure: true,
-      type: ContentType.Json,
-      ...params,
-    })
-}

+ 0 - 135
src/FccWeb/admin.ui.plus-master/src/api/admin/Bom.ts

@@ -1,135 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/*
- * ---------------------------------------------------------------
- * ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API        ##
- * ##                                                           ##
- * ## AUTHOR: acacode                                           ##
- * ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
- * ---------------------------------------------------------------
- */
-
-import { AxiosResponse } from 'axios'
-import {
-  FileDeleteInput,
-  PageInputFileGetPageDto,
-  ResultOutputFileEntity,
-  ResultOutputListFileEntity,
-  ResultOutputPageOutputFileGetPageOutput,
-} from './data-contracts'
-import { ContentType, HttpClient, RequestParams } from './http-client'
-
-export class BomApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
-  /**
-   * No description
-   *
-   * @tags file
-   * @name GetPage
-   * @summary 查询分页
-   * @request POST:/api/admin/file/get-page
-   * @secure
-   */
-  getPage = (data: PageInputFileGetPageDto, params: RequestParams = {}) =>
-    this.request<ResultOutputPageOutputFileGetPageOutput, any>({
-      path: `/api/admin/file/get-page`,
-      method: 'POST',
-      body: data,
-      secure: true,
-      type: ContentType.Json,
-      format: 'json',
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags file
-   * @name Delete
-   * @summary 删除
-   * @request POST:/api/admin/file/delete
-   * @secure
-   */
-  delete = (data: FileDeleteInput, params: RequestParams = {}) =>
-    this.request<AxiosResponse, any>({
-      path: `/api/admin/file/delete`,
-      method: 'POST',
-      body: data,
-      secure: true,
-      type: ContentType.Json,
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags file
-   * @name UploadFile
-   * @summary 上传文件
-   * @request POST:/api/admin/file/upload-file
-   * @secure
-   */
-  uploadFile = (
-    data: {
-      /** @format binary */
-      file: File
-    },
-    query?: {
-      /**
-       * 文件目录
-       * @default ""
-       */
-      fileDirectory?: string
-      /**
-       * 文件重命名
-       * @default true
-       */
-      fileReName?: boolean
-    },
-    params: RequestParams = {}
-  ) =>
-    this.request<ResultOutputFileEntity, any>({
-      path: `/api/admin/file/upload-file`,
-      method: 'POST',
-      query: query,
-      body: data,
-      secure: true,
-      type: ContentType.FormData,
-      format: 'json',
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags file
-   * @name UploadFiles
-   * @summary 上传多文件
-   * @request POST:/api/admin/file/upload-files
-   * @secure
-   */
-  uploadFiles = (
-    data: {
-      files: File[]
-    },
-    query?: {
-      /**
-       * 文件目录
-       * @default ""
-       */
-      fileDirectory?: string
-      /**
-       * 文件重命名
-       * @default true
-       */
-      fileReName?: boolean
-    },
-    params: RequestParams = {}
-  ) =>
-    this.request<ResultOutputListFileEntity, any>({
-      path: `/api/admin/file/upload-files`,
-      method: 'POST',
-      query: query,
-      body: data,
-      secure: true,
-      type: ContentType.FormData,
-      format: 'json',
-      ...params,
-    })
-}

+ 0 - 57
src/FccWeb/admin.ui.plus-master/src/api/admin/Cache.ts

@@ -1,57 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/*
- * ---------------------------------------------------------------
- * ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API        ##
- * ##                                                           ##
- * ## AUTHOR: acacode                                           ##
- * ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
- * ---------------------------------------------------------------
- */
-
-import { AxiosResponse } from 'axios'
-import { ResultOutputListObject } from './data-contracts'
-import { HttpClient, RequestParams } from './http-client'
-
-export class CacheApi<SecurityDataType = unknown> extends HttpClient<SecurityDataType> {
-  /**
-   * No description
-   *
-   * @tags cache
-   * @name GetList
-   * @summary 查询列表
-   * @request GET:/api/admin/cache/get-list
-   * @secure
-   */
-  getList = (params: RequestParams = {}) =>
-    this.request<ResultOutputListObject, any>({
-      path: `/api/admin/cache/get-list`,
-      method: 'GET',
-      secure: true,
-      format: 'json',
-      ...params,
-    })
-  /**
-   * No description
-   *
-   * @tags cache
-   * @name Clear
-   * @summary 清除缓存
-   * @request DELETE:/api/admin/cache/clear
-   * @secure
-   */
-  clear = (
-    query?: {
-      /** 缓存键 */
-      cacheKey?: string
-    },
-    params: RequestParams = {}
-  ) =>
-    this.request<AxiosResponse, any>({
-      path: `/api/admin/cache/clear`,
-      method: 'DELETE',
-      query: query,
-      secure: true,
-      ...params,
-    })
-}

+ 0 - 36
src/FccWeb/admin.ui.plus-master/src/config/UtilVar.js

@@ -1,36 +0,0 @@
-/*
- * @Author: daidai
- * @Date: 2021-12-06 10:58:24
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2023-08-02 14:56:12
- * @FilePath: \web-pc\src\config\UtilVar.js
- */
-let UtilVar = {
-    ENC: false, //返回结果是否加密
-    baseUrl: `http://47.101.220.106:8070`,
-    code: 401,
-}
-const runtimeType = {
-    production: () => {
-        /**
-         * 通过打包配置打某个环境的api地址
-         */
-        UtilVar.baseUrl = `http://47.101.220.106:8070`
-    },
-    //测试环境
-    test:()=>{
-
-    },
-    //开发环境
-    development: () => {
-      
-    },
-    
-}
-// console.log("查看一下")
-// console.log(process.env);
-
-//通过打包配置打某个环境的api地址
-// runtimeType[process.env.VUE_APP_URL_ENV]()
-export default UtilVar
-

+ 1 - 1
src/FccWeb/admin.ui.plus-master/src/layout/footer/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="layout-footer pb15">
     <div class="layout-footer-warp">
-      <div>IMES-Cloud</div>
+      <div>FCC</div>
       <div class="mt5">Copyright © 2022 IMES-Cloud All rights reserved.</div>
     </div>
   </div>

+ 2 - 2
src/FccWeb/admin.ui.plus-master/src/router/route.ts

@@ -52,7 +52,7 @@ export const dynamicRoutes: Array<RouteRecordRaw> = [
         {
           path: '/statement',
           name: '/statement',
-          component: () => import('/@/views/admin/test.vue'),
+          component: () => import('/@/views/admin/nozzle/index.vue'),
           meta: {
             title: '油枪状态',
             isLink: '',
@@ -97,7 +97,7 @@ export const dynamicRoutes: Array<RouteRecordRaw> = [
         {
           path: '/order',
           name: '/order',
-          component: () => import('/@/views/admin/test.vue'),
+          component: () => import('/@/views/admin/order/index.vue'),
           meta: {
             title: '订单信息',
             isLink: '',

+ 1 - 0
src/FccWeb/admin.ui.plus-master/src/theme/index.scss

@@ -9,3 +9,4 @@
 @import './waves.scss';
 @import './dark.scss';
 @import './my-flex.scss';
+@import './tableStyle.scss';

+ 0 - 0
src/FccWeb/admin.ui.plus-master/src/theme/input.scss


+ 0 - 64
src/FccWeb/admin.ui.plus-master/src/theme/main.scss

@@ -1,64 +0,0 @@
-/**
-*   表格统一样式
-*/
-
-.el-input,
-.el-select {
-    width: 240px;
-}
-
-/* 输入框间距 */
-.el-form .el-col.mb20 .el-form-item {
-    padding-bottom: 20px;
-}
-
-
-/* 输入框标签固定四个字符宽度 */
-::v-deep .el-form-item__label {
-    // 字体大小14,4个字符,12px右间距
-    width: 14*4px+12px;
-    justify-content: start;
-}
-
-
-/* 输入框和按钮间横线样式*/
-hr {
-    /* 移除默认的边框样式 */
-    border: none;
-    height: 2px;
-    background-color: #ccc;
-}
-
-/* 横线和按钮的间距*/
-.submit-button {
-    margin-top: 10px;
-}
-
-.layout-main {
-    width: 100vw;
-}
-
-.table-card {
-    height: 75vh;
-}
-
-.table-order {
-    height: 70vh;
-}
-
-.table-content {
-    margin: 0 2em;
-}
-
-/* 输入框和按钮间横线样式*/
-hr {
-    /* 移除默认的边框样式 */
-    border: none;
-    height: 2px;
-    background-color: #ccc;
-}
-
-/* 横线和按钮的间距*/
-.submit-button {
-    margin-top: 10px;
-}

+ 0 - 17
src/FccWeb/admin.ui.plus-master/src/theme/tableStyle.scss

@@ -2,11 +2,6 @@
 *   表格统一样式
 */
 
-.el-input,
-.el-select {
-    width: 240px;
-}
-
 /* 输入框间距 */
 .el-form .el-col.mb20 .el-form-item {
     padding-bottom: 20px;
@@ -16,18 +11,6 @@
     margin: 0 !important;
 }
 
-/* 输入框标签固定四个字符宽度 */
-::v-deep .el-form-item__label {
-    // 字体大小14,4个字符,12px右间距
-    width: 14*4px+12px;
-    justify-content: start;
-}
-
-/* 数据表头 设置灰色样式 */
-::v-deep .el-table th.el-table__cell {
-    background-color: #F6F6F6;
-}
-
 /* 输入框和按钮间横线样式*/
 hr {
     /* 移除默认的边框样式 */

+ 0 - 59
src/FccWeb/admin.ui.plus-master/src/utils/deviceVision.js

@@ -1,59 +0,0 @@
-/*
- * @Author: daidai
- * @Date: 2022-02-23 08:59:26
- * @LastEditors: daidai
- * @LastEditTime: 2022-02-24 17:11:58
- * @FilePath: \big-screen-vue-datav\src\utils\index.js
- */
-
-/**
- * @param {Function} fn 防抖函数
- * @param {Number} delay 延迟时间
- */
-export function debounce(fn, delay) {
-    var timer;
-    return function () {
-      var context = this;
-      var args = arguments;
-      clearTimeout(timer);
-      timer = setTimeout(function () {
-        fn.apply(context, args);
-      }, delay);
-    };
-  }
-  /**
-   * @param {date} time 需要转换的时间
-   * @param {String} fmt 需要转换的格式 如 yyyy-MM-dd、yyyy-MM-dd HH:mm:ss
-   */
-  export function formatTime(time, fmt) {
-    if (!time) return '';
-    else {
-      const date = new Date(time);
-      const o = {
-        'M+': date.getMonth() + 1,
-        'd+': date.getDate(),
-        'H+': date.getHours(),
-        'm+': date.getMinutes(),
-        's+': date.getSeconds(),
-        'q+': Math.floor((date.getMonth() + 3) / 3),
-        S: date.getMilliseconds(),
-      };
-      if (/(y+)/.test(fmt))
-        fmt = fmt.replace(
-          RegExp.$1,
-          (date.getFullYear() + '').substr(4 - RegExp.$1.length)
-        );
-      for (const k in o) {
-        if (new RegExp('(' + k + ')').test(fmt)) {
-          fmt = fmt.replace(
-            RegExp.$1,
-            RegExp.$1.length === 1
-              ? o[k]
-              : ('00' + o[k]).substr(('' + o[k]).length)
-          );
-        }
-      }
-      return fmt;
-    }
-  }
-  

文件差異過大導致無法顯示
+ 0 - 0
src/FccWeb/admin.ui.plus-master/src/utils/map/china.json


+ 0 - 217
src/FccWeb/admin.ui.plus-master/src/utils/map/xzqCode.js

@@ -1,217 +0,0 @@
-/*
- * @Author: daidai
- * @Date: 2022-03-02 09:51:44
- * @LastEditors: daidai
- * @LastEditTime: 2022-03-02 09:51:45
- * @FilePath: \web-pc\src\pages\big-screen\utils\map\xzqCode.js
- */
-   //获取中国行政区 code
-//    AMap.plugin("AMap.DistrictSearch", function () {
-//     var districtSearch = new AMap.DistrictSearch({
-//       // 关键字对应的行政区级别,country表示国家
-//       level: "country",
-//       //  显示下级行政区级数,1表示返回下一级行政区
-//       subdistrict: 1,
-//     });
-//     let xzqCode = {};
-//     // 搜索所有省/直辖市信息
-//     districtSearch.search("中国", function (status, result) {
-//       // console.log(result);
-//       result.districtList[0].districtList.forEach((item) => {
-//         // console.log(item);
-//         xzqCode[item.name] = {
-//           adcode: item.adcode,
-//           level: item.level,
-//           name: item.name,
-//         };
-//       });
-//     });
-//     xzqCode["中国"] = {
-//       adcode: "100000",
-//       level: "country",
-//       name: "中华人民共和国",
-//     };
-//     setTimeout(() => {
-//     console.log(JSON.stringify(xzqCode),);
-
-//     }, 1000);
-//   });
-
-
-export default {
-    "中国": {
-        "adcode": "100000",
-        "level": "country",
-        "name": "中华人民共和国"
-    },
-    "新疆维吾尔自治区": {
-        "adcode": "650000",
-        "level": "province",
-        "name": "新疆维吾尔自治区"
-    },
-    "湖北省": {
-        "adcode": "420000",
-        "level": "province",
-        "name": "湖北省"
-    },
-    "辽宁省": {
-        "adcode": "210000",
-        "level": "province",
-        "name": "辽宁省"
-    },
-    "广东省": {
-        "adcode": "440000",
-        "level": "province",
-        "name": "广东省"
-    },
-    "内蒙古自治区": {
-        "adcode": "150000",
-        "level": "province",
-        "name": "内蒙古自治区"
-    },
-    "黑龙江省": {
-        "adcode": "230000",
-        "level": "province",
-        "name": "黑龙江省"
-    },
-    "河南省": {
-        "adcode": "410000",
-        "level": "province",
-        "name": "河南省"
-    },
-    "山东省": {
-        "adcode": "370000",
-        "level": "province",
-        "name": "山东省"
-    },
-    "陕西省": {
-        "adcode": "610000",
-        "level": "province",
-        "name": "陕西省"
-    },
-    "贵州省": {
-        "adcode": "520000",
-        "level": "province",
-        "name": "贵州省"
-    },
-    "上海市": {
-        "adcode": "310000",
-        "level": "province",
-        "name": "上海市"
-    },
-    "重庆市": {
-        "adcode": "500000",
-        "level": "province",
-        "name": "重庆市"
-    },
-    "西藏自治区": {
-        "adcode": "540000",
-        "level": "province",
-        "name": "西藏自治区"
-    },
-    "安徽省": {
-        "adcode": "340000",
-        "level": "province",
-        "name": "安徽省"
-    },
-    "福建省": {
-        "adcode": "350000",
-        "level": "province",
-        "name": "福建省"
-    },
-    "湖南省": {
-        "adcode": "430000",
-        "level": "province",
-        "name": "湖南省"
-    },
-    "海南省": {
-        "adcode": "460000",
-        "level": "province",
-        "name": "海南省"
-    },
-    "江苏省": {
-        "adcode": "320000",
-        "level": "province",
-        "name": "江苏省"
-    },
-    "青海省": {
-        "adcode": "630000",
-        "level": "province",
-        "name": "青海省"
-    },
-    "广西壮族自治区": {
-        "adcode": "450000",
-        "level": "province",
-        "name": "广西壮族自治区"
-    },
-    "宁夏回族自治区": {
-        "adcode": "640000",
-        "level": "province",
-        "name": "宁夏回族自治区"
-    },
-    "浙江省": {
-        "adcode": "330000",
-        "level": "province",
-        "name": "浙江省"
-    },
-    "河北省": {
-        "adcode": "130000",
-        "level": "province",
-        "name": "河北省"
-    },
-    "香港特别行政区": {
-        "adcode": "810000",
-        "level": "province",
-        "name": "香港特别行政区"
-    },
-    "台湾省": {
-        "adcode": "710000",
-        "level": "province",
-        "name": "台湾省"
-    },
-    "澳门特别行政区": {
-        "adcode": "820000",
-        "level": "province",
-        "name": "澳门特别行政区"
-    },
-    "甘肃省": {
-        "adcode": "620000",
-        "level": "province",
-        "name": "甘肃省"
-    },
-    "四川省": {
-        "adcode": "510000",
-        "level": "province",
-        "name": "四川省"
-    },
-    "天津市": {
-        "adcode": "120000",
-        "level": "province",
-        "name": "天津市"
-    },
-    "江西省": {
-        "adcode": "360000",
-        "level": "province",
-        "name": "江西省"
-    },
-    "云南省": {
-        "adcode": "530000",
-        "level": "province",
-        "name": "云南省"
-    },
-    "山西省": {
-        "adcode": "140000",
-        "level": "province",
-        "name": "山西省"
-    },
-    "北京市": {
-        "adcode": "110000",
-        "level": "province",
-        "name": "北京市"
-    },
-    "吉林省": {
-        "adcode": "220000",
-        "level": "province",
-        "name": "吉林省"
-    }
-}

+ 0 - 233
src/FccWeb/admin.ui.plus-master/src/utils/mock.js

@@ -1,233 +0,0 @@
-import Mock from 'mockjs'
-//延时200-600毫秒请求到数据
-Mock.setup({
-    timeout: '200-600'
-})
-
-const Random = Mock.Random;
-// 用户总览
-function countUserNum() {
-    const a = Mock.mock({
-        success: true,
-        data: {
-            offlineNum:'@integer(1, 100)',
-            lockNum: '@integer(1, 10)',
-            totalNum:218
-        }
-    })
-    a.data.onlineNum=a.data.totalNum-a.data.offlineNum-a.data.lockNum
-    return a
-}
-
-// 接口,第一个参数url,第二个参数请求类型,第三个参数响应回调
-Mock.mock(new RegExp('countUserNum'), 'get', countUserNum)
-
-// /设备总览 
-
-function countDeviceNum() {
-    const a = Mock.mock({
-        success: true,
-        data: {
-            alarmNum: '@integer(100, 1000)',
-            offlineNum: '@integer(0, 50)',
-            totalNum:698
-        }
-    })
-    a.data.onlineNum=a.data.totalNum-a.data.offlineNum
-
-
-    return a
-}
-
-Mock.mock(new RegExp('countDeviceNum'), 'get', countDeviceNum)
-
-// /设备总览 
-
-function sbtx() {
-    const a = Mock.mock({
-        success: true,
-        data: {
-            "list|20": [
-                {
-                    provinceName: "@province()",
-                    cityName: '@city()',
-                    countyName: "@county()",
-                    createTime: "@datetime('yyyy-MM-dd HH:mm:ss')",
-                    deviceId: "6c512d754bbcd6d7cd86abce0e0cac58",
-                    "gatewayno|+1": 10000,
-                    "onlineState|1": [0, 1],
-
-                }
-            ]
-        }
-    })
-    return a
-}
-
-Mock.mock(new RegExp('sbtx'), 'get', sbtx)
-
-
-
-//中间地图
-
-function centermap(options) {
-    let params = parameteUrl(options.url)
-    if (params.regionCode && params.regionCode != 'china') {
-        const a = Mock.mock({
-            success: true,
-            data: {
-                "dataList|30": [
-                    {
-                        name: "@city()",
-                        value: '@integer(1, 1000)'
-                    }
-                ],
-                regionCode: params.regionCode,//-代表中国
-            }
-        })
-        return a
-    } else {
-        const a = Mock.mock({
-            success: true,
-            data: {
-                "dataList|8": [
-                    {
-                        name: "@province()",
-                        value: '@integer(1, 1000)'
-                    }
-                ],
-                regionCode: 'china',
-            }
-        })
-        return a
-    }
-
-}
-
-Mock.mock(new RegExp('centermap'), 'get', centermap)
-
-// 报警次数
-
-function alarmNum() {
-    const a = Mock.mock({
-        success: true,
-        data: {
-            dateList:['2021-11', '2021-12', '2022-01', '2022-02', '2022-03',"2022-04"],
-            "numList|6":[
-                '@integer(0, 1000)'
-            ],
-            "numList2|6":[
-                '@integer(0, 1000)'
-            ]
-        }
-    })
-    return a
-}
-Mock.mock(new RegExp('alarmNum'), 'get', alarmNum)
-
-// 实时预警
-
-function ssyj() {
-    const a = Mock.mock({
-        success: true,
-        data: {
-            "list|40":[{
-                alertdetail: "@csentence(5,10)",
-                "alertname|1": ["水浸告警","各种报警"],
-                alertvalue: "@float(60, 200)",
-                createtime: "2022-04-19 08:38:33",
-                deviceid: null,
-                "gatewayno|+1": 10000,
-                phase: "A1",
-                sbInfo: "@csentence(10,18)",
-                "terminalno|+1": 100,
-                provinceName: "@province()",
-                cityName: '@city()',
-                countyName: "@county()",
-            }],
-            
-        }
-    })
-    return a
-}
-Mock.mock(new RegExp('ssyj'), 'get', ssyj)
-//安装计划 
-function installationPlan() {
-    let num=  RandomNumBoth(26,32);
-    const a = Mock.mock({
-        ["category|"+num]:["@city()"],
-        ["barData|"+num]:["@integer(10, 100)"],
-    })
-    let lineData=[],rateData=[];
-    for (let index = 0; index < num; index++) {
-        let lineNum = Mock.mock('@integer(0, 100)')+a.barData[index]
-        lineData.push(lineNum)
-        let rate = a.barData[index] / lineNum;
-        rateData.push((rate*100).toFixed(0))
-    }
-    a.lineData=lineData
-    a.rateData=rateData
-    return {
-        success: true,
-        data:a
-    }
-}
-Mock.mock(new RegExp('installationPlan'), 'get', installationPlan)
-
-
-
-
-//报警排名 
-function ranking() {
-   //多生成几个避免重复 重复会报错
-  let num =Mock.mock({"list|48":[{ value:"@integer(50,1000)",name:"@city()"}]}).list
-//   console.log(num);
-  let newNum =[],numObj={}
-  num.map(item=>{
-    if(!numObj[item.name] && newNum.length<8){
-        numObj[item.name] =true
-        newNum.push(item)
-    }
-  })
-  let arr = newNum.sort((a,b)=>{
-    return b.value-a.value
-  })
-  let a ={
-      success:true,
-      data:arr
-  }
-  return a
-}
-Mock.mock(new RegExp('ranking'), 'get', ranking)
-/**
- * @description: min ≤ r ≤ max  随机数
- * @param {*} Min
- * @param {*} Max
- * @return {*}
- */
-function RandomNumBoth(Min,Max){
-    var Range = Max - Min;
-    var Rand = Math.random();
-    var num = Min + Math.round(Rand * Range); //四舍五入
-    return num;
-}
-/**
- * @description: 获取路径参数
- * @param {*} url
- * @return {*}
- */
-function parameteUrl(url) {
-    var json = {}
-    if (/\?/.test(url)) {
-        var urlString = url.substring(url.indexOf("?") + 1);
-        var urlArray = urlString.split("&");
-        for (var i = 0; i < urlArray.length; i++) {
-            var urlItem = urlArray[i];
-            var item = urlItem.split("=");
-            console.log(item);
-            json[item[0]] = item[1];
-        }
-        return json;
-    }
-    return {};
-}

+ 0 - 75
src/FccWeb/admin.ui.plus-master/src/utils/newDeviceVision/drawMixin.js

@@ -1,75 +0,0 @@
-/*
- * @Author: daidai
- * @Date: 2022-02-28 10:48:02
- * @LastEditors: Please set LastEditors
- * @LastEditTime: 2022-04-26 14:55:41
- * @FilePath: \web-pc\src\pages\big-screen\utils\drawMixin.js
- */
-// 屏幕适配 mixin 函数
-
-// * 默认缩放值
-const scale = {
-  width: '1',
-  height: '1',
-}
-
-// * 设计稿尺寸(px)
-const baseWidth = 1920
-const baseHeight = 1080
-
-// * 需保持的比例(默认1.77778)
-const baseProportion = parseFloat((baseWidth / baseHeight).toFixed(5))
-
-export default {
-  data() {
-    return {
-      // * 定时函数
-      drawTiming: null,
-    }
-  },
-  computed: {
-    isScale(){
-      return this.$store.state.setting.isScale
-    }
-  },
-  mounted () {
-    if(!this.isScale){
-      return
-    }
-    this.calcRate()
-    window.addEventListener('resize', this.resize)
-  },
-  beforeDestroy () {
-       window.removeEventListener('resize', this.resize)
-  },
-  methods: {
-    calcRate () {
-      const appRef = this.$refs["appRef"]
-      if (!appRef) return 
-      // 当前宽高比
-      const currentRate = parseFloat((window.innerWidth / window.innerHeight).toFixed(5))
-      if (appRef) {
-        if (currentRate > baseProportion) {
-          // 表示更宽
-          scale.width = ((window.innerHeight * baseProportion) / baseWidth).toFixed(5)
-          scale.height = (window.innerHeight / baseHeight).toFixed(5)
-          appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
-        } else {
-          // 表示更高
-          scale.height = ((window.innerWidth / baseProportion) / baseHeight).toFixed(5)
-          scale.width = (window.innerWidth / baseWidth).toFixed(5)
-          appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`
-        }
-      }
-    },
-    resize () {
-      if(!this.isScale){
-        return
-      }
-      clearTimeout(this.drawTiming)
-      this.drawTiming = setTimeout(() => {
-        this.calcRate()
-      }, 200)
-    }
-  },
-}

+ 0 - 58
src/FccWeb/admin.ui.plus-master/src/utils/newDeviceVision/index.js

@@ -1,58 +0,0 @@
-/*
- * @Author: daidai
- * @Date: 2022-02-23 08:59:26
- * @LastEditors: daidai
- * @LastEditTime: 2022-02-24 17:11:58
- * @FilePath: \big-screen-vue-datav\src\utils\index.js
- */
-
-/**
- * @param {Function} fn 防抖函数
- * @param {Number} delay 延迟时间
- */
-export function debounce(fn, delay) {
-  var timer;
-  return function () {
-    var context = this;
-    var args = arguments;
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      fn.apply(context, args);
-    }, delay);
-  };
-}
-/**
- * @param {date} time 需要转换的时间
- * @param {String} fmt 需要转换的格式 如 yyyy-MM-dd、yyyy-MM-dd HH:mm:ss
- */
-export function formatTime(time, fmt) {
-  if (!time) return '';
-  else {
-    const date = new Date(time);
-    const o = {
-      'M+': date.getMonth() + 1,
-      'd+': date.getDate(),
-      'H+': date.getHours(),
-      'm+': date.getMinutes(),
-      's+': date.getSeconds(),
-      'q+': Math.floor((date.getMonth() + 3) / 3),
-      S: date.getMilliseconds(),
-    };
-    if (/(y+)/.test(fmt))
-      fmt = fmt.replace(
-        RegExp.$1,
-        (date.getFullYear() + '').substr(4 - RegExp.$1.length)
-      );
-    for (const k in o) {
-      if (new RegExp('(' + k + ')').test(fmt)) {
-        fmt = fmt.replace(
-          RegExp.$1,
-          RegExp.$1.length === 1
-            ? o[k]
-            : ('00' + o[k]).substr(('' + o[k]).length)
-        );
-      }
-    }
-    return fmt;
-  }
-}

文件差異過大導致無法顯示
+ 0 - 0
src/FccWeb/admin.ui.plus-master/src/utils/newDeviceVision/map/china.json


+ 0 - 217
src/FccWeb/admin.ui.plus-master/src/utils/newDeviceVision/map/xzqCode.js

@@ -1,217 +0,0 @@
-/*
- * @Author: daidai
- * @Date: 2022-03-02 09:51:44
- * @LastEditors: daidai
- * @LastEditTime: 2022-03-02 09:51:45
- * @FilePath: \web-pc\src\pages\big-screen\utils\map\xzqCode.js
- */
-   //获取中国行政区 code
-//    AMap.plugin("AMap.DistrictSearch", function () {
-//     var districtSearch = new AMap.DistrictSearch({
-//       // 关键字对应的行政区级别,country表示国家
-//       level: "country",
-//       //  显示下级行政区级数,1表示返回下一级行政区
-//       subdistrict: 1,
-//     });
-//     let xzqCode = {};
-//     // 搜索所有省/直辖市信息
-//     districtSearch.search("中国", function (status, result) {
-//       // console.log(result);
-//       result.districtList[0].districtList.forEach((item) => {
-//         // console.log(item);
-//         xzqCode[item.name] = {
-//           adcode: item.adcode,
-//           level: item.level,
-//           name: item.name,
-//         };
-//       });
-//     });
-//     xzqCode["中国"] = {
-//       adcode: "100000",
-//       level: "country",
-//       name: "中华人民共和国",
-//     };
-//     setTimeout(() => {
-//     console.log(JSON.stringify(xzqCode),);
-
-//     }, 1000);
-//   });
-
-
-export default {
-    "中国": {
-        "adcode": "100000",
-        "level": "country",
-        "name": "中华人民共和国"
-    },
-    "新疆维吾尔自治区": {
-        "adcode": "650000",
-        "level": "province",
-        "name": "新疆维吾尔自治区"
-    },
-    "湖北省": {
-        "adcode": "420000",
-        "level": "province",
-        "name": "湖北省"
-    },
-    "辽宁省": {
-        "adcode": "210000",
-        "level": "province",
-        "name": "辽宁省"
-    },
-    "广东省": {
-        "adcode": "440000",
-        "level": "province",
-        "name": "广东省"
-    },
-    "内蒙古自治区": {
-        "adcode": "150000",
-        "level": "province",
-        "name": "内蒙古自治区"
-    },
-    "黑龙江省": {
-        "adcode": "230000",
-        "level": "province",
-        "name": "黑龙江省"
-    },
-    "河南省": {
-        "adcode": "410000",
-        "level": "province",
-        "name": "河南省"
-    },
-    "山东省": {
-        "adcode": "370000",
-        "level": "province",
-        "name": "山东省"
-    },
-    "陕西省": {
-        "adcode": "610000",
-        "level": "province",
-        "name": "陕西省"
-    },
-    "贵州省": {
-        "adcode": "520000",
-        "level": "province",
-        "name": "贵州省"
-    },
-    "上海市": {
-        "adcode": "310000",
-        "level": "province",
-        "name": "上海市"
-    },
-    "重庆市": {
-        "adcode": "500000",
-        "level": "province",
-        "name": "重庆市"
-    },
-    "西藏自治区": {
-        "adcode": "540000",
-        "level": "province",
-        "name": "西藏自治区"
-    },
-    "安徽省": {
-        "adcode": "340000",
-        "level": "province",
-        "name": "安徽省"
-    },
-    "福建省": {
-        "adcode": "350000",
-        "level": "province",
-        "name": "福建省"
-    },
-    "湖南省": {
-        "adcode": "430000",
-        "level": "province",
-        "name": "湖南省"
-    },
-    "海南省": {
-        "adcode": "460000",
-        "level": "province",
-        "name": "海南省"
-    },
-    "江苏省": {
-        "adcode": "320000",
-        "level": "province",
-        "name": "江苏省"
-    },
-    "青海省": {
-        "adcode": "630000",
-        "level": "province",
-        "name": "青海省"
-    },
-    "广西壮族自治区": {
-        "adcode": "450000",
-        "level": "province",
-        "name": "广西壮族自治区"
-    },
-    "宁夏回族自治区": {
-        "adcode": "640000",
-        "level": "province",
-        "name": "宁夏回族自治区"
-    },
-    "浙江省": {
-        "adcode": "330000",
-        "level": "province",
-        "name": "浙江省"
-    },
-    "河北省": {
-        "adcode": "130000",
-        "level": "province",
-        "name": "河北省"
-    },
-    "香港特别行政区": {
-        "adcode": "810000",
-        "level": "province",
-        "name": "香港特别行政区"
-    },
-    "台湾省": {
-        "adcode": "710000",
-        "level": "province",
-        "name": "台湾省"
-    },
-    "澳门特别行政区": {
-        "adcode": "820000",
-        "level": "province",
-        "name": "澳门特别行政区"
-    },
-    "甘肃省": {
-        "adcode": "620000",
-        "level": "province",
-        "name": "甘肃省"
-    },
-    "四川省": {
-        "adcode": "510000",
-        "level": "province",
-        "name": "四川省"
-    },
-    "天津市": {
-        "adcode": "120000",
-        "level": "province",
-        "name": "天津市"
-    },
-    "江西省": {
-        "adcode": "360000",
-        "level": "province",
-        "name": "江西省"
-    },
-    "云南省": {
-        "adcode": "530000",
-        "level": "province",
-        "name": "云南省"
-    },
-    "山西省": {
-        "adcode": "140000",
-        "level": "province",
-        "name": "山西省"
-    },
-    "北京市": {
-        "adcode": "110000",
-        "level": "province",
-        "name": "北京市"
-    },
-    "吉林省": {
-        "adcode": "220000",
-        "level": "province",
-        "name": "吉林省"
-    }
-}

+ 1 - 1
src/FccWeb/admin.ui.plus-master/src/views/admin/components/addStation.vue

@@ -3,7 +3,7 @@
 -->
 
 <template>
-    <el-dialog title="新增站点" v-model="isDisplay.isShowDialog" class="main-content" width="769px">
+    <el-dialog v-model="isDisplay.isShowDialog" class="main-content" width="769px">
         <el-form :model="dataList" ref="ruleFormRef" label-width="8.5em" :rules="addStationRules" size="default"
             v-model="isDisplay.loading">
             <el-row :gutter="35">

+ 212 - 0
src/FccWeb/admin.ui.plus-master/src/views/admin/nozzle/index.vue

@@ -0,0 +1,212 @@
+<template>
+
+    <div class="layout-padding">
+        <div class="layout-padding-auto layout-padding-view to-flex" style="background-color:#e9e9e9">
+            <el-row class="to-flex" style="height: 100%;width: 100%; ">
+                <el-card class="to-left">
+                    <el-row class="to-left-top">
+                        <h2>油枪列表</h2>
+                        <el-row class="to-flex">
+                            <h1 style="margin-right: 20px;">油枪号</h1>
+                            <h1 style="color: #C00000;">1-54</h1>
+                        </el-row>
+                    </el-row>
+                    <el-scrollbar :height="mainsHeight">
+                        <el-row :gutter="10" class="to-flex" style="width: 100%;">
+                            <el-col :span="4" class="to-flex to-left-bottom" v-for="i in 5" :key="i">
+                                <el-row class="to-flex to-first-con">
+                                    <p>{{ i + 1 }}</p>
+                                    <p>0#</p>
+                                    <p>7.15</p>
+                                </el-row>
+                                <el-row style="height: 33%;width: 100%;">
+                                    <el-row class="to-flex to-second-con">
+                                        <p>0.00元</p>
+                                    </el-row>
+                                    <p class="to-second-tip">离线
+                                    </p>
+                                </el-row>
+
+                                <el-row class="to-flex to-third-con">
+                                    <p>0.00升</p>
+                                </el-row>
+                            </el-col>
+                        </el-row>
+                    </el-scrollbar>
+                </el-card>
+                <el-card class="to-right">
+                    <el-row class="to-right-nav">
+                        <el-row class="to-rNav">
+                            <div class="to-rNav-text" :class="isRed ? 'to-rNav-color' : 'to-none'"
+                                style="margin-right: 20px;" @click="onclick(0)">
+                                未结算
+                            </div>
+                            <div class="to-rNav-text" :class="!isRed ? 'to-rNav-color' : 'to-none'" @click="onclick(1)">
+                                已结算
+                            </div>
+                        </el-row>
+                        <p class="to-right-flushed">
+                            刷新</p>
+                    </el-row>
+                    <el-row class="to-right-con">
+                        <el-row class="to-flex to-con-title">
+                            <div class="to-title-first">
+                                <span style="font-size: 20px;">1</span>
+                                <span>/0#</span>
+                            </div>
+                            <div class="to-title-second">
+                                <span v-if="isRed">未</span><span v-else>已</span>结算
+                            </div>
+                        </el-row>
+
+                        <!-- !!!通过v-for循环,将数据展示即可 !!! -->
+                        <el-row class="to-flex to-con-title" v-for="i in 5" :key="i">
+                            <el-row class="to-flex">
+                                <div style="margin-right: 10px;font-weight: 600;">0元 </div>
+                                <div>5.98升</div>
+                            </el-row>
+                            <div>16:13:42</div>
+                        </el-row>
+                    </el-row>
+                </el-card>
+            </el-row>
+        </div>
+    </div>
+
+</template>
+<script setup>
+import { onMounted, ref, getCurrentInstance } from 'vue';
+
+const isRed = ref(true)
+const onclick = (data) => {
+    if (data == 0) {
+        isRed.value = true
+    } else {
+        isRed.value = false
+    }
+}
+const mainsHeight = ref(0)
+onMounted(() => {
+    mainsHeight.value = document.documentElement.clientHeight - 170
+})
+
+
+
+
+</script>
+
+<style>
+.to-left {
+    flex: 3;
+}
+
+.to-left-top {
+    width: 100%;
+    height: 40px;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.to-left-bottom {
+    height: 150px;
+    background-color: #F0F0F0;
+    border-radius: 8px;
+    margin-bottom: 15px;
+}
+
+.to-first-con {
+    justify-content: space-around;
+    align-items: center;
+    height: 33%;
+    background-color: #C00000;
+    border-radius: 8px 8px 0 0;
+    color: #fff;
+}
+
+.to-second-con {
+    justify-content: space-around;
+    align-items: center;
+    width: 100%;
+}
+
+.to-second-tip {
+    font-size: 12px;
+    position: absolute;
+    right: 0;
+    top: 16px;
+    color: #C00000;
+}
+
+.to-third-con {
+    justify-content: space-around;
+    align-items: center;
+    height: 33%;
+}
+
+.to-right {
+    margin-left: 10px;
+    flex: 1;
+}
+
+.to-right-nav {
+    width: 95%;
+}
+
+.to-rNav {
+    height: 28px;
+    text-align: center;
+}
+
+.to-rNav-text {
+    flex: 1;
+    font-weight: 600;
+    font-size: 18px;
+    color: #808080;
+}
+
+.to-rNav-color {
+    color: #000;
+    border-bottom: 2px solid #C00000;
+}
+
+.to-none {
+    border-bottom: 0;
+}
+
+.to-right-flushed {
+    width: 40px;
+    text-align: center;
+    position: absolute;
+    right: 0;
+    bottom: 5;
+    font-size: 12px;
+    border: 1px solid #ccc;
+    padding: 3px;
+    color: #C00000;
+}
+
+.to-right-con {
+    width: 95%;
+    margin-top: 20px;
+    background-color: #F8F8F8;
+    padding: 0 10px;
+    color: #808080;
+}
+
+.to-con-title {
+    width: 100%;
+    height: 40px;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.to-title-first {
+    color: #0000FF;
+    display: inline-block;
+    width: 50%;
+}
+
+.to-title-second {
+    color: #C00000;
+}
+</style>

+ 1 - 3
src/FccWeb/admin.ui.plus-master/src/views/admin/oil/oil.vue

@@ -116,6 +116,4 @@ const onCurrentChange = (val: number) => {
 
 </script>
 
-<style scoped lang="scss">
-@import '/@/theme/tableStyle.scss';
-// @import url('/@/theme/main.scss');</style>
+<style scoped lang="scss"></style>

+ 176 - 0
src/FccWeb/admin.ui.plus-master/src/views/admin/order/index.vue

@@ -0,0 +1,176 @@
+<template>
+    <div class="layout-pd">
+        <el-row>
+            <!--操作-->
+            <el-col :xs="24">
+                <el-card class="mt8" shadow="hover">
+                    <el-form :model="Data.Filter" @submit.stop.prevent>
+                        <el-form-item prop="name" style="width: 100%">
+                            <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6" class="mb20">
+                                <el-form-item label="油枪">
+                                    <el-input v-model="Data.Filter.CompanyName" placeholder="请输入油枪"
+                                        clearable></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6" class="mb20">
+                                <el-form-item label="油品">
+                                    <el-input v-model="Data.Filter.name" placeholder="请输入油品" clearable></el-input>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6" class="mb20">
+                                <el-form-item label="状态">
+                                    <el-select v-model="Data.Filter.StationName" placeholder="请选择状态">
+                                        <el-option v-for="(value, key) in selectList.Online" :key="key" :label="value"
+                                            :value="value" />
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6" class="mb20">
+                                <el-form-item label="支付方式">
+                                    <el-select v-model="Data.Filter.onlineStatus" placeholder="请选择支付方式">
+                                        <el-option v-for="(value, key) in selectList.Online" :key="key" :label="value"
+                                            :value="value" />
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                            <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="6" class="mb20">
+                                <el-form-item label="加油时间">
+                                    <el-date-picker v-model="Data.time1" type="datetimerange"
+                                        value-format="YYYY-MM-DD HH:mm:ss" range-separator="To"
+                                        start-placeholder="Start date" end-placeholder="End date" />
+                                </el-form-item>
+                            </el-col>
+                        </el-form-item>
+                    </el-form>
+
+                    <hr>
+
+                    <!-- 按钮 -->
+                    <el-row justify="space-between" class="submit-button">
+                        <el-row>
+                            <el-button type="primary" icon="ele-Search" @click="onQuery"> 查询 </el-button>
+                            <el-button type="primary" icon="ele-RefreshRight" @click="onReset"> 重置 </el-button>
+                        </el-row>
+                    </el-row>
+                </el-card>
+            </el-col>
+            <!--表格-->
+            <el-col :xs="24">
+                <el-card style="height: 70vh" class="my-fill mt8" shadow="hover">
+                    <el-table ref="multipleTableRef" v-loading="Data.loading" stripe :data="Data.tableModel"
+                        row-key="id" style="width: 100%">
+                        <el-table-column v-for="column in Data.dynamicColumns" :key="column.prop" :prop="column.prop"
+                            :label="column.label" />
+                        <!-- 操作 -->
+                        <el-table-column label="操作" fixed="right" align="center" header-align="center"
+                            class="right-operation" width="140">
+                            <template #default="scope">
+                                <el-link class="my-el-link mr12 ml12" type="primary" :underline="false" target="_blank"
+                                    icon="ele-Tickets" @click.stop="toView(scope.row.id)">查看</el-link>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                    <div class="my-flex my-flex-end" style="margin-top: 20px">
+                        <el-pagination v-model:currentPage="Data.pageInput.currentPage"
+                            v-model:page-size="Data.pageInput.pageSize" :total="Data.total"
+                            :page-sizes="[5, 10, 20, 50, 100]" small background @size-change="onSizeChange"
+                            @current-change="onCurrentChange" layout="total, sizes, prev, pager, next, jumper" />
+                    </div>
+                </el-card>
+            </el-col>
+        </el-row>
+    </div>
+
+</template>
+
+<script setup lang="ts" name="partsManagement/oilGun">
+import { reactive } from "vue";
+
+
+/**页面对象 */
+const Data = reactive({
+    time1: '',
+    /**加载显示 */
+    loading: false,
+    /**条件查询模块 */
+    Filter: {
+        /**油枪 */
+        name: "",
+        /**油品 */
+        StationName: "",
+        /**支付方式 */
+        CompanyName: "",
+        /**状态 */
+        onlineStatus: "",
+        /**加油开始的时间 */
+        OutBeginTime: "",
+        /**加油结束的时间 */
+        OutEndTime: "",
+    },
+    /**表格信息 */
+    tableModel: [
+        {
+            'name': 1,
+            'companyName': 1,
+            'stationName': 1,
+            'fuelName': 1,
+            'code': 1,
+            'alarming': 1,
+            'fuelId': 1,
+        }
+    ],
+    /**动态表头 */
+    dynamicColumns: [
+        { prop: 'name', label: '流水号' },
+        { prop: 'companyName', label: '油机号' },
+        { prop: 'stationName', label: '油枪|油品' },
+        { prop: 'fuelName', label: '单价|升数' },
+        { prop: 'code', label: '金额' },
+        { prop: 'alarming', label: '加油时间' },
+        { prop: 'fuelId', label: '支付状态' },
+    ],
+    /**分页总数 */
+    total: 0,
+    /**分页标识 */
+    pageInput: {
+        currentPage: 1,
+        pageSize: 10,
+    },
+})
+
+/** 选择框列表 */
+const selectList = reactive({
+    Online: ["在线", "离线"],
+    Device: [
+        "启用",
+        "备案",
+        "维修",
+        "出厂注册"],
+    Level: [1, 2, 3, 4, 5]
+})
+
+/** 操作 */
+const toView = ((data: any) => {
+    console.log('查看')
+})
+
+</script>
+
+<style scoped lang="scss">
+.el-input,
+.el-select {
+    width: 240px;
+}
+
+/* 输入框标签固定四个字符宽度 */
+::v-deep .el-form-item__label {
+    // 字体大小14,4个字符,12px右间距
+    width: 14*4px+12px;
+    justify-content: start;
+}
+
+/* 数据表头 设置灰色样式 */
+::v-deep .el-table th.el-table__cell {
+    background-color: #F6F6F6;
+}
+</style>

+ 0 - 1
src/FccWeb/admin.ui.plus-master/src/views/admin/station/station.vue

@@ -165,6 +165,5 @@ const onCurrentChange = (val: number) => {
 </script>
 
 <style scoped lang="scss">
-@import url('/@/theme/main.scss');
 @import '/@/theme/tableStyle.scss';
 </style>

+ 0 - 1
src/FccWeb/admin.ui.plus-master/tsconfig.json

@@ -77,7 +77,6 @@
     "src/**/*.tsx",
     "src/**/*.d.ts",
     "vite.config.ts",
-    "src/stores/newDeviceVision/index.js",
     // "src/plugins/*.js"
   ], // **Represents any directory, and * represents any file. Indicates that all files in the src directory will be compiled
   "exclude": [

+ 1 - 1
src/FccWeb/admin.ui.plus-master/vite.config.ts

@@ -37,7 +37,7 @@ const viteConfig = defineConfig(({ mode, command }: ConfigEnv) => {
       // open: env.VITE_OPEN,
       proxy: {
         '/gitee': {
-          target: 'http://10.153.148.170:9999',
+          target: 'https://gitee.com',
           ws: true,
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/gitee/, ''),

部分文件因文件數量過多而無法顯示