Merge branch 'master' into dev-threejs

ZhangXianQiang

2024-04-11 6817c96db53ac16f5d5eca72b73230d898f32126

Merge branch 'master' into dev-threejs

 src/api/platform/calculate-record.js

New file
@@ -0,0 +1,44 @@
import request from '@/utils/request'

// 查询核算记录列表
export function listRecord(query) {
  return request({
    url: '/calculate/record/list',
    method: 'get',
    params: query
  })
}

// 查询核算记录详细
export function getRecord(id) {
  return request({
    url: '/calculate/record/' + id,
    method: 'get'
  })
}

// 新增核算记录
export function addRecord(data) {
  return request({
    url: '/calculate/record',
    method: 'post',
    data: data
  })
}

// 修改核算记录
export function updateRecord(data) {
  return request({
    url: '/calculate/record',
    method: 'put',
    data: data
  })
}

// 删除核算记录
export function delRecord(id) {
  return request({
    url: '/calculate/record/' + id,
    method: 'delete'
  })
}

 src/api/platform/calculate-rule.js

New file
@@ -0,0 +1,44 @@
import request from '@/utils/request'

// 查询核算规则列表
export function listRule(query) {
  return request({
    url: '/calculate/rule/list',
    method: 'get',
    params: query
  })
}

// 查询核算规则详细
export function getRule(id) {
  return request({
    url: '/calculate/rule/' + id,
    method: 'get'
  })
}

// 新增核算规则
export function addRule(data) {
  return request({
    url: '/calculate/rule',
    method: 'post',
    data: data
  })
}

// 修改核算规则
export function updateRule(data) {
  return request({
    url: '/calculate/rule',
    method: 'put',
    data: data
  })
}

// 删除核算规则
export function delRule(id) {
  return request({
    url: '/calculate/rule/' + id,
    method: 'delete'
  })
}

 src/api/platform/check-publish.js

File was renamed from src/api/platform/publish.js
@@ -3,7 +3,7 @@
// 查询考核发布列表
export function listPublish(query) {
  return request({
    url: '/system/publish/list',
    url: '/check/publish/list',
    method: 'get',
    params: query
  })
@@ -12,7 +12,7 @@
// 查询考核发布详细
export function getPublish(id) {
  return request({
    url: '/system/publish/' + id,
    url: '/check/publish/' + id,
    method: 'get'
  })
}
@@ -20,7 +20,7 @@
// 新增考核发布
export function addPublish(data) {
  return request({
    url: '/system/publish',
    url: '/check/publish',
    method: 'post',
    data: data
  })
@@ -29,7 +29,7 @@
// 修改考核发布
export function updatePublish(data) {
  return request({
    url: '/system/publish',
    url: '/check/publish',
    method: 'put',
    data: data
  })
@@ -38,15 +38,7 @@
// 删除考核发布
export function delPublish(id) {
  return request({
    url: '/system/publish/' + id,
    url: '/check/publish/' + id,
    method: 'delete'
  })
}

// 获取考核下拉列表
export function publishSelect() {
  return request({
    url: '/system/publish/all',
    method: 'get'
  })
}

 src/api/platform/check-result.js

@@ -3,8 +3,8 @@
// 查询考核结果列表
export function listCheckResult(query) {
  return request({
    url: '/check-result/page',
    method: 'post',
    url: '/check/result/list',
    method: 'get',
    data: query
  })
}
@@ -12,7 +12,7 @@
// 查询考核结果详细
export function getCheckResult(id) {
  return request({
    url: '/check-result/' + id,
    url: '/check/result/' + id,
    method: 'get'
  })
}
@@ -20,7 +20,7 @@
// 新增考核结果
export function addCheckResult(data) {
  return request({
    url: '/check-result',
    url: '/check/result',
    method: 'post',
    data: data
  })
@@ -29,7 +29,7 @@
// 修改考核结果
export function updateCheckResult(data) {
  return request({
    url: '/check-result',
    url: '/check/result',
    method: 'put',
    data: data
  })
@@ -38,7 +38,7 @@
// 删除考核结果
export function delCheckResult(id) {
  return request({
    url: '/check-result/' + id,
    url: '/check/result/' + id,
    method: 'delete'
  })
}
@@ -46,7 +46,7 @@
// 发布考核结果
export function publishCheckResult(id) {
  return request({
    url: '/check-result/publish/' + id,
    url: '/check/result/publish/' + id,
    method: 'put'
  })
}
@@ -54,7 +54,7 @@
// 提交人工分数
export function manualScore(data) {
  return request({
    url: '/check-result/manual-score',
    url: '/check/result/manual-score',
    method: 'post',
    data: data
  })

 src/api/platform/check-rule.js

@@ -3,7 +3,7 @@
// 查询考核规则列表
export function listCheckRule(query) {
  return request({
    url: '/check-rule/page',
    url: '/check/rule/list',
    method: 'post',
    data: query
  })
@@ -12,7 +12,7 @@
// 查询考核规则详细
export function getCheckRule(id) {
  return request({
    url: '/check-rule/' + id,
    url: '/check/rule/' + id,
    method: 'get'
  })
}
@@ -20,7 +20,7 @@
// 新增考核规则
export function addCheckRule(data) {
  return request({
    url: '/check-rule',
    url: '/check/rule',
    method: 'post',
    data: data
  })
@@ -29,7 +29,7 @@
// 修改考核规则
export function updateCheckRule(data) {
  return request({
    url: '/check-rule',
    url: '/check/rule',
    method: 'put',
    data: data
  })
@@ -38,12 +38,12 @@
// 删除考核规则
export function delCheckRule(id) {
  return request({
    url: '/check-rule/' + id,
    url: '/check/rule/' + id,
    method: 'delete'
  })
}

// 获取运维单位下拉列表
// 获取下拉列表
export function ruleSelect() {
  return request({
    url: '/check-rule/list',

 src/api/platform/check-score.js

File was renamed from src/api/platform/score.js
@@ -1,44 +1,44 @@
import request from '@/utils/request'

// 查询考核计分列表
// 查询考核积分明细列表
export function listScore(query) {
  return request({
    url: '/platform/score/list',
    url: '/check/score/list',
    method: 'get',
    params: query
  })
}

// 查询考核计分详细
// 查询考核积分明细详细
export function getScore(id) {
  return request({
    url: '/platform/score/' + id,
    url: '/check/score/' + id,
    method: 'get'
  })
}

// 新增考核计分
// 新增考核积分明细
export function addScore(data) {
  return request({
    url: '/platform/score',
    url: '/check/score',
    method: 'post',
    data: data
  })
}

// 修改考核计分
// 修改考核积分明细
export function updateScore(data) {
  return request({
    url: '/platform/score',
    url: '/check/score',
    method: 'put',
    data: data
  })
}

// 删除考核计分
// 删除考核积分明细
export function delScore(id) {
  return request({
    url: '/platform/score/' + id,
    url: '/check/score/' + id,
    method: 'delete'
  })
}

 src/api/platform/check-template.js

@@ -3,8 +3,8 @@
// 查询考核模板列表
export function listCheckTemplate(query) {
  return request({
    url: '/check-template/page',
    method: 'post',
    url: '/check/template/list',
    method: 'get',
    data: query
  })
}
@@ -12,7 +12,7 @@
// 查询考核模板详细
export function getCheckTemplate(id) {
  return request({
    url: '/check-template/' + id,
    url: '/check/template/' + id,
    method: 'get'
  })
}
@@ -20,7 +20,7 @@
// 新增考核模板
export function addCheckTemplate(data) {
  return request({
    url: '/check-template',
    url: '/check/template',
    method: 'post',
    data: data
  })
@@ -29,7 +29,7 @@
// 修改考核模板
export function updateCheckTemplate(data) {
  return request({
    url: '/check-template',
    url: '/check/template',
    method: 'put',
    data: data
  })
@@ -38,15 +38,15 @@
// 删除考核模板
export function delCheckTemplate(id) {
  return request({
    url: '/check-template/' + id,
    url: '/check/template/' + id,
    method: 'delete'
  })
}

// 获取运维单位下拉列表
// 获取下拉列表
export function templateSelect() {
  return request({
    url: '/check-template/list',
    url: '/check/template/pullList',
    method: 'get'
  })
}

 src/api/platform/default-publish.js

copy from src/api/platform/publish.js
copy to src/api/platform/default-publish.js
File was copied from src/api/platform/publish.js
@@ -1,52 +1,52 @@
import request from '@/utils/request'

// 查询考核发布列表
// 查询合同考核发布列表
export function listPublish(query) {
  return request({
    url: '/system/publish/list',
    url: '/default/publish/list',
    method: 'get',
    params: query
  })
}

// 查询考核发布详细
// 查询合同考核发布详细
export function getPublish(id) {
  return request({
    url: '/system/publish/' + id,
    url: '/default/publish/' + id,
    method: 'get'
  })
}

// 新增考核发布
// 新增合同考核发布
export function addPublish(data) {
  return request({
    url: '/system/publish',
    url: '/default/publish',
    method: 'post',
    data: data
  })
}

// 修改考核发布
// 修改合同考核发布
export function updatePublish(data) {
  return request({
    url: '/system/publish',
    url: '/default/publish',
    method: 'put',
    data: data
  })
}

// 删除考核发布
// 删除合同考核发布
export function delPublish(id) {
  return request({
    url: '/system/publish/' + id,
    url: '/default/publish/' + id,
    method: 'delete'
  })
}

// 获取考核下拉列表
// 获取合同考核下拉列表
export function publishSelect() {
  return request({
    url: '/system/publish/all',
    url: '/default/publish/all',
    method: 'get'
  })
}

 src/api/platform/default-result.js

New file
@@ -0,0 +1,44 @@
import request from '@/utils/request'

// 查询合同考核结果列表
export function listResult(query) {
  return request({
    url: '/default/result/list',
    method: 'get',
    params: query
  })
}

// 查询合同考核结果详细
export function getResult(id) {
  return request({
    url: '/default/result/' + id,
    method: 'get'
  })
}

// 新增合同考核结果
export function addResult(data) {
  return request({
    url: '/default/result',
    method: 'post',
    data: data
  })
}

// 修改合同考核结果
export function updateResult(data) {
  return request({
    url: '/default/result',
    method: 'put',
    data: data
  })
}

// 删除合同考核结果
export function delResult(id) {
  return request({
    url: '/default/result/' + id,
    method: 'delete'
  })
}

 src/api/platform/default-rule.js

@@ -3,8 +3,8 @@
// 查询违约规则列表
export function listRule(data) {
  return request({
    url: '/default-rule/page',
    method: 'post',
    url: '/default/rule/list',
    method: 'get',
    data: data
  })
}
@@ -12,7 +12,7 @@
// 查询违约规则详细
export function getRule(id) {
  return request({
    url: '/default-rule/' + id,
    url: '/default/rule/' + id,
    method: 'get'
  })
}
@@ -20,7 +20,7 @@
// 新增违约规则
export function addRule(data) {
  return request({
    url: '/default-rule',
    url: '/default/rule',
    method: 'post',
    data: data
  })
@@ -29,7 +29,7 @@
// 修改违约规则
export function updateRule(data) {
  return request({
    url: '/default-rule',
    url: '/default/rule',
    method: 'put',
    data: data
  })
@@ -38,7 +38,7 @@
// 删除违约规则
export function delRule(id) {
  return request({
    url: '/default-rule/' + id,
    url: '/default/rule/' + id,
    method: 'delete'
  })
}
@@ -46,7 +46,7 @@
// 启用/停用违约规则
export function setRule(data) {
  return request({
    url: '/default-rule/set',
    url: '/default/rule/set',
    method: 'post',
    data: data
  })

 src/api/platform/default-score.js

File was renamed from src/api/platform/default-auditing.js
@@ -3,8 +3,8 @@
// 查询违规审核列表
export function listAuditing(data) {
  return request({
    url: '/default-auditing/page',
    method: 'post',
    url: '/default/score/list',
    method: 'get',
    data: data
  })
}
@@ -12,7 +12,7 @@
// 查询违规审核详细
export function getAuditing(id) {
  return request({
    url: '/default-auditing/' + id,
    url: '/default/score/' + id,
    method: 'get'
  })
}
@@ -20,7 +20,7 @@
// 新增违规审核
export function addAuditing(data) {
  return request({
    url: '/default-auditing',
    url: '/default/score',
    method: 'post',
    data: data
  })
@@ -29,7 +29,7 @@
// 修改违规审核
export function updateAuditing(data) {
  return request({
    url: '/default-auditing',
    url: '/default/score',
    method: 'put',
    data: data
  })
@@ -38,7 +38,7 @@
// 删除违规审核
export function delAuditing(id) {
  return request({
    url: '/default-auditing/' + id,
    url: '/default/score/' + id,
    method: 'delete'
  })
}
@@ -46,7 +46,7 @@
// 审核
export function auditing(data) {
  return request({
    url: '/default-auditing/auditing',
    url: '/default/score/auditing',
    method: 'post',
    data: data
  })

 src/api/platform/default-template.js

New file
@@ -0,0 +1,44 @@
import request from '@/utils/request'

// 查询违约规则模板列表
export function listTemplate(query) {
  return request({
    url: '/default/template/list',
    method: 'get',
    params: query
  })
}

// 查询违约规则模板详细
export function getTemplate(id) {
  return request({
    url: '/default/template/' + id,
    method: 'get'
  })
}

// 新增违约规则模板
export function addTemplate(data) {
  return request({
    url: '/default/template',
    method: 'post',
    data: data
  })
}

// 修改违约规则模板
export function updateTemplate(data) {
  return request({
    url: '/default/template',
    method: 'put',
    data: data
  })
}

// 删除违约规则模板
export function delTemplate(id) {
  return request({
    url: '/default/template/' + id,
    method: 'delete'
  })
}

 src/api/platform/monitor.js

@@ -9,6 +9,22 @@
  })
}

// 查询设备资产统计数
export function videoCount(type) {
  return request({
    url: '/system/monitor/getVideoCount/' + type,
    method: 'get'
  })
}

// 查询异常恢复设备资产统计数
export function recoveryException() {
  return request({
    url: '/system/monitor/recoveryException',
    method: 'get'
  })
}

// 查询设备资产详细
export function getMonitor(id) {
  return request({

 src/api/platform/notify.js

New file
@@ -0,0 +1,61 @@
import axios from "./request";

// 获取通知分页
export const getNotifys = (params) => {
    return axios({
        url: "/notify/page",
        method: "GET",
        params: params
    })
}

// 获取通知列表
export const getNotifyList = () => {
    return axios({
        url: "/notify/list",
        method: "GET"
    })
}

// 通过id获取通知
export const getNotifyById = (params) => {
    return axios({
        url: "/notify/" + params,
        method: "GET"
    })
}

// 通过id删除通知
export const deleteNotifyById = (params) => {
    return axios({
        url: "/notify/" + params,
        method: "DELETE"
    })
}

// 批量删除通知
export const deleteNotifyByIds = (params) => {
    return axios({
        url: "/notify/batch",
        method: "DELETE",
        data: params
    })
}

// 修改通知
export const editNotify = (params) => {
    return axios({
        url: "/notify/",
        method: "PUT",
        data: params
    })
}

// 添加通知
export const addNotify = (params) => {
    return axios({
        url: "/notify/",
        method: "POST",
        data: params
    })
}

 src/api/platform/people.js

@@ -17,6 +17,14 @@
  })
}

// 根据运维单位查询运维人员详细
export function getPeopleByUnitId(id) {
  return request({
    url: '/yw-people/getPeopleByUnitId/' + id,
    method: 'get'
  })
}

// 新增运维人员
export function addPeople(data) {
  return request({

 src/api/platform/platform.js

New file
@@ -0,0 +1,44 @@
import request from '@/utils/request'

// 查询平台运行监控列表
export function listPlatform(query) {
  return request({
    url: '/platform/platformMonitor/list',
    method: 'get',
    params: query
  })
}

// 查询平台运行监控详细
export function getPlatform(id) {
  return request({
    url: '/platform/platformMonitor/' + id,
    method: 'get'
  })
}

// 新增平台运行监控
export function addPlatform(data) {
  return request({
    url: '/platform/platformMonitor',
    method: 'post',
    data: data
  })
}

// 修改平台运行监控
export function updatePlatform(data) {
  return request({
    url: '/platform/platformMonitor',
    method: 'put',
    data: data
  })
}

// 删除平台运行监控
export function delPlatform(id) {
  return request({
    url: '/platform/platformMonitor/' + id,
    method: 'delete'
  })
}

 src/api/platform/rules.js

File was deleted

 src/api/system/dept.js

@@ -51,10 +51,17 @@
  })
}

// 获取运维单位下拉列表
// 获取部门下拉列表
export function deptSelect() {
  return request({
    url: '/system/dept/all',
    method: 'get'
  })
}
// 获取区域下拉列表
export function areaSelect() {
  return request({
    url: '/system/dept/pullList',
    method: 'get'
  })
}

 src/assets/icons/arrow.png

 src/assets/icons/setting.png

 src/layout/components/Navbar.vue

@@ -41,6 +41,12 @@
    <div class="button-container">
      <el-button type="primary" @click="toScreen">可视化大屏</el-button>
    </div>
    <div class="button-container">
      <el-button type="primary" @click="toSystemB">跳转B系统</el-button>
    </div>
    <div class="button-container">
      <el-button type="primary" @click="toSystemA">跳转A系统</el-button>
    </div>
  </div>
</template>

@@ -109,6 +115,16 @@
      this.$router.push({
        path: '/screen'
      })
    },
    toSystemA() {
      this.$router.push({
        path: '/screen'
      })
    },
    toSystemB() {
      this.$router.push({
        path: '/screen'
      })
    }
  }
}

 src/router/index.js

@@ -60,6 +60,19 @@
    ]
  },
  {
    path: '/car/equipment',
    component: Layout,
    hidden: true,
    children: [
      {
        path: 'index',
        name: 'equipment',
        component: () => import('@/views/system/equipment/index'),
        meta: { title: '资产管理', activeMenu: '/system/equipment' }
      }
    ]
  },
  {
    path: '/check-result/contract',
    component: Layout,
    hidden: true,
@@ -67,7 +80,7 @@
      {
        path: 'detail',
        name: 'check-result-contract',
        component: () => import('@/views/system/check-result/contract/detail'),
        component: () => import('@/views/system/result/default/detail'),
        meta: { title: '合同结果详情', activeMenu: '/system/check-result/contract' }
      }
    ]
@@ -77,12 +90,7 @@
    component: Layout,
    hidden: true,
    children: [
      {
        path: 'detail',
        name: 'check-result-city',
        component: () => import('@/views/system/check-result/city/detail'),
        meta: { title: '市局考核结果详情', activeMenu: '/system/check-result/city' }
      }

    ]
  },
  {
@@ -90,12 +98,7 @@
    component: Layout,
    hidden: true,
    children: [
      {
        path: 'detail',
        name: 'check-result-province',
        component: () => import('@/views/system/check-result/province/detail'),
        meta: { title: '省厅考核结果详情', activeMenu: '/system/check-result/province' }
      }

    ]
  },
  {

 src/views/login copy.vue

@@ -1,10 +1,10 @@
<template>
  <div class="login">
    <div class="title-container">
      <h3 class="title">自贡公安天网运维平台</h3>
      <h3 class="title">运维考核平台</h3>
    </div>
    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
      <h3 class="title">自贡公安天网运维平台</h3>
      <h3 class="title">运维考核平台</h3>

      <el-form-item prop="username">
        <el-input

 src/views/login.vue

@@ -7,7 +7,7 @@
            <div class="logo">
              <img src="../assets/icons/logo.png" alt="">
            </div>
            <p class="title">自贡公安天网运维平台</p>
            <p class="title">运维考核平台</p>
          </div>
          <div class="logo-wrapper">
            <img src="../assets/svg/login-box-bg.svg" alt="">
@@ -100,8 +100,8 @@
    return {
      codeUrl: "",
      loginForm: {
        username: "admin",
        password: "admin123",
        username: "",
        password: "",
        rememberMe: false,
        code: "",
        uuid: ""

 src/views/screen/components/screen-data/components/data-hola.vue

New file
@@ -0,0 +1,137 @@
<template>
  <div class="hola-container">
    <div class="chart" id="dataChart" ref="chartRef"></div>
  </div>
</template>

<script>
import * as echarts from 'echarts';
let myChart = null;
export default {
  name: 'DataHola',
  props: {
    centerValue: {
      type: [Number, String],
      default: 0
    },
    holaColor: {
      type: String,
      default: '#4ea8ff'
    },
    holaTitle: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      
    }
  },
  methods: {
    initChart() {
      const series= [
        {
          type: 'gauge', // 仪表盘类型
          name: '系列名称', // 用于tooltip的显示
          startAngle: 90, // 仪表盘开始角度（设置背景圆的角度）
          endAngle: -270, // 仪表盘结束角度
          center: ['50%', '50%'], // 中心点（圆心坐标）
          radius: '100%', // 圆大小（仪表盘半径）
          clockwise: true, // 仪表盘刻度是否是顺时针增长
          // 仪表盘轴线相关配置
          axisLine: {
            show: true,
            roundCap: false, // 两端显示成圆形（背景环）
            clip: false, // 是否裁剪超出部分
            // 设置背景圆环样式
            lineStyle: {
              width: 6, // 圆环宽度
              color: [[1, '#002865']] // 圆环背景色
            }
          },
          max: 5000,
          // 仪表盘指针
          pointer: {
            show: false
          },
          // 进度设置
          progress: {
            show: true,
            overlap: false, // 多组数据时进度条是否重叠
            roundCap: true, // 是否在两端显示成圆形
            clip: false, // 是否裁掉超出部分
            // 进度条样式
            itemStyle: {
              borderWidth: 0,
              shadowColor: '',
              color: this.holaColor
            }
          },
          // 仪表盘分割线
          splitLine: {
            show: false
          },
          // 刻度样式
          axisTick: {
            show: false
          },
          // 刻度标签
          axisLabel: {
            show: false
          },
          title: {
            show: false,
            fontSize: 20
          },
          detail: {
            // width: 50,
            // height: 14,
            fontSize: 20,
            color: 'auto'
          },
          data: [
            {
              value: this.centerValue,
              name: this.holaTitle,
              title: {
                show: true,
                fontSize: 14,
                color: '#fff',
                offsetCenter: ['0%', '30%'],
              },
              detail: {
                fontSize: 18,
                // 中心title设置
                offsetCenter: ['0%', '-10%'],
                color: '#fff',
                formatter: '{value}'

              }
            }
          ],
        }
      ];
      myChart.setOption({
      series: series
    })
    }
  },
  mounted() {
    myChart = echarts.init(this.$refs['chartRef']);
    this.initChart();
  }
}
</script>

<style lang="scss" scoped>
.hola-container {
  width: 100%;
  height: 100%;

  .chart {
    width: 100%;
    height: 100%;
  }
}
</style>

 src/views/screen/components/screen-data/index.vue

New file
@@ -0,0 +1,177 @@
<template>
  <div class="data-container">
    <wrapper-title :title="'工单数据'" :path="'/work-order-center/maintenance/work-order/work-order'"></wrapper-title>

    <div class="data-content">
      <div class="data-panel">
        <div class="panel-title">
          <div class="icon">
            <img src="@/assets/icons/arrow.png" alt="">
          </div>
          <div class="title">
            整体工单数
          </div>
        </div>
        <div class="panel-container">
          <div class="panel-item">
            <data-hola :holaTitle="`工单总数`" :centerValue="3000" :holaColor="`#4ea8ff`"></data-hola>
          </div>
          <div class="panel-item">
            <data-hola :holaTitle="`已处理工单数`" :centerValue="1600" :holaColor="`#5dec24`"></data-hola>
          </div>
          <div class="panel-item">
            <data-hola :holaTitle="`未处理工单数`" :centerValue="200" :holaColor="`#dfc639`"></data-hola>
          </div>
        </div>
      </div>
      <div class="data-panel">
        <div class="panel-title">
          <div class="icon">
            <img src="@/assets/icons/arrow.png" alt="">
          </div>
          <div class="title">
            分区工单数
          </div>
        </div>
        <div class="echart-container">
          <div id="barChart" ref="barChart"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import * as echarts from 'echarts';
import WrapperTitle from '../wrapper-title/index';
import DataHola from './components/data-hola';
let chart = null;
export default {
  name: 'ScreenData',
  components: {
    WrapperTitle,
    DataHola
  },
  data() {
    return {
      dataList: {
        name: ['富顺县', '荣县', '高新区', '自流井区', '贡井区', '大安区', '沿滩区'],
        data1: [210, 310, 40, 102, 111, 201, 123],
        data2: [20, 30, 10, 10, 11, 21, 5],
      },
    }
  },
  methods: {
    initEchart() {
      const option = {
        grid: {
          top: '10%',
          right: 0,
          bottom: '15%',
        },
        legend: {
          right: 0,
          textStyle: {
            color: '#447ED6'
          }
        },
        tooltip: {},
        xAxis: {
          type: 'category',
          axisLabel: {
            color: '#447ED6',
            rotate: 45
          },
          data: this.dataList.name
        },
        yAxis: {
          axisLabel: {
            color: '#4D76B0',
          },
        },
        series: [
          {
            type: 'bar',
            name: '已处理工单数',
            stack: 'total',
            itemStyle: {
              color: '#4ea8ff'
            },
            data: this.dataList.data1
          },
          {
            type: 'bar',
            name: '未处理工单数',
            stack: 'total',
            itemStyle: {
              color: '#dfc639'
            },
            data: this.dataList.data2
          },
        ]
      }
      chart.setOption(option, true);

    }
  },
  mounted() {
    chart = echarts.init(this.$refs.barChart);
    this.initEchart();
  }
}
</script>

<style lang="scss" scoped>
.data-container {
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: column;

  .data-content {
    flex: 1;
    background: rgba(67, 102, 155, 0.3);
    border: 1px solid rgba(47, 91, 157, 0.8);
    padding: 10px;
    box-sizing: border-box;
  }
}

.echart-container {
  width: 100%;
  height: 260px;

  #barChart {
    width: 100%;
    height: 100%;
  }
}

.panel-title {
  color: #b9b9b9;
  display: flex;
  align-items: center;

  .icon {
    width: 20px;
    margin-right: 5px;

    img {
      width: 100%;
      display: block;
    }
  }
}

.panel-container {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin: 10px 0;

  .panel-item {
    width: 120px;
    height: 120px;
  }
}
</style>

 src/views/screen/components/screen-examine/components/examine-chart.vue

@@ -25,10 +25,7 @@
        { id: 3, name: '档案考核比', value: 60, routerUrl: '/car/vehicle-data-monitor/index' },
        { id: 4, name: '点位在线率', value: 40, routerUrl: '/car/vehicle-data-monitor/index' },
        { id: 5, name: '录像可用率', value: 80, routerUrl: '/car/vehicle-data-monitor/index' },
        { id: 6, name: '重点点位录像可用率', value: 20, routerUrl: '/car/vehicle-data-monitor/index' },
        { id: 7, name: '信息采集准确率', value: 60, routerUrl: '/car/vehicle-data-monitor/index' },
        { id: 8, name: '车辆过卡口数据一致性', value: 40, routerUrl: '/car/vehicle-data-monitor/index' },

        { id: 6, name: '重点点位录像可用率', value: 20, routerUrl: '/car/vehicle-data-monitor/index' }
      ]
    }
  },
@@ -59,8 +56,8 @@

    .hola-item {
      flex-shrink: 0;
      width: 180px;
      height: 180px;
      width: 150px;
      height: 120px;
    }
  }
}

 src/views/screen/components/screen-examine/components/examine-hola.vue

@@ -3,7 +3,7 @@
  <div class="progressChart">
    <div class="chart" id="progressChart" ref="chartRef"></div>
    <el-link class="bottom le-0-font" :underline="false" @click="handleDetail(routerPath)">
    <label >{{ bottomTitle }}</label>
    <label>{{ bottomTitle }}</label>
    </el-link>
  </div>
</template>
@@ -28,7 +28,7 @@
            clip: false, // 是否裁剪超出部分
            // 设置背景圆环样式
            lineStyle: {
              width: 10, // 圆环宽度
              width: 6, // 圆环宽度
              color: [[1, '#002865']] // 圆环背景色
            }
          },
@@ -85,7 +85,7 @@
          detail: {
            // width: 50,
            // height: 14,
            fontSize: 14,
            fontSize: 20,
            color: 'auto'
          },
          data: [
@@ -151,7 +151,9 @@
.progressChart {
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
  .chart {
    width: 100%;
    height: 75%;
@@ -162,8 +164,9 @@
    width: 100%;
    color: #01f8ff;
    text-align: center;
    font-size: 16px;
    font-size: 14px;
    margin-top: 10px;
  }
}

</style>

 src/views/screen/components/screen-examine/index.vue

@@ -1,6 +1,6 @@
<template>
  <div class="examine-container">
    <wrapper-title :title="'考核数据'" :path="'/examine/check-rule'"></wrapper-title>
    <wrapper-title :title="'考核数据'" :path="'/examine/default'"></wrapper-title>
    <div class="examine-content">

      <div class="examine-wrapper">
@@ -72,10 +72,11 @@

<style lang="scss" scoped>
.examine-container {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px
}

.examine-content {

 src/views/screen/components/screen-map/index.vue

@@ -2,6 +2,7 @@
  <div class="map-container">
    <wrapper-title :title="'区域地图'"></wrapper-title>
    <div class="map-content">
      
      <div ref="map" class="map-style"></div>
    </div>
  </div>
@@ -13,6 +14,7 @@
import 'echarts-gl';
import mapData from '@/assets/map/zigong1.json';
import WrapperTitle from '../wrapper-title/index';
import ScreenData from '../screen-data/index';

echarts.registerMap('zigong', mapData);
let mapChart = null;
@@ -161,7 +163,8 @@
    }
  },
  components: {
    WrapperTitle
    WrapperTitle,
    ScreenData
  },
  methods: {
    filterData(name) {
@@ -236,6 +239,7 @@

  .map-content {
    flex: 1;
    position: relative;
    // background: rgba(67, 102, 155, 0.3);
    // border: 1px solid rgba(47, 91, 157, 0.8);
  }
@@ -245,4 +249,12 @@
    height: 100%;
  }
}

.data-container {
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
</style>

 src/views/screen/components/screen-table/index.vue

@@ -1,35 +1,81 @@
<template>
  <div class="table-container">
    <wrapper-title :title="'区域设备数据'" :path="'/monitorServe/recovery'"></wrapper-title>
    <div class="table-content" ref="tabContent">
      <el-table :data="tableData" border :height="tableHeight" :max-height="tableHeight" class="rank-table">
        <el-table-column prop="name" label="地区" align="center" width="100">
        </el-table-column>
        <el-table-column label="人脸设备" align="center">
          <el-table-column prop="data1" label="设备正常数" align="center">
      <div class="table-wrapper">
        <el-table :data="tableData" border :height="tableHeight" :max-height="tableHeight" class="rank-table">
          <el-table-column prop="name" label="地区" align="center" width="100">
          </el-table-column>
          <el-table-column prop="data1" label="设备异常数" align="center">

          <el-table-column label="人脸设备正常率" align="center">
            <template slot-scope="scope">
              <el-tooltip placement="top">
                <div slot="content">
                  <div class="tip-item">
                    <div class="tip-label">设备正常数:</div>
                    <div class="tip-info tip-success">12</div>
                  </div>
                  <div class="tip-item">
                    <div class="tip-label">设备异常数:</div>
                    <div class="tip-info tip-danger">4</div>
                  </div>
                </div>
                <div class="tip-num">75%</div>
              </el-tooltip>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column label="车辆设备" align="center">
          <el-table-column prop="data1" label="设备正常数" align="center">

          <el-table-column label="车辆设备正常率" align="center">
            <template slot-scope="scope">
              <el-tooltip placement="top">
                <div slot="content">
                  <div class="tip-item">
                    <div class="tip-label">设备正常数:</div>
                    <div class="tip-info tip-success">12</div>
                  </div>
                  <div class="tip-item">
                    <div class="tip-label">设备异常数:</div>
                    <div class="tip-info tip-danger">4</div>
                  </div>
                </div>
                <div class="tip-num">75%</div>
              </el-tooltip>
            </template>
          </el-table-column>
          <el-table-column prop="data1" label="设备异常数" align="center">

          <el-table-column label="视频设备正常率" align="center">
            <template slot-scope="scope">
              <el-tooltip placement="top">
                <div slot="content">
                  <div class="tip-item">
                    <div class="tip-label">设备正常数:</div>
                    <div class="tip-info tip-success">12</div>
                  </div>
                  <div class="tip-item">
                    <div class="tip-label">设备异常数:</div>
                    <div class="tip-info tip-danger">4</div>
                  </div>
                </div>
                <div class="tip-num">75%</div>
              </el-tooltip>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column label="视频设备" align="center">
          <el-table-column prop="data1" label="设备正常数" align="center">
          </el-table-column>
          <el-table-column prop="data1" label="设备异常数" align="center">
          </el-table-column>
        </el-table-column>
      </el-table>
        </el-table>
      </div>
    </div>

  </div>
</template>

<script>
import WrapperTitle from '../wrapper-title/index';

export default {
  name: 'ScreenTable',

  components: {
    WrapperTitle
  },
  data() {
    return {
      tableHeight: 40,
@@ -101,14 +147,18 @@
  // flex: 1;
  height: 350px;
  position: relative;
  background: rgba(67, 102, 155, 0.3);
  border: 1px solid rgba(47, 91, 157, 0.8);

  display: flex;
  flex-direction: column;

  .table-content {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    flex: 1;
    background: rgba(67, 102, 155, 0.3);
    border: 1px solid rgba(47, 91, 157, 0.8);
    // position: absolute;
    // width: 100%;
    // top: 0;
    // bottom: 0;
  }
}

@@ -165,4 +215,28 @@
::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
  background-color: #447ed648;
}

.tip-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;

  &:last-of-type {
    margin-bottom: 0;
  }

  .tip-label {
    color: #5b83bd;
    margin-right: 10px;
  }

  .tip-success {
    color: #0cd81d;
  }

  .tip-danger {
    color: #e20c0c;
  }
}
</style>

 src/views/screen/components/screen-title/index.vue

@@ -5,7 +5,7 @@
        <img src="@/assets/images/screen/header_bg.png" class="width-img" alt="">
      </div>
      <div class="header-text">
        自贡市运维考核大屏
        运维考核大屏
      </div>
    </div>
  </div>
@@ -38,4 +38,4 @@
  color: #fff;
  font-size: 24px;
}
</style>
</style>

 src/views/screen/components/screen-wrapper/index.vue

@@ -1,8 +1,8 @@
<template>
  <div class="wrapper-container">
    <select-item></select-item>
    <div class="return-button">
      <el-button type="primary" @click="returnPath">管理系统</el-button>
    <div class="return-button" @click="returnPath">
      返回
    </div>
    <div class="wrapper-content">
      <screen-map-three></screen-map-three>
@@ -12,14 +12,14 @@
        <screen-video class="enter-left animate-delay-2" :class="{ 'animate-enter-x': isEnd }"></screen-video>
      </div>
      <div class="center-container center-wrapper">
        <!-- <screen-map></screen-map> -->
        <screen-map-cover></screen-map-cover>
        <screen-map></screen-map>
        <screen-table class="enter-top" :class="{ 'animate-enter-y': isEnd }"></screen-table>
        <!-- <screen-detection></screen-detection> -->

      </div>
      <div class="right-container wrapper">
        <screen-examine class="enter-right" :class="{ 'animate-enter-x': isEnd }"></screen-examine>
        <screen-data class="enter-right animate-delay-1" :class="{ 'animate-enter-x': isEnd }"></screen-data>
      </div>
    </div>
  </div>
@@ -27,8 +27,8 @@

<script>
import SelectItem from '../select-item/index';
import ScreenFace from '../screen-face/index';
import ScreenExamine from '../screen-examine/index';
import ScreenFace from '../screen-face/index';
import ScreenVideo from '../screen-video/index';
import ScreenCar from '../screen-car/index';
import ScreenMap from '../screen-map/index';
@@ -40,14 +40,15 @@
  name: 'ScreenWrapper',
  components: {
    SelectItem,
    ScreenFace,
    ScreenExamine,
    ScreenVideo,
    ScreenCar,
    ScreenMap,
    ScreenTable,
    ScreenMapCover,
    ScreenMapThree
    ScreenMapThree,
    ScreenFace,
    ScreenVideo,
    ScreenCar,
    ScreenData
  },
  data() {
    return {
@@ -80,7 +81,13 @@
.return-button {
  position: absolute;
  right: 20px;
  top: 40px;
  top: 10px;
  border-radius: 4px;
  border: 1px solid #4481DD;
  background-color: rgba(67, 102, 155, 0.4);
  color: #4481DD;
  padding: 5px 20px;
  cursor: pointer;
}

.wrapper-container {
@@ -93,8 +100,8 @@

  .wrapper-content {
    width: 100%;
    height: calc(100% - 100px);
    margin-top: 100px;
    height: calc(100% - 60px);
    margin-top: 60px;
    position: relative;
    box-sizing: border-box;
    padding: 20px;
@@ -105,7 +112,7 @@
}

.wrapper {
  width: 20%;
  width: 25%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 10px;
@@ -123,7 +130,7 @@
}

.center-wrapper {
  width: 60%;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 10px;

 src/views/screen/components/select-item/index.vue

@@ -87,7 +87,7 @@
<style lang="scss" scoped>
.select-container {
  position: absolute;
  top: 40px;
  top: 10px;
  left: 20px;
  display: flex;
  align-items: center;

 src/views/screen/components/wrapper-title/index.vue

@@ -3,11 +3,12 @@
    <span class="title">{{ title }}</span>

    <div class="more-button" v-if="path" @click="toPath">
      <dv-border-box-12>
        <div class="button-text">
          详情
        </div>
      </dv-border-box-12>
      <div class="icon">
        <img src="@/assets/icons/setting.png" alt="">
      </div>
      <div class="button-text">
        查看更多
      </div>
    </div>
  </div>
</template>
@@ -26,7 +27,7 @@
    }
  },
  methods: {
    toPath () {
    toPath() {
      this.$router.push(this.path);
    }
  }
@@ -56,9 +57,19 @@
  }

  .more-button {
    width: 100px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    .icon {
      width: 20px;
      margin-top: 4px;
      margin-right: 2px;
      img {
        width: 100%;
        display: block;
      }
    }

    .button-text {
      width: 100%;
@@ -67,7 +78,7 @@
      justify-content: center;
      align-items: center;
      color: #ffffff81;
      font-size: 20px;
      font-size: 16px;
    }
  }
}

 src/views/system/calculate/duty/index.vue

@@ -30,10 +30,10 @@

    <el-table v-loading="loading" :data="scoreList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="违约名" align="center" prop="examineName" />
      <el-table-column label="违约对象" align="center" prop="unitName" />
      <el-table-column label="运维考核名" align="center" prop="examineName" />
      <el-table-column label="考核对象" align="center" prop="unitName" />
      <el-table-column label="分值" align="center" prop="score" />
      <el-table-column label="违约规则" align="center" prop="scoreCategory">
      <el-table-column label="运维考核规则" align="center" prop="scoreCategory">
        <template slot-scope="scope">
          <div v-if="scope.row.scoreCategory === 1">视频在线率</div>
          <div v-else-if="scope.row.scoreCategory === 2">存储故障</div>
@@ -66,7 +66,7 @@
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="违约名" prop="examineId">
        <el-form-item label="运维考核名" prop="examineId">
          <el-select v-model="form.examineId" placeholder="请选择">
            <el-option v-for="item in examineList" :key="item.id" :label="item.value" :value="item.id">
            </el-option>
@@ -88,9 +88,9 @@
</template>

<script>
import { listScore, getScore, delScore, addScore, updateScore } from "@/api/platform/score";
import { listScore, getScore, delScore, addScore, updateScore } from "@/api/platform/default-score";
import { unitSelect } from "@/api/platform/unit";
import { publishSelect } from "@/api/platform/publish";
import { publishSelect } from "@/api/platform/default-publish";

export default {
  name: "Score",

 src/views/system/calculate/order/index.vue

@@ -22,18 +22,6 @@
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="考核范围" prop="examineRange">
        <el-select v-model="queryParams.examineRange" clearable  @clear="handleQuery" placeholder="考核范围">
          <el-option
            label="市局考核"
            value="2">
          </el-option>
          <el-option
            label="分局考核"
            value="1">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="考核时间">
        <el-date-picker
          v-model="daterangeCheckTime"
@@ -86,10 +74,10 @@

    <el-card class="box-card" v-for="(item) in checkResultList">
      <div slot="header" class="clearfix">
        <span>{{ item.checkUnitName }}</span>
        <span>{{ checkUnitName }}</span>
        <el-button style="float: right; padding: 3px 0" type="text" @click="handleDetail(item)">详情</el-button>
      </div>
      <div class="text item">考核<span class="time">{{ item.examineName }}</span></div>
      <div class="text item">考核<span class="time">{{ examineName }}</span></div>
      <div class="text item">考核频率<span class="time">{{ "季度考核" }}</span></div>
      <div class="text item">考核分数<span class="time">{{ item.checkScore }}</span></div>
      <div class="text item">考核时间
@@ -155,21 +143,14 @@
            <i class="el-icon-user"></i>
            考核对象
          </template>
          {{detail.checkUnitName}}
          {{checkUnitName}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label">
            <i class="el-icon-s-management"></i>
            考核名称
          </template>
          {{detail.examineName}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label">
            <i class="el-icon-full-screen"></i>
            考核范围
          </template>
          <el-tag size="small">{{detail.examineRange === 1 ? '分局考核' : '市局考核'}}</el-tag>
          {{examineName}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label">
@@ -231,6 +212,8 @@
      detail:{

      },
      checkUnitName: '成都x运维',
      examineName: '成都x运维考核',
      tableData: [{
        name: '视频平均在线率',
        content: '97%',
@@ -313,7 +296,7 @@
        this.queryParams["end"] = this.daterangeCheckTime[1];
      }
      listCheckResult(this.queryParams).then(response => {
        this.checkResultList = response.data;
        this.checkResultList = response.rows;
        this.total = response.total;
        this.loading = false;
      });

 src/views/system/calculate/record/index.vue

@@ -1,21 +1,23 @@
<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="规则名称" prop="rulesName">
        <el-input
          v-model="queryParams.rulesName"
          placeholder="请输入规则名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      <el-form-item label="单位名" prop="checkUnitId">
        <el-select v-model="form.unitId" placeholder="请选择">
          <el-option
            v-for="item in unitList"
            :key="item.id"
            :label="item.value"
            :value="item.id">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="合同名称" prop="contractName">
        <el-input
          v-model="queryParams.contractName"
          placeholder="请输入合同名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      <el-form-item label="核算日期" prop="date" >
        <el-date-picker clearable
          v-model="queryParams.date"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="请选择核算日期">
        </el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -26,33 +28,85 @@
    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['system:record:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['system:record:edit']"
        >修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['system:record:remove']"
        >删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
        >导出
        </el-button>
          v-hasPermi="['system:record:export']"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="rulesList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center"/>
      <el-table-column label="规则名称" align="center" prop="rulesName"/>
      <el-table-column label="合同名称" align="center" prop="contractName"/>
      <el-table-column label="金额(元)" align="center" prop="amount"/>
      <el-table-column label="数量" align="center" prop="num">
        100
      </el-table-column>
      <el-table-column label="合计(元)" align="center" prop="money">
        <template slot-scope="scope" >
          {{scope.row.amount*100}}
    <el-table v-loading="loading" :data="recordList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="核算记录日期" align="center" prop="date" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.date, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
      <el-table-column label="核算规则" align="center" prop="ruleId">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
          <div v-if="scope.row.ruleId == 1">成都x运维考核结果应用规则</div>
        </template>
      </el-table-column>
      <el-table-column label="单位名" align="center" prop="unitId" >
        <template slot-scope="scope">
          <div v-if="scope.row.unitId == 2">成都x运维</div>
        </template>
      </el-table-column>
      <!-- <el-table-column label="总服务费" align="center" prop="totalAmount" /> -->
      <!-- <el-table-column label="扣减服务费" align="center" prop="deductAmount" /> -->
      <el-table-column label="考核分数" align="center" prop="score" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:record:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:record:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -65,19 +119,41 @@
      @pagination="getList"
    />

    <!-- 添加或修改核算规则对话框 -->
    <!-- 添加或修改核算记录对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="规则名称" prop="rulesName">
          <el-input v-model="form.rulesName" placeholder="请输入规则名称"/>
      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
        <el-form-item label="核算对象" prop="checkUnitId">
          <el-select v-model="form.unitId" placeholder="请选择">
            <el-option
              v-for="item in unitList"
              :key="item.id"
              :label="item.value"
              :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="合同名称" prop="contractName">
          <el-input v-model="form.contractName" placeholder="请输入合同名称"/>
        <el-form-item label="核算规则" prop="ruleId">
          <el-select v-model="form.ruleId" placeholder="请选择">
            <el-option label="成都x运维考核结果应用规则" value="1">成都x运维考核结果应用规则</el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="金额" prop="amount">
          <el-input v-model="form.amount" placeholder="请输入金额"/>
        <el-form-item label="核算记录日期" prop="date" >
          <el-date-picker clearable
            v-model="form.date"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择核算记录日期">
          </el-date-picker>
        </el-form-item>

        <!-- <el-form-item label="总服务费" prop="totalAmount">
          <el-input v-model="form.totalAmount" placeholder="请输入总服务费" />
        </el-form-item> -->
        <!-- <el-form-item label="扣减服务费" prop="deductAmount">
          <el-input v-model="form.deductAmount" placeholder="请输入扣减服务费" />
        </el-form-item> -->
        <el-form-item label="考核分数" prop="score">
          <el-input v-model="form.score" placeholder="请输入考核分数" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -88,13 +164,12 @@
</template>

<script>
import { listRules, getRules, delRules, addRules, updateRules } from '@/api/platform/rules'

import { listRecord, getRecord, delRecord, addRecord, updateRecord } from "@/api/platform/calculate-record";
import {unitSelect} from "@/api/platform/unit";
export default {
  name: 'Rules',
  name: "Record",
  data() {
    return {
      num: 100,
      // 遮罩层
      loading: true,
      // 选中数组
@@ -107,126 +182,139 @@
      showSearch: true,
      // 总条数
      total: 0,
      // 核算规则表格数据
      rulesList: [],
      // 核算记录表格数据
      recordList: [],
      // 弹出层标题
      title: '',
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        rulesName: null,
        contractName: null,
        deleted: null
        date: null,
        ruleId: null,
        unitId: null,
        totalAmount: null,
        deductAmount: null,
        score: null
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {}
    }
      rules: {
        id: [
          { required: true, message: "$comment不能为空", trigger: "blur" }
        ],
      }
    };
  },
  created() {
    this.getList()
    this.getList();
    this.selectUnit();
  },
  methods: {
    /** 查询核算规则列表 */
    getList() {
      this.loading = true
      listRules(this.queryParams).then(response => {
        this.rulesList = response.rows
        this.total = response.total
        this.loading = false
    // 运维公司下拉数据
    selectUnit() {
      unitSelect().then(res => {
        this.unitList = res.data;
      })
    },
    /** 查询核算记录列表 */
    getList() {
      this.loading = true;
      listRecord(this.queryParams).then(response => {
        this.recordList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false
      this.reset()
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        rulesName: null,
        contractName: null,
        amount: null,
        createTime: null,
        updateTime: null,
        deleted: null
      }
      this.resetForm('form')
        date: null,
        ruleId: null,
        unitId: null,
        totalAmount: null,
        deductAmount: null,
        score: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1
      this.getList()
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm('queryForm')
      this.handleQuery()
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length !== 1
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset()
      this.open = true
      this.title = '添加核算规则'
      this.reset();
      this.open = true;
      this.title = "添加核算记录";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset()
      this.reset();
      const id = row.id || this.ids
      getRules(id).then(response => {
        this.form = response.data
        this.open = true
        this.title = '修改核算规则'
      })
      getRecord(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改核算记录";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs['form'].validate(valid => {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateRules(this.form).then(response => {
              this.$modal.msgSuccess('修改成功')
              this.open = false
              this.getList()
            })
            updateRecord(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addRules(this.form).then(response => {
              this.$modal.msgSuccess('新增成功')
              this.open = false
              this.getList()
            })
            addRecord(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      })
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids
      this.$modal.confirm('是否确认删除核算规则编号为"' + ids + '"的数据项？').then(function() {
        return delRules(ids)
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除核算记录编号为"' + ids + '"的数据项？').then(function() {
        return delRecord(ids);
      }).then(() => {
        this.getList()
        this.$modal.msgSuccess('删除成功')
      }).catch(() => {
      })
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('platform/rules/export', {
      this.download('system/record/export', {
        ...this.queryParams
      }, `rules_${new Date().getTime()}.xlsx`)
      }, `record_${new Date().getTime()}.xlsx`)
    }
  }
}
};
</script>

 src/views/system/calculate/report/index.vue

@@ -63,48 +63,19 @@

    <el-card class="box-card" v-for="(item) in checkResultList">
      <div slot="header" class="clearfix">
        <span>{{ item.checkUnitName }}</span>
        <el-button style="float: right; padding: 3px 0" type="text" @click="handleDetail(item)">详情</el-button>
        <span>{{ checkUnitName }}</span>
        <el-button style="float: right; padding: 3px 0" type="text" @click="handleDetail(item)">核算</el-button>
      </div>
      <div class="text item">合同<span class="time">{{ item.checkUnitName }}</span></div>
      <div class="text item">核算金额<span class="time">{{ "40090" }}</span></div>
      <div class="text item">考核分数<span class="time">{{ item.checkScore }}</span></div>
      <div class="text item">核算时间
      <div class="text item">合同<span class="time">{{ checkUnitName }}</span></div>
      <div class="text item">总金额<span class="time">{{ "1000元" }}</span></div>
      <div class="text item">扣减金额<span class="time">{{ "10元" }}</span></div>
      <div class="text item">剩余金额<span class="time">{{ "990元" }}</span></div>
      <div class="text item">最新核算时间
        <span class="time">{{ item.checkTime }}</span>
      </div>
      <el-button size="small" round style="float: right;margin-bottom: 18px;" @click="handlePublish(item)" v-show="item.publish != 1"  v-hasPermi="['result:contract:publish']">确认发布</el-button>
      <el-button size="small" round style="float: right;margin-bottom: 18px;" @click="handlePublish(item)" v-show="item.publish == 1"  v-hasPermi="['result:contract:publish']">已发布</el-button>
    </el-card>

    <!-- <el-table v-loading="loading" :data="checkResultList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="考核对象" align="center" prop="checkUnitName" />
      <el-table-column label="考核" align="center" prop="examineName" />
      <el-table-column label="考核范围":formatter="examineRangeFormatter" align="center" prop="examineRange" />
      <el-table-column label="考核频率" :formatter="frequencyFormatter" align="center" prop="frequency" />
      <el-table-column label="考核分数" falign="center" prop="checkScore" />
      <el-table-column label="考核时间" align="center" prop="checkTime" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-view"
            @click="handleDetail(scope.row)"
          >详情</el-button>
         <el-button
           type="text"
           size="mini"
           icon="el-icon-edit"
           @click="handleSetManualScore(scope.row)"
         >人工打分</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
@@ -112,17 +83,9 @@
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    /> -->
    />

    <el-dialog :title="manualScoreTitle" :visible.sync="manualScoreOpen" width="500px" append-to-body>
      <el-input v-model="manualScoreForm.manualScore" type="number" placeholder="请为该单位打分"/>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitManualScore">确 定</el-button>
        <el-button @click="cancelManualScore">取 消</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="detailTitle" :visible.sync="detailOpen" width="700px" append-to-body>
    <el-dialog :title="detailTitle" :visible.sync="detailOpen" width="760px" append-to-body>
      <el-descriptions class="margin-top" :column="3" border>
<!--        <template slot="extra">-->
<!--          <el-button type="primary" size="small">操作</el-button>-->
@@ -132,39 +95,60 @@
            <i class="el-icon-user"></i>
            核算对象
          </template>
          {{detail.checkUnitName}}
          {{checkUnitName}}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label">
            <i class="el-icon-s-management"></i>
            合同名称
          </template>
          {{detail.checkUnitName}}
          {{checkUnitName}}
        </el-descriptions-item>
      </el-descriptions>
        <el-table
          :data="tableData"
          show-summary
          style="width: 100%">
          :summary-method="getSummaries"
          style="width: 100%;text-align:center">
          <el-table-column
            prop="name"
            label="规则名"
            prop="time"
            label="核算日期"
            width="180">
          </el-table-column>
          <el-table-column
            prop="amount"
            label="数量"
            width="180">
            prop="score"
            label="考核分数"
            width="180"
            doNotSum>
          </el-table-column>
          <el-table-column
          <el-table-column  
            prop="score"  
            label="扣分系数"  
            width="180">  
            <template slot-scope="scope">  
              <el-tooltip class="item" effect="dark" :content="'考核规则：' + scope.row.description" placement="top">  
                <span>{{ scope.row.value }}</span>  
              </el-tooltip>  
            </template>  
          </el-table-column>  
          <el-table-column  
            label="扣减金额(元)" 
            prop="money"
            label="金额(元)">
          </el-table-column>
          <el-table-column
            prop="total"
            label="合计(元)">
          </el-table-column>
            width="180">  
            <template slot-scope="scope">  
              <el-input type="number"
                :precision="2" :step="0.1"
                :min="0" :max="1000000"
                v-model="scope.row.money"
                placeholder="请输入扣减金额">  
              </el-input>  
            </template>  
          </el-table-column> 
        </el-table>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="submitForm">确 定</el-button>
          <el-button @click="cancel">取 消</el-button>
        </div>
    </el-dialog>

    <!-- 添加或修改考核结果对话框 -->
@@ -191,27 +175,20 @@
      detail:{

      },
      checkUnitName:'成都x运维',
      tableData: [{
        name: '存储故障',
        amount: '100',
        money: '100',
        total: '10000'
        time: '2024-03-03',
        score: '94',
        value: '0.01',
        money: '',
        description: '每少1分扣当月总服务费的1%。例如：当月考核得分91.5分，扣除当月服务费3.5%的金额',
      }, {
        name: '时钟不同步24小时未修复',
        amount: '100',
        money: '100.45',
        total: '10045'
      }, {
        name: '一机一档24小时未修复',
        amount: '100',
        money: '100',
        total: '10000'
      }, {
        name: '视频运行率(96%)',
        amount: '100',
        money: '100.45',
        total: '10045'
      }],
        time: '2024-04-03',
        score: '95',
        value: '0',
        money: '',
        description: '每少1分扣当月总服务费的1%。例如：当月考核得分91.5分，扣除当月服务费3.5%的金额',
      }, ],
      manualScoreOpen: false,
      manualScoreForm: {},
      manualScoreTitle: '',
@@ -277,14 +254,14 @@
        this.queryParams["end"] = this.daterangeCheckTime[1];
      }
      listCheckResult(this.queryParams).then(response => {
        this.checkResultList = response.data;
        this.checkResultList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.detailOpen = false;
      this.reset();
    },
    // 表单重置
@@ -319,16 +296,11 @@
        this.getList();
      })
    },
    handleSetManualScore(row) {
      this.manualScoreForm.id = row.id;
      this.manualScoreForm.manualScore = parseInt(row.manualScore);
      this.manualScoreTitle = row.checkUnitName + '人工打分'
      this.manualScoreOpen = true;
    },
    handleDetail(row) {
      console.log("row", row)
      this.detail = row;
      this.detail.carOnlineRate =  '97%';
      this.detailTitle = row.checkUnitName + '考核结果';
      this.detailTitle = this.checkUnitName + '考核结果';
      this.detailOpen = true;

    },
@@ -378,6 +350,7 @@
    },
    /** 提交按钮 */
    submitForm() {
      this.detailOpen = false;
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
@@ -411,6 +384,38 @@
      this.download('system/checkResult/export', {
        ...this.queryParams
      }, `checkResult_${new Date().getTime()}.xlsx`)
    },
    getSummaries(param) {
      const { columns, data } = param;
      const sums = [];
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = '合计';
          return;
        }
        const values = data.map(item => Number(item[column.property]));
        if (!values.every(value => isNaN(value))) {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr);
            if (!isNaN(value)) {
              return prev + curr;
            } else {
              return prev;
            }
          }, 0);
          sums[index] += ' 元';
          if (column.property === 'score') {
            sums[index] = '-'; // 或者其他你想要显示的内容
          }
          if (column.property === 'value') {
            sums[index] = '-'; // 或者其他你想要显示的内容
          }
        } else {
          sums[index] = 'N/A';
        }
      });

      return sums;
    }
  }
};

 src/views/system/calculate/rule/index.vue

@@ -1,36 +1,5 @@
<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="规则名称" prop="rulesName">
        <el-input
          v-model="queryParams.rulesName"
          placeholder="请输入规则名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="合同名称" prop="contractName">
        <el-input
          v-model="queryParams.contractName"
          placeholder="请输入合同名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="逻辑删除" prop="deleted">
        <el-input
          v-model="queryParams.deleted"
          placeholder="请输入逻辑删除"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
@@ -39,54 +8,37 @@
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
        >新增
        </el-button>
          v-hasPermi="['system:rule:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          type="info"
          plain
          icon="el-icon-edit"
          icon="el-icon-sort"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
        >修改
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
        >删除
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
        >导出
        </el-button>
          @click="toggleExpandAll"
        >展开/折叠</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="rulesList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center"/>
      <el-table-column label="规则名称" align="center" prop="rulesName"/>
      <el-table-column label="合同名称" align="center" prop="contractName"/>
      <el-table-column label="金额" align="center" prop="amount"/>
      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
    <el-table
      v-if="refreshTable"
      v-loading="loading"
      :data="ruleList"
      row-key="id"
      :default-expand-all="isExpandAll"
      :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
    >
      <el-table-column label="规则名称" prop="name" />
      <el-table-column label="单位" align="center" prop="unitId" >
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
          <div v-if="scope.row.unitId == 2">成都x运维</div>
        </template>
      </el-table-column>
      <el-table-column label="扣分系数" align="center" prop="value" />
      <el-table-column label="规则描述" align="center" prop="description" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
@@ -94,38 +46,46 @@
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
          >修改
          </el-button>
            v-hasPermi="['system:rule:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-plus"
            @click="handleAdd(scope.row)"
            v-hasPermi="['system:rule:add']"
          >新增</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
          >删除
          </el-button>
            v-hasPermi="['system:rule:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 添加或修改核算规则对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="规则名称" prop="rulesName">
          <el-input v-model="form.rulesName" placeholder="请输入规则名称"/>
        <el-form-item label="规则名" prop="name">
          <el-input v-model="form.name" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="合同名称" prop="contractName">
          <el-input v-model="form.contractName" placeholder="请输入合同名称"/>
        <el-form-item label="模板名" prop="templateId">
          <el-input v-model="form.templateId" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="金额" prop="amount">
          <el-input v-model="form.amount" placeholder="请输入金额"/>
        <el-form-item label="父规则" prop="parentId">
          <treeselect v-model="form.parentId" :options="ruleOptions" :normalizer="normalizer" placeholder="请选择" />
        </el-form-item>
        <el-form-item label="考核对象" prop="unitId">
          <el-input v-model="form.unitId" placeholder="请输入单位id" />
        </el-form-item>
        <el-form-item label="扣分系数" prop="value">
          <el-input v-model="form.value" placeholder="请输入扣分系数" />
        </el-form-item>
        <el-form-item label="规则描述" prop="description">
          <el-input v-model="form.description" placeholder="请输入规则描述" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
@@ -137,144 +97,170 @@
</template>

<script>
import { listRules, getRules, delRules, addRules, updateRules } from '@/api/platform/rules'
import { listRule, getRule, delRule, addRule, updateRule } from "@/api/platform/calculate-rule";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";

export default {
  name: 'Rules',
  name: "Rule",
  components: {
    Treeselect
  },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 核算规则表格数据
      rulesList: [],
      ruleList: [],
      // 核算规则树选项
      ruleOptions: [],
      // 弹出层标题
      title: '',
      title: "",
      // 是否显示弹出层
      open: false,
      // 是否展开，默认全部展开
      isExpandAll: true,
      // 重新渲染表格状态
      refreshTable: true,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        rulesName: null,
        contractName: null,
        deleted: null
        name: null,
        templateId: null,
        parentId: null,
        unitId: null,
        value: null,
        description: null
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {}
    }
      rules: {
      }
    };
  },
  created() {
    this.getList()
    this.getList();
  },
  methods: {
    /** 查询核算规则列表 */
    getList() {
      this.loading = true
      listRules(this.queryParams).then(response => {
        this.rulesList = response.rows
        this.total = response.total
        this.loading = false
      })
      this.loading = true;
      listRule(this.queryParams).then(response => {
        this.ruleList = this.handleTree(response.data, "id", "parentId");
        this.loading = false;
      });
    },
    /** 转换核算规则数据结构 */
    normalizer(node) {
      if (node.children && !node.children.length) {
        delete node.children;
      }
      return {
        id: node.id,
        label: node.name,
        children: node.children
      };
    },
    /** 查询核算规则下拉树结构 */
    getTreeselect() {
      listRule().then(response => {
        this.ruleOptions = [];
        const data = { id: 0, name: '顶级节点', children: [] };
        data.children = this.handleTree(response.data, "id", "parentId");
        this.ruleOptions.push(data);
      });
    },
    // 取消按钮
    cancel() {
      this.open = false
      this.reset()
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        rulesName: null,
        contractName: null,
        amount: null,
        createTime: null,
        updateTime: null,
        deleted: null
      }
      this.resetForm('form')
        name: null,
        templateId: null,
        parentId: null,
        unitId: null,
        value: null,
        description: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1
      this.getList()
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm('queryForm')
      this.handleQuery()
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length !== 1
      this.multiple = !selection.length
      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset()
      this.open = true
      this.title = '添加核算规则'
    handleAdd(row) {
      this.reset();
      this.getTreeselect();
      if (row != null && row.id) {
        this.form.parentId = row.id;
      } else {
        this.form.parentId = 0;
      }
      this.open = true;
      this.title = "添加核算规则";
    },
    /** 展开/折叠操作 */
    toggleExpandAll() {
      this.refreshTable = false;
      this.isExpandAll = !this.isExpandAll;
      this.$nextTick(() => {
        this.refreshTable = true;
      });
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset()
      const id = row.id || this.ids
      getRules(id).then(response => {
        this.form = response.data
        this.open = true
        this.title = '修改核算规则'
      })
      this.reset();
      this.getTreeselect();
      if (row != null) {
        this.form.parentId = row.id;
      }
      getRule(row.id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改核算规则";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs['form'].validate(valid => {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateRules(this.form).then(response => {
              this.$modal.msgSuccess('修改成功')
              this.open = false
              this.getList()
            })
            updateRule(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addRules(this.form).then(response => {
              this.$modal.msgSuccess('新增成功')
              this.open = false
              this.getList()
            })
            addRule(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      })
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids
      this.$modal.confirm('是否确认删除核算规则编号为"' + ids + '"的数据项？').then(function() {
        return delRules(ids)
      this.$modal.confirm('是否确认删除核算规则编号为"' + row.id + '"的数据项？').then(function() {
        return delRule(row.id);
      }).then(() => {
        this.getList()
        this.$modal.msgSuccess('删除成功')
      }).catch(() => {
      })
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('platform/rules/export', {
        ...this.queryParams
      }, `rules_${new Date().getTime()}.xlsx`)
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    }
  }
}
};
</script>

 src/views/system/car/index.vue

@@ -10,27 +10,27 @@
        <el-col :xl="14" :lg="14" :md="12" :sm="14" :xs="16">
          <div class="dashboard">
            <div class="dashboard-item">
              <h3 style="color: #5C9BF8">{{ totalPosts }}</h3>
              <h3 style="color: #5C9BF8">{{ count.totalPosts }}</h3>
              <p>设备总数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #3eba45">{{ totalMembers }}</h3>
              <h3 style="color: #3eba45">{{ count.totalMembers }}</h3>
              <p>正常数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #fe640d">{{ postsPercentage }}</h3>
              <h3 style="color: #fe640d">{{ count.postsPercentage }}</h3>
              <p>异常数</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ totalViews }}</h3>
              <h3>{{ count.totalViews }}</h3>
              <p>生成异常工单数</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ totalCar }}</h3>
              <h3>{{ count.totalCar }}</h3>
              <p>过车数据总量</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ viewsPercentage }}%</h3>
              <h3>{{ count.viewsPercentage }}%</h3>
              <p>设备运行率</p >
            </div>
          </div>
@@ -110,29 +110,29 @@
          @click="handleExport"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" align="center" />
      <el-table-column label="设备名称" align="center" prop="name" width="280" fixed/>
      <el-table-column label="设备编码" align="center" prop="serialNumber" width="180"/>
      <el-table-column label="标签" align="center" prop="publicSecurity" width="180"/>
      <el-table-column label="区域" align="center" prop="address" width="180"/>
      <el-table-column label="设备状态" align="center" prop="onState">
      <el-table-column label="标签" align="center" prop="publicSecurity" width="180" v-if="columns[0].visible"/>
      <el-table-column label="区域" align="center" prop="address" width="180" v-if="columns[1].visible"/>
      <el-table-column label="设备状态" align="center" prop="onState" v-if="columns[2].visible">
      <template slot-scope="scope">
        <dict-tag :options="dict.type.camera_state" :value="scope.row.onState"/>
      </template>
      </el-table-column>
      <el-table-column label="是否生成异常工单" align="center" prop="defaultOrder" width="180">
      <el-table-column label="是否生成异常工单" align="center" prop="defaultOrder" width="180" v-if="columns[3].visible">
      <template slot-scope="scope">
        <dict-tag :options="dict.type.platform_yes_no" :value="scope.row.defaultOrder"/>
      </template>
      </el-table-column>
      <el-table-column label="数据时间" align="center" prop="installedTime" width="180"/>
      <el-table-column label="管理单位" align="center" prop="managementUnit" width="180"/>
      <el-table-column label="过车数据量" align="center" prop="model" width="180"/>
      <el-table-column label="持续无数据天数" align="center" prop="recovery" width="180"/>
      <el-table-column label="数据时间" align="center" prop="installedTime" width="180" v-if="columns[4].visible"/>
      <el-table-column label="管理单位" align="center" prop="managementUnit" width="180" v-if="columns[5].visible"/>
      <el-table-column label="过车数据量" align="center" prop="a" width="180" v-if="columns[6].visible"/>
      <el-table-column label="持续无数据天数" align="center" prop="a" width="180" v-if="columns[7].visible"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width"  fixed="right">
          <template slot-scope="scope">
            <el-button
@@ -182,10 +182,10 @@
            <el-form-item label="管理单位：">{{ form.managementUnit }}</el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="过车数据量：">{{ form.model }}</el-form-item>
            <el-form-item label="过车数据量：">{{ form.a }}</el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="持续无数据天数：">{{ form.recovery }}</el-form-item>
            <el-form-item label="持续无数据天数：">{{ form.a }}</el-form-item>
          </el-col>
        </el-row>
      </el-form>
@@ -197,19 +197,32 @@
</template>

<script>
import { listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor";
import { videoCount, listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor";

export default {
  name: "Monitor",
  dicts: ['sys_normal_disable','platform_yes_no','camera_state'],
  data() {
    return {
      totalPosts: 1156,
      totalMembers: 931,
      postsPercentage: 182,
      totalViews: 43,
      viewsPercentage: 80.53,
      totalCar: 2098530,
      // 列信息
      columns: [
        { key: 0, label: `标签`, visible: true },
        { key: 1, label: `区域`, visible: true },
        { key: 2, label: `设备状态`, visible: true },
        { key: 3, label: `是否生成异常工单`, visible: true },
        { key: 4, label: `数据时间`, visible: true },
        { key: 5, label: `管理单位`, visible: true },
        { key: 6, label: `过车数据量`, visible: true },
        { key: 7, label: `持续无数据天数`, visible: true },
      ],
      count: {
        totalPosts: 0,
        totalMembers: 0,
        postsPercentage: 0,
        totalViews: 0,
        viewsPercentage: 0,
        totalCar: 0,
      },
      // 遮罩层
      loading: true,
      // 选中数组
@@ -261,6 +274,7 @@
    };
  },
  created() {
    this.getVideoCount();
    this.getList();
  },
  methods: {
@@ -271,6 +285,12 @@
        this.monitorList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    /** 查询设备资产统计数 */
    getVideoCount() {
      videoCount('2').then(response => {
        this.count = response.data;
      });
    },
    // 取消按钮
@@ -301,6 +321,7 @@
      this.queryParams.pageNum = 1;
      this.queryParams.cameraFunType = 2;
      this.getList();
      this.getVideoCount();
    },
    /** 重置按钮操作 */
    resetQuery() {

 src/views/system/check-result/city/detail.vue

File was deleted

 src/views/system/check-result/city/index.vue

File was deleted

 src/views/system/check-result/province/detail.vue

File was deleted

 src/views/system/check-result/province/index.vue

File was deleted

 src/views/system/check-rule/index.vue

File was deleted

 src/views/system/contract/index.vue

@@ -27,26 +27,15 @@
          @click="handleAdd"
        >新增</el-button>
      </el-col>
      <!-- <el-col :span="1.5">
      <el-col :span="1.5">
        <el-button
          type="success"
          type="warning"
          plain
          icon="el-icon-edit"
          icon="el-icon-top"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
        >修改</el-button>
      </el-col> -->
      <!-- <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
        >删除</el-button>
      </el-col> -->
          @click="handleImportPoint"
        >导入</el-button>
      </el-col>
    </el-row>



 src/views/system/data-manage/index.vue

@@ -89,6 +89,26 @@
        </el-col>
      </el-row>
    </div>
    
    <div class="container">
      <el-row type="flex" justify="center">
        <el-col :span="24">
          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">资产管理</h3>
        </el-col>
      </el-row>

      <el-row type="flex" justify="center">
        <el-col :span="6" v-for="(item, index) in equipment" :key="index">
          <el-link @click="handleDetail(item)" :style="item.name == '' ? 'display:none' : ''">
            <el-card style="width:150px;height: 150px;text-align: center;">
              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
              <div>{{ item.name }}</div>
            </el-card>
          </el-link>
        </el-col>
      </el-row>
      <br/>
    </div>
    <br/><br/><br/><br/>
  </div>
</template>
@@ -144,6 +164,14 @@
        { name: '', icon: 'el-icon-timer', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-money', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-data-analysis', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
      ],
      equipment: [
        { name: '资产管理', icon: 'el-icon-wallet', description: '描述信息', routerUrl: '/car/equipment/index' },
        { name: '', icon: 'el-icon-pie-chart', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-data-line', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-timer', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-money', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
        { name: '', icon: 'el-icon-data-analysis', description: '描述信息', routerUrl: '/car/vehicle-data-monitor/index' },
      ]
    }
  },

 src/views/system/default-rule/index.vue

File was deleted

 src/views/system/equipment/index.vue

New file
@@ -0,0 +1,437 @@
<template>

  <div class="app-container">

    <el-card class="box-card" >
      <el-row type="flex" align="middle" justify="space-between">
        <el-col :xl="8" :lg="8" :md="10" :sm="8" :xs="6">
        <div class="icon-container" style="background-color: #5599F7">
          <i class="el-icon-wallet"></i>
        </div>
        </el-col>
        <el-col :xl="14" :lg="14" :md="12" :sm="14" :xs="16">
          <div class="dashboard">
            <div class="dashboard-item">
              <h3 style="color: #5C9BF8">{{ count.totalPosts }}</h3>
              <p>设备总数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #3eba45">{{ count.totalMembers }}</h3>
              <p>正常数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #fe640d">{{ count.postsPercentage }}</h3>
              <p>异常数</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ count.totalViews }}</h3>
              <p>生成异常工单数</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ count.noStore }}</h3>
              <p>无存储</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ count.partStore }}</h3>
              <p>部分存储</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ count.viewsPercentage }}%</h3>
              <p>设备运行率</p >
            </div>
          </div>
        </el-col>
      </el-row>
    </el-card>

    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
      <el-form-item label="关键字" prop="name">
        <el-input
          v-model="queryParams.name"
          placeholder="请输入关键字"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="区域" prop="onState">
        <el-select
          v-model="queryParams.address"
          placeholder="请选择区域"
          clearable
        >
          <el-option label="自贡市" value="自贡市"/>
          <el-option label="沿滩区" value="沿滩区"/>
          <el-option label="大安区" value="大安区"/>
          <el-option label="贡井区" value="贡井区"/>
          <el-option label="自流井区" value="自流井区"/>
          <el-option label="高新区" value="高新区"/>
          <el-option label="荣县" value="荣县"/>
          <el-option label="富顺县" value="富顺县"/>
        </el-select>
      </el-form-item>
      <el-form-item label="设备状态" prop="onState">
        <el-select
          v-model="queryParams.onState"
          placeholder="设备状态"
          clearable
          style="width: 100px"
        >
        <el-option
          v-for="dict in dict.type.camera_state"
          :key="dict.value"
          :label="dict.label"
          :value="dict.value"
        />
        </el-select>
      </el-form-item>
       <el-form-item label="是否生成异常工单" prop="defaultOrder" label-width="130px">
         <el-select
           v-model="queryParams.defaultOrder"
           placeholder="是否生成异常工单"
           clearable
           style="width: 170px"
         >
         <el-option
           v-for="dict in dict.type.platform_yes_no"
           :key="dict.value"
           :label="dict.label"
           :value="dict.value"
         />
         </el-select>
        </el-form-item>

      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" align="center" />
      <el-table-column label="设备名称" align="center" prop="name" width="280" fixed/>
      <el-table-column label="设备编码" align="center" prop="serialNumber" width="180"/>
      <el-table-column label="标签" align="center" prop="publicSecurity" width="180" v-if="columns[0].visible"/>
      <el-table-column label="区域" align="center" prop="address" width="180" v-if="columns[1].visible"/>
      <el-table-column label="设备状态" align="center" prop="onState" v-if="columns[2].visible">
      <template slot-scope="scope">
        <dict-tag :options="dict.type.camera_state" :value="scope.row.onState"/>
      </template>
      </el-table-column>
      <el-table-column label="是否生成异常工单" align="center" prop="defaultOrder" width="180" v-if="columns[3].visible">
      <template slot-scope="scope">
        <dict-tag :options="dict.type.platform_yes_no" :value="scope.row.defaultOrder"/>
      </template>
      </el-table-column>
      <el-table-column label="数据时间" align="center" prop="installedTime" width="180" v-if="columns[4].visible"/>
      <el-table-column label="管理单位" align="center" prop="managementUnit" width="180" v-if="columns[5].visible"/>
      <el-table-column label="信令时延(ms)" align="center" prop="sipDelay" width="180" v-if="columns[6].visible"/>
      <el-table-column label="视频时延(ms)" align="center" prop="videoDelay" width="180" v-if="columns[7].visible"/>
      <el-table-column label="关键帧时延(ms)" align="center" prop="iframeDelay" width="180" v-if="columns[8].visible"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width"  fixed="right">
          <template slot-scope="scope">
            <el-button
              size="mini"
              type="text"
              icon="el-icon-view"
              @click="handleView(scope.row,scope.index)"
            >详细</el-button>
          </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 设备资产详情 -->
    <el-dialog title="操作日志详细" :visible.sync="open" width="800px" append-to-body>
      <el-form ref="form" :model="form" label-width="150px" size="mini">
        <el-row>
          <el-col :span="12">
            <el-form-item label="设备编码：">{{ form.serialNumber }}</el-form-item>
            <el-form-item label="设备名称：">{{ form.name }} </el-form-item>
            <el-form-item label="地区：">{{ form.address }} </el-form-item>
            <el-form-item label="上报部门：">{{ form.deptName }} </el-form-item>
            <el-form-item label="设备状态：">
              <div v-if="form.onState === 1">可用</div>
              <div v-else-if="form.onState === 2">不可用</div>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="地址：">{{ form.address }}</el-form-item>
            <el-form-item label="是否生成异常工单：">
              <div v-if="form.defaultOrder === 1">是</div>
              <div v-else-if="form.defaultOrder === 2">否</div>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="安装时间：">{{ form.installedTime }}</el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="管理单位：">{{ form.managementUnit }}</el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="信令时延(ms)："></el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="视频时延(ms)："></el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="关键帧时延(ms)："></el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="open = false">关 闭</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { videoCount, listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor";
export default {
  name: "Monitor",
  dicts: ['sys_normal_disable', 'platform_yes_no','camera_state'],
  data() {
    return {
      // 列信息
      columns: [
        { key: 0, label: `标签`, visible: true },
        { key: 1, label: `区域`, visible: true },
        { key: 2, label: `设备状态`, visible: true },
        { key: 3, label: `是否生成异常工单`, visible: true },
        { key: 4, label: `数据时间`, visible: true },
        { key: 5, label: `管理单位`, visible: true },
        { key: 6, label: `信令时延`, visible: true },
        { key: 7, label: `视频时延`, visible: true },
        { key: 8, label: `关键帧时延`, visible: true }
      ],
      count: {
        totalPosts: 0,
        totalMembers: 0,
        postsPercentage: 0,
        totalViews: 0,
        noStore: 0,
        partStore: 0,
        viewsPercentage: 0
      },
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 设备资产表格数据
      monitorList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        serialNumber: null,
        name: null,
        onState: null,
        address: null,
        installedTime: null,
        managementUnit: null,
        defaultOrder: null,
        cameraFunType: 1,
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        serialNumber: [
          { required: true, message: "设备编码不能为空", trigger: "blur" }
        ],
        name: [
          { required: true, message: "设备名称不能为空", trigger: "blur" }
        ],
        onState: [
          { required: true, message: "设备状态", trigger: "blur" }
        ],
        address: [
          { required: true, message: "地址不能为空", trigger: "blur" }
        ],
      }
    };
  },
  created() {
    this.getVideoCount();
    this.getList();
    this.getCountyList();
  },
  methods: {
    /** 查询设备资产列表 */
    getList() {
      this.loading = true;
      listMonitor(this.queryParams).then(response => {
        this.monitorList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
     /** 查询设备资产统计数 */
     getVideoCount() {
      videoCount('1').then(response => {
        this.count = response.data;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        serialNumber: null,
        name: null,
        onState: null,
        address: null,
        installedTime: null,
        managementUnit: null,
        defaultOrder: null,
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.queryParams.cameraFunType = 1;
      this.getList();
      this.getVideoCount();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },

    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加设备资产";
    },
    /** 详细按钮操作 */
    handleView(row) {
      this.open = true;
      this.form = row;
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getMonitor(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改设备资产";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateMonitor(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addMonitor(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除设备资产编号为"' + ids + '"的数据项？').then(function() {
        return delMonitor(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('system/monitor/export', {
        ...this.queryParams
      }, `monitor_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>
<style lang="scss" scoped>

.box-card {
  background-color: #F5F9FE;
  width: 100%;
  margin-bottom: 20px;
  height: 120px
}
.icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  width: 20%;
  height: 80px;
  margin-left: 5%;
}
.el-icon-wallet {
  font-size: 50px;
  color: #FFFFFF;
}

.dashboard {
  display: flex;
  gap: 10%;
  align-items: center;
  margin-left: -50%;
}

.dashboard-item {
  text-align: center;
}
</style>

 src/views/system/face/index.vue

@@ -10,27 +10,27 @@
        <el-col :xl="14" :lg="14" :md="12" :sm="14" :xs="16">
          <div class="dashboard">
            <div class="dashboard-item">
              <h3 style="color: #5C9BF8">{{ totalPosts }}</h3>
              <h3 style="color: #5C9BF8">{{ count.totalPosts }}</h3>
              <p>设备总数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #3eba45">{{ totalMembers }}</h3>
              <h3 style="color: #3eba45">{{ count.totalMembers }}</h3>
              <p>正常数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #fe640d">{{ postsPercentage }}</h3>
              <h3 style="color: #fe640d">{{ count.postsPercentage }}</h3>
              <p>异常数</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ totalOrders }}</h3>
              <h3>{{ count.totalViews }}</h3>
              <p>生成异常工单数</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ totalViews }}</h3>
              <h3>{{ count.totalFace }}</h3>
              <p>抓拍数据总量</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ viewsPercentage }}%</h3>
              <h3>{{ count.viewsPercentage }}%</h3>
              <p>设备运行率</p >
            </div>
          </div>
@@ -109,29 +109,29 @@
          @click="handleExport"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" align="center" />
      <el-table-column label="设备名称" align="center" prop="name" width="280" fixed/>
      <el-table-column label="设备编码" align="center" prop="serialNumber" width="180"/>
      <el-table-column label="标签" align="center" prop="publicSecurity" width="180"/>
      <el-table-column label="区域" align="center" prop="address" width="180"/>
      <el-table-column label="设备状态" align="center" prop="onState">
      <el-table-column label="标签" align="center" prop="publicSecurity" width="180" v-if="columns[0].visible"/>
      <el-table-column label="区域" align="center" prop="address" width="180" v-if="columns[1].visible"/>
      <el-table-column label="设备状态" align="center" prop="onState" v-if="columns[2].visible">
      <template slot-scope="scope">
        <dict-tag :options="dict.type.camera_state" :value="scope.row.onState"/>
      </template>
      </el-table-column>
      <el-table-column label="是否生成异常工单" align="center" prop="defaultOrder" width="180">
      <el-table-column label="是否生成异常工单" align="center" prop="defaultOrder" width="180" v-if="columns[3].visible">
      <template slot-scope="scope">
        <dict-tag :options="dict.type.platform_yes_no" :value="scope.row.defaultOrder"/>
      </template>
      </el-table-column>
      <el-table-column label="数据时间" align="center" prop="installedTime" width="180"/>
      <el-table-column label="管理单位" align="center" prop="managementUnit" width="180"/>
      <el-table-column label="抓拍量" align="center" prop="model" width="180"/>
      <el-table-column label="持续无数据天数" align="center" prop="recovery" width="180"/>
      <el-table-column label="数据时间" align="center" prop="installedTime" width="180" v-if="columns[4].visible"/>
      <el-table-column label="管理单位" align="center" prop="managementUnit" width="180" v-if="columns[5].visible"/>
      <el-table-column label="抓拍量" align="center" prop="a" width="180" v-if="columns[6].visible"/>
      <el-table-column label="持续无数据天数" align="center" prop="a" width="180" v-if="columns[7].visible"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width"  fixed="right">
          <template slot-scope="scope">
            <el-button
@@ -222,10 +222,10 @@
            <el-form-item label="管理单位：">{{ form.managementUnit }}</el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="抓拍量：">{{ form.model }}</el-form-item>
            <el-form-item label="抓拍量："></el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="持续无数据天数：">{{ form.recovery }}</el-form-item>
            <el-form-item label="持续无数据天数："></el-form-item>
          </el-col>
        </el-row>
      </el-form>
@@ -237,20 +237,32 @@
</template>

<script>
import { listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor";
import { videoCount, listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor";

export default {
  name: "Monitor",
  dicts: ['sys_normal_disable','platform_yes_no','camera_state'],
  data() {
    return {
      totalPosts: 1490,
      totalMembers: 1090,
      postsPercentage: 319,
      totalViews: 1200164,
      totalOrders: 81,
      viewsPercentage: 73.15,
      totalErrors: 0,
      // 列信息
      columns: [
        { key: 0, label: `标签`, visible: true },
        { key: 1, label: `区域`, visible: true },
        { key: 2, label: `设备状态`, visible: true },
        { key: 3, label: `是否生成异常工单`, visible: true },
        { key: 4, label: `数据时间`, visible: true },
        { key: 5, label: `管理单位`, visible: true },
        { key: 6, label: `抓拍量`, visible: true },
        { key: 7, label: `持续无数据天数`, visible: true }
      ],
      count: {
        totalPosts: 0,
        totalMembers: 0,
        postsPercentage: 0,
        totalViews: 0,
        totalFace: 0,
        viewsPercentage: 0
      },
      // 遮罩层
      loading: true,
      // 选中数组
@@ -302,6 +314,7 @@
    };
  },
  created() {
    this.getVideoCount();
    this.getList();
  },
  methods: {
@@ -312,6 +325,12 @@
        this.monitorList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    /** 查询设备资产统计数 */
    getVideoCount() {
      videoCount('3').then(response => {
        this.count = response.data;
      });
    },
    // 取消按钮
@@ -337,6 +356,7 @@
      this.queryParams.pageNum = 1;
      this.queryParams.cameraFunType = 3
      this.getList();
      this.getVideoCount();
    },
    /** 重置按钮操作 */
    resetQuery() {

 src/views/system/platform/index.vue

New file
@@ -0,0 +1,412 @@
<template>
  <div class="app-container">
    <el-card class="box-card" >
      <el-row type="flex" align="middle" justify="space-between">
        <el-col :xl="8" :lg="8" :md="10" :sm="8" :xs="6">
        <div class="icon-container" style="background-color: #5599F7">
          <i class="el-icon-connection"></i>
        </div>
        </el-col>
        <el-col :xl="14" :lg="14" :md="12" :sm="14" :xs="16">
          <div class="dashboard">
            <div class="dashboard-item">
              <h3 style="color: #5C9BF8">{{ count.totalPosts }}</h3>
              <p>设备总数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #3eba45">{{ count.totalMembers }}</h3>
              <p>正常数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #fe640d">{{ count.postsPercentage }}</h3>
              <p>异常数</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ count.totalViews }}</h3>
              <p>生成异常工单数</p >
            </div>
          </div>
        </el-col>
      </el-row>
    </el-card>
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="平台编码" prop="platformCode">
        <el-input
          v-model="queryParams.platformCode"
          placeholder="请输入平台编码"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="平台名称" prop="platformName">
        <el-input
          v-model="queryParams.platformName"
          placeholder="请输入平台名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="设备状态" prop="onState">
        <el-select
          v-model="queryParams.status"
          placeholder="设备状态"
          clearable
          style="width: 100px"
        >
        <el-option
          v-for="dict in dict.type.camera_state"
          :key="dict.value"
          :label="dict.label"
          :value="dict.value"
        />
        </el-select>
      </el-form-item>
       <el-form-item label="是否生成异常工单" prop="defaultOrder" label-width="130px">
         <el-select
           v-model="queryParams.status"
           placeholder="是否生成异常工单"
           clearable
           style="width: 170px"
         >
         <el-option
           v-for="dict in dict.type.platform_yes_no"
           :key="dict.value"
           :label="dict.label"
           :value="dict.value"
         />
         </el-select>
        </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <!-- <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['platform:platform:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="success"
          plain
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['platform:platform:edit']"
        >修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['platform:platform:remove']"
        >删除</el-button>
      </el-col> -->
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['platform:platform:export']"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="platformList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="平台编码" align="center" prop="platformCode" />
      <el-table-column label="平台名称" align="center" prop="platformName" />
      <!-- <el-table-column label="平台联系人" align="center" prop="platformContact" />
      <el-table-column label="平台联系人电话" align="center" prop="platformContactPhone" /> -->
      <el-table-column label="状态" align="center" prop="status">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.camera_state" :value="scope.row.status"/>
        </template>
      </el-table-column>
      <el-table-column label="是否生成异常工单" align="center" prop="defaultOrder" width="180">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.platform_yes_no" :value="scope.row.status"/>
        </template>
      </el-table-column>
      <!-- <el-table-column label="备注" align="center" prop="remark" /> -->
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['platform:platform:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['platform:platform:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    
    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 添加或修改平台运行监控对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="平台编码" prop="platformCode">
          <el-input v-model="form.platformCode" placeholder="请输入平台编码" />
        </el-form-item>
        <el-form-item label="平台名称" prop="platformName">
          <el-input v-model="form.platformName" placeholder="请输入平台名称" />
        </el-form-item>
        <el-form-item label="平台联系人" prop="platformContact">
          <el-input v-model="form.platformContact" placeholder="请输入平台联系人" />
        </el-form-item>
        <el-form-item label="平台联系人电话" prop="platformContactPhone">
          <el-input v-model="form.platformContactPhone" placeholder="请输入平台联系人电话" />
        </el-form-item>
        <el-form-item label="备注" prop="remark">
          <el-input v-model="form.remark" placeholder="请输入备注" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { listPlatform, getPlatform, delPlatform, addPlatform, updatePlatform } from "@/api/platform/platform";
import { videoCount } from "@/api/platform/monitor";
export default {
  name: "Platform",
  dicts: ['sys_normal_disable', 'platform_yes_no','camera_state'],
  data() {
    return {
      count: {
        totalPosts: 0,
        totalMembers: 0,
        postsPercentage: 0,
        totalViews: 0,
        noStore: 0,
        partStore: 0,
        viewsPercentage: 0
      },
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 平台运行监控表格数据
      platformList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        platformCode: null,
        platformName: null,
        platformContact: null,
        platformContactPhone: null,
        status: null,
        remark: null,
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        platformCode: [
          { required: true, message: "平台编码不能为空", trigger: "blur" }
        ],
        platformName: [
          { required: true, message: "平台名称不能为空", trigger: "blur" }
        ],
        platformContact: [
          { required: true, message: "平台联系人不能为空", trigger: "blur" }
        ],
        platformContactPhone: [
          { required: true, message: "平台联系人电话不能为空", trigger: "blur" }
        ],
      }
    };
  },
  created() {
    this.getList();
    this.getVideoCount();
  },
  methods: {
    /** 查询平台运行监控列表 */
    getList() {
      this.loading = true;
      listPlatform(this.queryParams).then(response => {
        this.platformList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    /** 查询设备资产统计数 */
    getVideoCount() {
      videoCount('1').then(response => {
        this.count = response.data;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        platformCode: null,
        platformName: null,
        platformContact: null,
        platformContactPhone: null,
        status: null,
        remark: null,
        createTime: null,
        updateTime: null,
        deleted: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加平台运行监控";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getPlatform(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改平台运行监控";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updatePlatform(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addPlatform(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除平台运行监控编号为"' + ids + '"的数据项？').then(function() {
        return delPlatform(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('platform/platform/export', {
        ...this.queryParams
      }, `platform_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>
<style lang="scss" scoped>

.box-card {
  background-color: #F5F9FE;
  width: 100%;
  margin-bottom: 20px;
  height: 120px
}
.icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  width: 20%;
  height: 80px;
  margin-left: 5%;
}
.el-icon-connection {
  font-size: 50px;
  color: #FFFFFF;
}

.dashboard {
  display: flex;
  gap: 10%;
  align-items: center;
  margin-left: -50%;
}

.dashboard-item {
  text-align: center;
}
</style>

 src/views/system/point/index.vue

@@ -85,6 +85,9 @@
    <el-table v-loading="loading" :data="pointList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="点位名称" align="center" prop="pointName" />
      <el-table-column label="标签" align="center" prop="tag" >
        <span>{{important}}</span>
      </el-table-column>
      <el-table-column label="点位开始时间" align="center" prop="startTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d}') }}</span>
@@ -137,6 +140,12 @@
      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
        <el-form-item label="点位名称" prop="pointName">
          <el-input v-model="form.pointName" placeholder="请输入点位名称" />
        </el-form-item>
        <el-form-item label="点位标签" prop="tag">
          <el-select v-model="form.tag"  placeholder="点位标签">
            <el-option label="普通点位" value="普通点位"/>
            <el-option label="重点点位" value="重点点位"/>
          </el-select>
        </el-form-item>
        <el-form-item label="点位所在地" prop="region">
          <el-cascader v-model="form.region" :options="regionList" placeholder="点位所在地" :props="props" collapse-tags></el-cascader>
@@ -249,6 +258,7 @@
      editingIndex: null,
      // 遮罩层
      loading: true,
      important: '重点点位',
      // 选中数组
      ids: [],
      // 非单个禁用

 src/views/system/publish/city/index.vue

copy from src/views/system/publish/index.vue
copy to src/views/system/publish/city/index.vue
File was copied from src/views/system/publish/index.vue
@@ -326,7 +326,7 @@
</template>

<script>
import { listPublish, getPublish, delPublish, addPublish, updatePublish } from "@/api/platform/publish";
import { listPublish, getPublish, delPublish, addPublish, updatePublish } from "@/api/platform/check-publish";
import { templateSelect } from "@/api/platform/check-template";
export default {
  name: "Publish",

 src/views/system/publish/default/index.vue

File was renamed from src/views/system/publish/index.vue
@@ -326,7 +326,7 @@
</template>

<script>
import { listPublish, getPublish, delPublish, addPublish, updatePublish } from "@/api/platform/publish";
import { listPublish, getPublish, delPublish, addPublish, updatePublish } from "@/api/platform/default-publish";
import { templateSelect } from "@/api/platform/check-template";
export default {
  name: "Publish",

 src/views/system/publish/province/index.vue

copy from src/views/system/publish/index.vue
copy to src/views/system/publish/province/index.vue
File was copied from src/views/system/publish/index.vue
@@ -326,7 +326,7 @@
</template>

<script>
import { listPublish, getPublish, delPublish, addPublish, updatePublish } from "@/api/platform/publish";
import { listPublish, getPublish, delPublish, addPublish, updatePublish } from "@/api/platform/check-publish";
import { templateSelect } from "@/api/platform/check-template";
export default {
  name: "Publish",

 src/views/system/recovery/index.vue

@@ -10,23 +10,23 @@
        <el-col :xl="14" :lg="14" :md="12" :sm="14" :xs="16">
          <div class="dashboard">
            <div class="dashboard-item">
              <h3 style="color: #5C9BF8">{{ totalPosts }}</h3>
              <h3 style="color: #5C9BF8">{{ count.totalPosts }}</h3>
              <p>设备总数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #3eba45">{{ totalMembers }}</h3>
              <h3 style="color: #3eba45">{{ count.totalMembers }}</h3>
              <p>正常数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #fe640d">{{ postsPercentage }}</h3>
              <h3 style="color: #fe640d">{{ count.postsPercentage }}</h3>
              <p>异常数</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ totalViews }}</h3>
              <h3>{{ count.totalViews }}</h3>
              <p>生成异常工单数</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ viewsPercentage }}%</h3>
              <h3>{{ count.viewsPercentage }}%</h3>
              <p>设备运行率</p >
            </div>
          </div>
@@ -34,7 +34,7 @@
      </el-row>
    </el-card>

    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
      <el-form-item label="关键字" prop="name">
        <el-input
          v-model="queryParams.name"
@@ -59,6 +59,17 @@
          <el-option label="富顺县" value="富顺县"/>
        </el-select>
      </el-form-item>
      <el-form-item label="监控类型" prop="onState">
        <el-select
          v-model="queryParams.cameraFunType"
          placeholder="请选择监控类型"
          clearable
        >
          <el-option label="视频监控" value="1"/>
          <el-option label="车辆识别" value="2"/>
          <el-option label="人员识别" value="3"/>
        </el-select>
      </el-form-item>

      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -76,33 +87,29 @@
          @click="handleExport"
        >导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="设备名称" align="center" prop="name" />
      <el-table-column label="设备编码" align="center" prop="serialNumber" width="180px" />
      <el-table-column label="标签" align="center" prop="tag" >
        {{"省厅考核"}}
      </el-table-column>
      <el-table-column label="区域" align="center" prop="region" >
        {{"大安区"}}
      </el-table-column>
      <el-table-column label="设备状态" align="center" prop="onState">
      <el-table-column label="标签" align="center" prop="publicSecurity" v-if="columns[0].visible" />
      <el-table-column label="区域" align="center" prop="address" v-if="columns[1].visible"/>
      <el-table-column label="设备状态" align="center" prop="onState" v-if="columns[2].visible">
      <template slot-scope="scope">
        <dict-tag :options="dict.type.camera_state" :value="scope.row.onState"/>
      </template>
      </el-table-column>
      <el-table-column label="是否生成异常工单" align="center" prop="defaultOrder">
      <el-table-column label="是否生成异常工单" align="center" prop="defaultOrder" v-if="columns[3].visible">
      <template slot-scope="scope">
        <dict-tag :options="dict.type.platform_yes_no" :value="scope.row.defaultOrder"/>
      </template>
      </el-table-column>
      <el-table-column label="异常原因" align="center" prop="reason" />
      <el-table-column label="异常恢复时间" align="center" prop="recoveryTime" width="180">
      <el-table-column label="异常原因" align="center" prop="reason" v-if="columns[4].visible" />
      <el-table-column label="异常恢复时间" align="center" prop="recoveryTime" width="180" v-if="columns[5].visible">
      </el-table-column>
      <el-table-column label="管理单位" align="center" prop="managementUnit" />
      <el-table-column label="管理单位" align="center" prop="managementUnit" v-if="columns[6].visible" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
@@ -162,19 +169,31 @@
</template>

<script>
import { listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor";
import { recoveryException, listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor";

export default {
  name: "Monitor",
  dicts: ['sys_normal_disable','platform_yes_no','camera_state'],
  data() {
    return {
      totalPosts: 8896,
      totalMembers: 8029,
      postsPercentage: 382,
      totalViews: 141,
      viewsPercentage: 90.25,
      totalErrors: 0,
      // 列信息
      columns: [
        { key: 0, label: `标签`, visible: true },
        { key: 1, label: `区域`, visible: true },
        { key: 2, label: `设备状态`, visible: true },
        { key: 3, label: `是否生成异常工单`, visible: true },
        { key: 4, label: `异常原因`, visible: true },
        { key: 5, label: `异常恢复时间`, visible: true },
        { key: 6, label: `管理单位`, visible: true },
      ],
      count: {
        totalPosts: 0,
        totalMembers: 0,
        postsPercentage: 0,
        totalViews: 0,
        viewsPercentage: 0,
        totalErrors: 0,
      },
      // 遮罩层
      loading: true,
      // 选中数组
@@ -205,6 +224,7 @@
        managementUnit: null,
        defaultOrder: null,
        recovery: 1,
        cameraFunType: null
      },
      // 表单参数
      form: {},
@@ -227,6 +247,7 @@
  },
  created() {
    this.getList();
    this.getVideoCount();
  },
  methods: {
    /** 查询设备资产列表 */
@@ -236,6 +257,12 @@
        this.monitorList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    /** 查询异常恢复设备统计数 */
    getVideoCount() {
      recoveryException().then(response => {
        this.count = response.data;
      });
    },
    // 取消按钮
@@ -266,6 +293,7 @@
      this.queryParams.pageNum = 1;
      this.queryParams.recovery = 1
      this.getList();
      this.getVideoCount();
    },
    /** 重置按钮操作 */
    resetQuery() {

 src/views/system/report/index.vue

@@ -92,7 +92,7 @@
      <el-table-column label="报备人员" align="center" prop="peopleName" />
      <el-table-column label="点位" align="center" prop="pointName" />
      <el-table-column label="报备类型" align="center" prop="reportType" />
      <el-table-column label="报备内容" align="center" prop="reportContent" />
      <el-table-column label="报备内容" align="center" prop="reportContent" show-overflow-tooltip="true" />
      <el-table-column label="上报材料" align="center" prop="reportMaterials" />
      <el-table-column label="故障类型" align="center" prop="errorType" />
      <el-table-column label="审核时间" align="center" prop="auditingTime" width="180">
@@ -115,6 +115,7 @@
            icon="el-icon-edit"
            @click="handleAuditing(scope.row)"
            v-hasPermi="['system:report:audit']"
            v-if="scope.row.status === 0"
          >审核</el-button>
          <el-button
            size="mini"
@@ -149,9 +150,9 @@
            :loading="selectLoading">
            <el-option
              v-for="item in pointList"
              :key="item.value"
              :label="item.label"
              :value="item.value">
              :key="item.id"
              :label="item.value"
              :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
@@ -167,6 +168,17 @@
            <el-option label="设备故障" value="设备故障"/>
            <el-option label="设备遗失" value="设备遗失"/>
          </el-select>
        </el-form-item>
        <el-form-item label="有效时间">
          <el-date-picker
            v-model="expirTime"
            style="width: 240px"
            value-format="yyyy-MM-dd"
            type="daterange"
            range-separator="-"
            start-placeholder="生效日期"
            end-placeholder="失效日期"
          ></el-date-picker>
        </el-form-item>
        <el-form-item label="报备内容" prop="reportContent">
          <editor v-model="form.reportContent" :min-height="192"/>
@@ -200,19 +212,30 @@
        <el-form-item label="故障类型">
          <el-input v-model="auditingForm.errorType" disabled />
        </el-form-item>
        <el-form-item label="报备内容">
          <el-input v-model="auditingForm.pointName" disabled />
        <el-form-item label="生效时间">
          <el-date-picker v-model="auditingForm.beginCreateTime" disabled />
        </el-form-item>
        <el-form-item label="审核结果" prop="auditing">
          <el-radio v-model="auditingForm.auditing" label="pass">通过</el-radio>
          <el-radio v-model="auditingForm.auditing" label="reject">驳回</el-radio>
        <el-form-item label="失效时间">
          <el-date-picker v-model="auditingForm.endCreateTime" disabled />
        </el-form-item>
        <el-form-item label="报备内容">
          <el-input type="textarea" v-html="auditingForm.reportContent" disabled />
        </el-form-item>
        <el-form-item label="上报材料">
          <el-link :href="auditingForm.reportMaterials" :underline="false">{{ auditingForm.reportMaterials }}</el-link>
        </el-form-item>
        <el-form-item label="审核结果">
          <el-radio-group v-model="auditingForm.status">
            <el-radio :label="1">通过</el-radio>
            <el-radio :label="2">驳回</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="审核意见" prop="suggest">
          <el-input v-model="auditingForm.suggest"/>
          <el-input v-model="auditingForm.auditOpinion"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary">确 定</el-button>
        <el-button type="primary" @click="auditingSubmit">确 定</el-button>
        <el-button @click="auditingCancel">取 消</el-button>
      </div>
    </el-dialog>
@@ -252,6 +275,7 @@
      open: false,
      // 故障类型时间范围
      daterangeCreateTime: [],
      expirTime: [],
      // 故障类型时间范围
      daterangeAuditingTime: [],
      auditingOpen: false,
@@ -265,6 +289,8 @@
        auditing: "",
        suggest: "",
        reportType: "",
        beginCreateTime: null,
        endCreateTime: null
      },
      // 查询参数
      queryParams: {
@@ -298,6 +324,12 @@
        reportType: [
          { required: true, message: "请选择报备类型", trigger: "blur" }
        ],
        errorType: [
          { required: true, message: "请选择故障类型", trigger: "blur" }
        ],
        expirTime: [
          { required: true, message: "请选择有效时间", trigger: "blur" }
        ],
      }
    };
  },
@@ -311,12 +343,16 @@
    handleAuditing(row) {
      this.auditingOpen = true;
      this.auditingForm.id =row.id
      this.auditingForm.pointId =row.pointId
      this.auditingForm.pointName =row.pointName
      this.auditingForm.unitName =row.unitName
      this.auditingForm.peopleName =row.peopleName
      this.auditingForm.errorType =row.errorType
      this.auditingForm.reportContent =row.reportContent
      this.auditingForm.reportType =row.reportType
      this.auditingForm.endCreateTime =row.endCreateTime
      this.auditingForm.beginCreateTime =row.beginCreateTime
      this.auditingForm.reportMaterials =row.reportMaterials
    },
    // 远程搜索点位
    remoteGetPoints(query) {
@@ -381,6 +417,8 @@
    resetQuery() {
      this.daterangeCreateTime = [];
      this.daterangeAuditingTime = [];
      this.queryParams["beginCreateTime"] = null;
      this.queryParams["endCreateTime"] = null;
      this.resetForm("queryForm");
      this.handleQuery();
    },
@@ -406,8 +444,24 @@
        this.title = "修改报备";
      });
    },
    /** 审核按钮操作 */
    auditingSubmit() {
      this.auditingForm.auditingTime = new Date();
      updateReport(this.auditingForm).then(response => {
        this.$modal.msgSuccess("审核成功");
        this.auditingOpen = false
        this.getList();
        this.auditingForm = {}
      });
    },
    /** 提交按钮 */
    submitForm() {

      if (null != this.expirTime && '' != this.expirTime) {
        this.form["beginCreateTime"] = this.expirTime[0];
        this.form["endCreateTime"] = this.expirTime[1];
      }

      // todo 判断是事前报备

      this.$refs["form"].validate(valid => {
@@ -440,7 +494,7 @@
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('system/report/export', {
      this.download('report/export', {
        ...this.queryParams
      }, `report_${new Date().getTime()}.xlsx`)
    }

 src/views/system/result/default/detail.vue

File was renamed from src/views/system/check-result/contract/detail.vue
@@ -353,12 +353,12 @@
</template>

<script>
import { listCheckResult, getCheckResult, delCheckResult, addCheckResult, updateCheckResult,manualScore, publishCheckResult } from "@/api/platform/check-result";
import { listCheckResult, getCheckResult, delCheckResult, addCheckResult, updateCheckResult,manualScore, publishCheckResult } from "@/api/platform/default-result";
import { listRule, getRule, delRule, addRule, updateRule, setRule } from "@/api/platform/default-rule";
import { listScore, getScore, delScore, addScore, updateScore } from "@/api/platform/score";
import { listScore, getScore, delScore, addScore, updateScore } from "@/api/platform/default-score";

import {unitSelect} from "../../../../api/platform/unit";
import {publishSelect} from "../../../../api/platform/publish";
import {publishSelect} from "../../../../api/platform/check-publish";
export default {
  name: "CheckResult",
  data() {

 src/views/system/result/default/index.vue

File was renamed from src/views/system/check-result/contract/index.vue
@@ -90,6 +90,13 @@
      </div>
    </el-card>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />
    <el-dialog :title="manualScoreTitle" :visible.sync="manualScoreOpen" width="500px" append-to-body>
      <el-input v-model="manualScoreForm.manualScore" type="number" placeholder="请为该单位打分"/>
      <div slot="footer" class="dialog-footer">
@@ -170,7 +177,7 @@
</template>

<script>
import { listCheckResult, getCheckResult, delCheckResult, addCheckResult, updateCheckResult,manualScore, publishCheckResult } from "@/api/platform/check-result";
import { listCheckResult, getCheckResult, delCheckResult, addCheckResult, updateCheckResult,manualScore, publishCheckResult } from "@/api/platform/default-result";

export default {
  name: "CheckResult",

 src/views/system/result/detail/index.vue

New file
@@ -0,0 +1,286 @@
<template>
  <div style="display: flex;flex-direction: row; padding: 15px">
    <div id="left">
      <div>
        <div>
          <div style="display: flex;flex-direction: row;">
            <div class="now-item">
              <div class="box now">
                <div class="title">
                  视频
                </div>
                <div>
                  98
                </div>
              </div>
            </div>
            <div class="now-item">
              <div class="box now">
                <div class="title">
                  人脸
                </div>
                <div>
                  98
                </div>
              </div>
            </div>
            <div class="now-item">
              <div class="box now">
                <div class="title">
                  监控
                </div>
                <div>
                  98
                </div>
              </div>
            </div>
            <div style="justify-content: center;align-items: center;display: flex;width: 80px">
              <i class="el-icon-caret-left">本月</i>
            </div>

          </div>
        </div>
      </div>

      <div style="margin-top: 20px">
        <div style="display: flex;flex-direction: row;">
          <div class="now-item">
            <div class="box">
              <div class="title">
                视频
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div class="now-item">
            <div class="box">
              <div class="title">
                人脸
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div class="now-item">
            <div class="box">
              <div class="title">
                监控
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div style="justify-content: center;align-items: center;display: flex;width: 80px">
            <i class="el-icon-caret-left">24.<span style="font-size: large">3</span></i>
          </div>
        </div>
      </div>
      <div style="margin-top: 20px">
        <div style="display: flex;flex-direction: row;">
          <div class="now-item">
            <div class="box">
              <div class="title">
                视频
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div class="now-item">
            <div class="box">
              <div class="title">
                人脸
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div class="now-item">
            <div class="box">
              <div class="title">
                监控
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div style="justify-content: center;align-items: center;display: flex;width: 80px">
            <i class="el-icon-caret-left">24.<span style="font-size: large">2</span></i>
          </div>
        </div>
      </div>
      <div style="margin-top: 20px">
        <div style="display: flex;flex-direction: row;">
          <div class="now-item">
            <div class="box">
              <div class="title">
                视频
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div class="now-item">
            <div class="box">
              <div class="title">
                人脸
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div class="now-item">
            <div class="box">
              <div class="title">
                监控
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div style="justify-content: center;align-items: center;display: flex;width: 80px">
            <i class="el-icon-caret-left">24.<span style="font-size: large">1</span></i>
          </div>
        </div>
      </div>
      <div style="margin-top: 20px">
        <div style="display: flex;flex-direction: row;">
          <div class="now-item">
            <div class="box">
              <div class="title">
                视频
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div class="now-item">
            <div class="box">
              <div class="title">
                人脸
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div class="now-item">
            <div class="box">
              <div class="title">
                监控
              </div>
              <div>
                98
              </div>
            </div>
          </div>
          <div style="justify-content: center;align-items: center;display: flex;width: 80px">
            <i class="el-icon-caret-left">23.<span style="font-size: large">12</span></i>
          </div>
        </div>
      </div>
    </div>
    <div id="right">
      <div style="margin-top: 120px; display: flex;flex-direction: column; justify-content: center; align-items: center">
        <div style="width: 210px; margin-bottom: 15px">
          <el-switch
            v-model="searchForm.type"
            active-text="市局"
            inactive-text="省厅">
          </el-switch>
        </div>
        <div style="width: 210px; margin-bottom: 15px">
          <el-date-picker
            clearable
            v-model="searchForm.startTime"
            type="month"
            placeholder="开始时间">
          </el-date-picker>
        </div>
        <div style="width: 210px; margin-bottom: 15px">
          <el-date-picker
            clearable
            v-model="searchForm.endTime"
            type="month"
            placeholder="结束时间">
          </el-date-picker>
        </div>

      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'index',
  data() {
    return {
      searchForm: {

      }
    }
  }
}
</script>

<style scoped>
.now-item {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.now {
  background-color: #42b983;
  height: 80px !important;
}
.box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px hsla(0, 0%, 7%, .1);
  border-radius: 10px;
  width: 240px;
  height: 50px;
}
.box:hover{
  cursor: pointer;
}
.month {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.title {
  font-size: larger;
}
.item {
  flex: 1;
}
#left {
  flex: 5;
}
#right {
  flex: 1.5;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

 src/views/system/result/index.vue

New file
@@ -0,0 +1,263 @@
<template>
  <div id="warp">
    <el-row>
      <el-col :span="6">
        <div class="city-warp">
          <div class="city">
            <div class="title">
              自流井
            </div>
            <div class="score-warp">
              <div class="score-item">
                <div>视频：</div>
                <div class="score">99.5</div>
              </div>
              <div class="score-item">
                <div>人脸：</div>
                <div class="score">87</div>
              </div>
              <div class="score-item">
                <div>监控：</div>
                <div class="score">94</div>
              </div>
            </div>
            <div class="bottom-publish">
              <el-button size="medium" type="success">发布</el-button>
              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>
            </div>
          </div>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="city-warp">
          <div class="city">
            <div class="title">
              富顺
            </div>
            <div class="score-warp">
              <div class="score-item">
                <div>视频：</div>
                <div class="score">99.5</div>
              </div>
              <div class="score-item">
                <div>人脸：</div>
                <div class="score">87</div>
              </div>
              <div class="score-item">
                <div>监控：</div>
                <div class="score">94</div>
              </div>
            </div>
            <div class="bottom-publish">
              <el-button size="medium" type="success">发布</el-button>
              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>
            </div>
          </div>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="city-warp">
          <div class="city">
            <div class="title">
              荣县
            </div>
            <div class="score-warp">
              <div class="score-item">
                <div>视频：</div>
                <div class="score">99.5</div>
              </div>
              <div class="score-item">
                <div>人脸：</div>
                <div class="score">87</div>
              </div>
              <div class="score-item">
                <div>监控：</div>
                <div class="score">94</div>
              </div>
            </div>
            <div class="bottom-publish">
              <el-button size="medium" type="success">发布</el-button>
              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>
            </div>
          </div>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="city-warp">
          <div class="city">
            <div class="title">
              沿滩区
            </div>
            <div class="score-warp">
              <div class="score-item">
                <div>视频：</div>
                <div class="score">99.5</div>
              </div>
              <div class="score-item">
                <div>人脸：</div>
                <div class="score">87</div>
              </div>
              <div class="score-item">
                <div>监控：</div>
                <div class="score">94</div>
              </div>
            </div>
            <div class="bottom-publish">
              <el-button size="medium" type="success">发布</el-button>
              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>
            </div>
          </div>
        </div>
      </el-col>


    </el-row>

    <el-row style="margin-top: 30px">
      <el-col :span="6">
        <div class="city-warp">
          <div class="city">
            <div class="title">
              高新区
            </div>
            <div class="score-warp">
              <div class="score-item">
                <div>视频：</div>
                <div class="score">99.5</div>
              </div>
              <div class="score-item">
                <div>人脸：</div>
                <div class="score">87</div>
              </div>
              <div class="score-item">
                <div>监控：</div>
                <div class="score">94</div>
              </div>
            </div>
            <div class="bottom-publish">
              <el-button size="medium" type="success">发布</el-button>
              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>
            </div>
          </div>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="city-warp">
          <div class="city">
            <div class="title">
              大安区
            </div>
            <div class="score-warp">
              <div class="score-item">
                <div>视频：</div>
                <div class="score">99.5</div>
              </div>
              <div class="score-item">
                <div>人脸：</div>
                <div class="score">87</div>
              </div>
              <div class="score-item">
                <div>监控：</div>
                <div class="score">94</div>
              </div>
            </div>
            <div class="bottom-publish">
              <el-button size="medium" type="success">发布</el-button>
              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>
            </div>
          </div>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="city-warp">
          <div class="city">
            <div class="title">
              贡井区
            </div>
            <div class="score-warp">
              <div class="score-item">
                <div>视频：</div>
                <div class="score">99.5</div>
              </div>
              <div class="score-item">
                <div>人脸：</div>
                <div class="score">87</div>
              </div>
              <div class="score-item">
                <div>监控：</div>
                <div class="score">94</div>
              </div>
            </div>
            <div class="bottom-publish">
              <el-button size="medium" type="success">发布</el-button>
              <el-button size="medium" @click="jumpDetail" type="info">详情</el-button>
            </div>
          </div>
        </div>
      </el-col>
    </el-row>
  </div>

</template>

<script>
export default {
  name: 'index',
  data() {
    return {

    }
  },
  methods: {
    jumpDetail() {
      this.$router.push("/examine/detail")
    }
  }
}
</script>

<style scoped>
.score-warp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #797777
}
.score-item {
  display: flex;
  flex-direction: row;
}
.score {
  width: 60px;
  text-align: right;
}
#warp {
  padding: 20px;
}
.city-warp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 210px;
}
.city {
  width: 240px;
  height: 100%;
  box-shadow: 0 2px 6px hsla(0, 0%, 7%, .1);
  border-radius: 10px;
  position: relative;
  text-align: center;
  padding: 10px 0px;
}
.bottom-publish {
  width: 100%;
  position: absolute;
  bottom: 10px;
}
.title {
  font-size: larger;
  margin-bottom: 25px;
}
</style>

 src/views/system/rule/default/index.vue

New file
@@ -0,0 +1,316 @@
<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="规则名称" prop="ruleName">
        <el-input
          v-model="queryParams.ruleName"
          placeholder="请输入规则名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="扣减方式" prop="deductCategory">
        <el-select v-model="queryParams.deductCategory" placeholder="请选择扣减方式" clearable>
          <el-option
            v-for="dict in dict.type.platform_deduct_category"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="规则状态" prop="ruleStatus">
        <el-select v-model="queryParams.ruleStatus" placeholder="请选择规则状态" clearable>
          <el-option
            v-for="dict in dict.type.sys_normal_disable"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['system:rule:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="info"
          plain
          icon="el-icon-sort"
          size="mini"
          @click="toggleExpandAll"
        >展开/折叠</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table
      v-if="refreshTable"
      v-loading="loading"
      :data="ruleList"
      row-key="id"
      :default-expand-all="isExpandAll"
      :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
    >
      <el-table-column label="规则名称" prop="ruleName" />
      <el-table-column label="扣减方式" align="center" prop="deductCategory">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.platform_deduct_category" :value="scope.row.deductCategory"/>
        </template>
      </el-table-column>
      <el-table-column label="规则描述" align="center" prop="ruleDesc" />
      <el-table-column label="规则状态" align="center" prop="ruleStatus">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.ruleStatus"/>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['system:rule:edit']"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-plus"
            @click="handleAdd(scope.row)"
            v-hasPermi="['system:rule:add']"
          >新增</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['system:rule:remove']"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>

    <!-- 添加或修改违约规则对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="规则名称" prop="ruleName">
          <el-input v-model="form.ruleName" placeholder="请输入规则名称" />
        </el-form-item>
        <el-form-item label="扣减方式" prop="deductCategory">
          <el-select v-model="form.deductCategory" placeholder="请选择扣减方式">
            <el-option
              v-for="dict in dict.type.platform_deduct_category"
              :key="dict.value"
              :label="dict.label"
              :value="parseInt(dict.value)"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="规则描述" prop="ruleDesc">
          <el-input v-model="form.ruleDesc" placeholder="请输入规则描述" />
        </el-form-item>
        <el-form-item label="规则状态" prop="ruleStatus">
          <el-radio-group v-model="form.ruleStatus">
            <el-radio
              v-for="dict in dict.type.sys_normal_disable"
              :key="dict.value"
              :label="dict.value"
            >{{dict.label}}</el-radio>
          </el-radio-group>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { listRule, getRule, delRule, addRule, updateRule } from "@/api/platform/default-rule";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";

export default {
  name: "Rule",
  dicts: ['platform_deduct_category', 'sys_normal_disable'],
  components: {
    Treeselect
  },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 显示搜索条件
      showSearch: true,
      // 违约规则表格数据
      ruleList: [],
      // 违约规则树选项
      ruleOptions: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 是否展开，默认全部展开
      isExpandAll: true,
      // 重新渲染表格状态
      refreshTable: true,
      // 查询参数
      queryParams: {
        ruleName: null,
        deductCategory: null,
        ruleStatus: null,
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        ruleName: [
          { required: true, message: "规则名称不能为空", trigger: "blur" }
        ],
      }
    };
  },
  created() {
    this.getList();
  },
  methods: {
    /** 查询违约规则列表 */
    getList() {
      this.loading = true;
      listRule(this.queryParams).then(response => {
        this.ruleList = this.handleTree(response.data, "id", "parentId");
        this.loading = false;
      });
    },
    /** 转换违约规则数据结构 */
    normalizer(node) {
      if (node.children && !node.children.length) {
        delete node.children;
      }
      return {
        id: node.id,
        label: node.ruleName,
        children: node.children
      };
    },
    /** 查询违约规则下拉树结构 */
    getTreeselect() {
      listRule().then(response => {
        this.ruleOptions = [];
        const data = { id: 0, ruleName: '顶级节点', children: [] };
        data.children = this.handleTree(response.data, "id", "parentId");
        this.ruleOptions.push(data);
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        ruleName: null,
        parentId: null,
        deductCategory: null,
        deductWay: null,
        ruleDesc: null,
        ruleStatus: null,
        createTime: null,
        updateTime: null,
        deleted: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 新增按钮操作 */
    handleAdd(row) {
      this.reset();
      this.getTreeselect();
      if (row != null && row.id) {
        this.form.parentId = row.id;
      } else {
        this.form.parentId = 0;
      }
      this.open = true;
      this.title = "添加违约规则";
    },
    /** 展开/折叠操作 */
    toggleExpandAll() {
      this.refreshTable = false;
      this.isExpandAll = !this.isExpandAll;
      this.$nextTick(() => {
        this.refreshTable = true;
      });
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      this.getTreeselect();
      if (row != null) {
        this.form.parentId = row.id;
      }
      getRule(row.id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改违约规则";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateRule(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addRule(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      this.$modal.confirm('是否确认删除违约规则编号为"' + row.id + '"的数据项？').then(function() {
        return delRule(row.id);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    }
  }
};
</script>

 src/views/system/rule/index.vue

New file
@@ -0,0 +1,399 @@
<template>
  <div>

    <div class="container">
      <el-row type="flex" justify="start">
        <el-col :span="24">
          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">视频考核规则</h3>
        </el-col>
      </el-row>

      <el-row type="flex" justify="start" v-for="(items, index) in groupData(videoData)">
        <el-col :span="4" v-for="item in items" :key="item.id">
            <el-card :style="{ borderBottomColor: getStatusColor(item.auditStatus) }"style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;">
              <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
              <div style="font-size:12px; text-align: center; height: 25px;">{{ item.name }} </div>
              <div class="bottom clearfix">
                <el-button type="text" class="button" @click="handleAudit(item)">审核</el-button>
                <el-button type="text" class="button" @click="handleUpdate(item)">修改</el-button>
              </div>
            </el-card>
          <br/>
        </el-col>
      </el-row>
    </div>

    <div class="container">
      <el-row type="flex" justify="center">
        <el-col :span="24">
          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">车辆考核规则</h3>
        </el-col>
      </el-row>

      <el-row type="flex" justify="start" v-for="(items, index) in groupData(carData)">
        <el-col :span="4" v-for="item in items" :key="item.id">
          <el-card :style="{ borderBottomColor: getStatusColor(item.auditStatus) }"style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;">
            <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
            <div style="font-size:12px; text-align: center; height: 25px;">{{ item.name }} </div>
            <div class="bottom clearfix">
              <el-button type="text" class="button" @click="handleAudit(item)">审核</el-button>
              <el-button type="text" class="button" @click="handleUpdate(item)">修改</el-button>
            </div>
          </el-card>
          <br/>
        </el-col>
      </el-row>
    </div>

    <div class="container">
      <el-row type="flex" justify="center">
        <el-col :span="24">
          <h3 style="color: rgb(104,104,103);padding-top: 20px;padding-bottom: 20px;">人脸考核规则</h3>
        </el-col>
      </el-row>

      <el-row type="flex" justify="start" v-for="(items, index) in groupData(faceData)">
        <el-col :span="4" v-for="item in items" :key="item.id">
          <el-card :style="{ borderBottomColor: getStatusColor(item.auditStatus) }"style="width:150px;height: 150px;text-align: center;border-bottom-width: 3px;">
            <i style="font-size: 40px;padding: 15px;" :class="item.icon"></i>
            <div style="font-size:12px; text-align: center; height: 25px;">{{ item.name }} </div>
            <div class="bottom clearfix">
              <el-button type="text" class="button" @click="handleAudit(item)">审核</el-button>
              <el-button type="text" class="button" @click="handleUpdate(item)">修改</el-button>
            </div>
          </el-card>
          <br/>
        </el-col>
      </el-row>
    </div>
    <br/><br/><br/><br/>

    <!-- 添加或修改考核规则对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="规则名称" prop="ruleName">
          <el-input v-model="form.name" placeholder="请输入规则名称"/>
        </el-form-item>
        <el-form-item label="考核类型" prop="examineCategory">
          <el-select v-model="form.examineCategory" placeholder="考核类型">
            <el-option
              v-for="dict in dict.type.platform_examine_category"
              :key="dict.value"
              :label="dict.label"
              :value="parseInt(dict.value)"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="规则类型" prop="ruleCategory">
          <el-select v-model="form.ruleCategory" placeholder="规则类型">
            <el-option
              v-for="dict in dict.type.platform_rule_category"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="规则描述" prop="ruleDescription">
          <el-input v-model="form.ruleDescription" type="textarea" :autosize="{ minRows: 4, maxRows: 6}" placeholder="请输入规则名称"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>


  <!-- 审核考核规则对话框 -->
  <el-dialog :title="title" :visible.sync="auditOpen" width="600px" append-to-body>
    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
      <el-form-item label="规则名称" prop="ruleName">
        <el-input v-model="form.ruleName" placeholder="请输入规则名称" disabled/>
      </el-form-item>
      <el-form-item label="考核类型" prop="examineCategory">
        <el-select v-model="form.examineCategory" placeholder="考核类型" disabled>
          <el-option
            v-for="dict in dict.type.platform_examine_category"
            :key="dict.value"
            :label="dict.label"
            :value="parseInt(dict.value)"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="规则类型" prop="ruleCategory">
        <el-select v-model="form.ruleCategory" placeholder="考核类型" disabled>
          <el-option
            v-for="dict in dict.type.platform_rule_category"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="规则描述" prop="ruleDescription">
        <el-input v-model="form.ruleDescription" type="textarea" placeholder="请输入规则名称" disabled/>
      </el-form-item>


      <el-form-item label="审核结果" prop="auditState" >
        <el-radio-group v-model="form.auditState">
        <el-radio :label="1">通过</el-radio>
        <el-radio :label="2">驳回</el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="审核说明" prop="auditDescription" >
        <el-input v-model="form.auditDescription" type="textarea" show-word-limit maxlength="100" />
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="submitForm">确 定</el-button>
      <el-button @click="cancel">取 消</el-button>
    </div>
  </el-dialog>

  </div>
</template>

<script>
import { listCheckRule, getCheckRule, delCheckRule, addCheckRule, updateCheckRule } from "@/api/platform/check-rule";
import { templateSelect} from   "@/api/platform/check-template"
export default {
  name: "CheckRule",
  dicts: ['platform_audit_state','platform_examine_category','platform_rule_category'],
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      templateList:[],
      // 考核规则表格数据
      checkRuleList: [],
      daterangeCreateTime: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 是否显示弹出层
      auditOpen: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        ruleName: null,
        createTime: null,
        ruleCategory: null,
        templateId: null,
        examineCategory: 1,
      },
      videoData: [
        { name: '平台在线率', icon: 'el-icon-connection', ruleDescription: '省厅对市级共享和联网平台进行实时监测，市级共享/联网平台每月离线总时长在30分钟以内的平台在线率为100%，每超过30分钟扣10个百分点，扣完为止。' +
            '每个月底最后4个工作日为预留的调试时间，可进行平台对接调试或者升级改造，平台对接调试或者升级改造须提前向省厅报备。除' +
            '每月底4个工作日，其余时间报备每次扣10个百分点，每次报备不超过24小时，每月不超过3次。（重大特殊情况，如重大自然灾害等报厅领导批示）', examineCategory:0,ruleCategory:'0', auditStatus: 'approved'},
        { name: '一机一档合格率', icon: 'el-icon-folder', ruleDescription: '运维平台每月初对各地上传至联网平台的“一机一档”数据库中的摄像机档案数据进行质量校验，对必填项填报准确、规范的档案数据视为合格。\n' +
            '一机一档合格率=合格的档案数据条数/档案数据总条数', examineCategory:0,ruleCategory:'0', auditStatus: 'pending' },
        { name: '一机一档注册率', icon: 'el-icon-folder', ruleDescription: '运维平台每月对省厅视图库的前端摄像机点位数量和一机一档的数据匹配。（上月底最后一天确认一机一档车辆、人脸点位数，1号由视图库侧进行考核）\n' +
            '人脸卡口资产注册率=资产库登记在用的人脸卡口数量/（未注册的在线人脸卡口数量+资产库登记在用的人脸卡口数量）\n' +
            '车辆卡口资产注册率=资产库登记在用的人脸卡口数量/（未注册的在线人脸卡口数量+资产库登记在用的人脸卡口数量）', examineCategory:0,ruleCategory:'0', auditStatus: 'rejected' },
        { name: '档案考核比', icon: 'el-icon-folder', ruleDescription: '描述信息', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' },
        { name: '点位在线率', icon: 'el-icon-search', ruleDescription: '描述信息',  examineCategory:0,ruleCategory:'0',auditStatus: 'approved'},
        { name: '录像可用率', icon: 'el-icon-turn-off', ruleDescription: '描述信息',examineCategory:0,ruleCategory:'0',auditStatus: 'approved'},
        { name: '标注正确率', icon: 'el-icon-place', ruleDescription: '描述信息', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' },
        { name: '校时正确率', icon: 'el-icon-place', ruleDescription: '描述信息', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' },
        { name: '重点点位在线率', icon: 'el-icon-place', ruleDescription: '描述信息',  examineCategory:0,ruleCategory:'0',auditStatus: 'approved'},
        { name: '重点点位校时正确率', icon: 'el-icon-place', ruleDescription: '描述信息', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' },
        { name: '重点指挥图像在线率', icon: 'el-icon-place', ruleDescription: '描述信息', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' },
        { name: '视频图像资源安全管理', icon: 'el-icon-place', ruleDescription: '描述信息', examineCategory:0,ruleCategory:'0',auditStatus: 'approved' },
      ],
      carData: [
        { name: '视图库对接稳定性', icon: 'el-icon-truck', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '点位在线率', icon: 'el-icon-truck', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '联网卡口设备目录一致率', icon: 'el-icon-truck', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '车辆卡口信息采集准确率', icon: 'el-icon-truck', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '车辆卡口设备抓拍数据完整性', icon: 'el-icon-truck', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '车辆卡口设备抓拍数据准确性', icon: 'el-icon-truck', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '车辆卡口设备时钟准确性', icon: 'el-icon-truck', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '车辆卡口设备抓拍数据上传及时性', icon: 'el-icon-truck', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '车辆卡口设备url可用性', icon: 'el-icon-truck', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '车辆卡口设备抓拍数据大图可用性', icon: 'el-icon-truck', ruleDescription: '描述信息', auditStatus: 'approved' },
      ],
      faceData: [
        { name: '视图库对接稳定性', icon: 'el-icon-alarm-clock', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '点位在线率', icon: 'el-icon-user', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '目录一致率', icon: 'el-icon-data-line', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '人脸卡口信息采集准确率', icon: 'el-icon-timer', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '设备抓拍图片合格性', icon: 'el-icon-money', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '设备抓拍图片时钟准确性', icon: 'el-icon-data-analysis', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '抓拍人脸数据上传及时性', icon: 'el-icon-data-analysis', ruleDescription: '描述信息', auditStatus: 'approved' },
        { name: '人脸卡口设备抓拍数据大图可用性', icon: 'el-icon-data-analysis', ruleDescription: '描述信息', auditStatus: 'approved' },
      ],
      activeIndex: '0',
      // 表单参数
      form: {},
      // 表单校验
      rules: {
        ruleName: [
          { required: true, message: "规则名称不能为空", trigger: "blur" }
        ],
      }
    };
  },
  created() {

  },
  methods: {
    groupData(data) {
      // 将数据按每六个一组进行分组
      const groupedData = [];
      for (let i = 0; i < data.length; i += 6) {
        groupedData.push(data.slice(i, i + 6));
      }
      return groupedData;
    },
    /** 考核模板下拉列表 */
    getTemplateSelect() {
      templateSelect().then((res) => {
        this.templateList = res.data;
      })
    },
    /** 查询考核规则列表 */
    getList() {
      this.loading = true;
      if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
        this.queryParams["start"] = this.daterangeCreateTime[0];
        this.queryParams["end"] = this.daterangeCreateTime[1];
      }
      listCheckRule(this.queryParams).then(response => {
        this.checkRuleList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.auditOpen = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        ruleName: null,
        ruleDetail: null,
        videoPointNum: null,
        vehicleCheckpointNum: null,
        faceChceckpointNum: null,
        createTime: null,
        updateTime: null,
        deleted: null
      };
      this.resetForm("form");
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    getStatusColor(status) {
      switch (status) {
        case 'pending':
          return '#ffffff'; // '#00a1d6'蓝色，表示待审核
        case 'approved':
          return '#ffffff'; // '#00e297'绿色，表示已审核
        case 'rejected':
          return '#f56c6c'; // 红色，表示审核未通过
        default:
          return '#ffffff'; // 白色，默认状态
      }
    },

    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加考核规则";
    },
    /** 修改按钮操作 */
    handleUpdate(item) {
      this.reset();
      const id = item.id || this.ids
      this.form = item;
      this.open = true;
      this.title = "修改考核规则";
    },
    /** 审核按钮操作 */
    handleAudit(row) {
      this.reset();
      const id = row.id || this.ids
      getCheckRule(id).then(response => {
        this.form = response.data;
        this.auditOpen = true;
        this.title = "审核考核规则";
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateCheckRule(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.auditOpen = false;
              this.getList();
            });
          } else {
            addCheckRule(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.auditOpen = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除考核规则编号为"' + ids + '"的数据项？').then(function() {
        return delCheckRule(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },

    /** 导出按钮操作 */
    handleExport() {
      this.download('system/checkRule/export', {
        ...this.queryParams
      }, `checkRule_${new Date().getTime()}.xlsx`)
    }
  }
};
</script>

<style scoped>
.container {
  width: 90%;
  margin: 10px auto;
}
.el-menu{
  margin: 10px auto;
}
</style>

 src/views/system/score/city/index.vue

File was renamed from src/views/system/score/index.vue
@@ -159,9 +159,9 @@
</template>

<script>
import { listScore, getScore, delScore, addScore, updateScore } from "@/api/platform/score";
import {unitSelect} from "../../../api/platform/unit";
import {publishSelect} from "../../../api/platform/publish";
import { listScore, getScore, delScore, addScore, updateScore } from "@/api/platform/check-score";
import {unitSelect} from "@/api/platform/unit";
import {publishSelect} from "@/api/platform/check-publish";

export default {
  name: "Score",

 src/views/system/score/default/index.vue

File was renamed from src/views/system/default-auditing/index.vue
@@ -225,7 +225,7 @@
</template>

<script>
import { listAuditing, getAuditing, delAuditing, addAuditing, updateAuditing,auditing } from "@/api/platform/default-auditing";
import { listAuditing, getAuditing, delAuditing, addAuditing, updateAuditing,auditing } from "@/api/platform/default-score";
import { unitSelect } from "@/api/platform/unit";

export default {

 src/views/system/score/province/index.vue

copy from src/views/system/score/index.vue
copy to src/views/system/score/province/index.vue
File was copied from src/views/system/score/index.vue
@@ -159,9 +159,9 @@
</template>

<script>
import { listScore, getScore, delScore, addScore, updateScore } from "@/api/platform/score";
import {unitSelect} from "../../../api/platform/unit";
import {publishSelect} from "../../../api/platform/publish";
import { listScore, getScore, delScore, addScore, updateScore } from "@/api/platform/check-score";
import {unitSelect} from "@/api/platform/unit";
import {publishSelect} from "@/api/platform/check-publish";

export default {
  name: "Score",

 src/views/system/template/default/index.vue

File was renamed from src/views/system/check-template/index.vue
@@ -86,8 +86,6 @@
          <div v-else-if="scope.row.unitId === 3">富顺县,荣县,高新区,自流井区,贡井区,大安区,沿滩区</div>
        </template>
      </el-table-column>
      <el-table-column label="调整系数" align="center" prop="adjustCoefficient" />
      <el-table-column label="调整系数计算方式" align="center" prop="adjustWay"/>
      <el-table-column label="状态" align="center" prop="status" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
@@ -121,6 +119,13 @@
        <el-form-item label="模板名称" prop="templateName">
          <el-input v-model="form.templateName" placeholder="请输入模板名称" />
        </el-form-item>
        <el-form-item label="考核类型" prop="examineCategory">
          <el-select v-model="form.examineCategory"  placeholder="请选择考核类型">
            <el-option label="省厅考核" value="省厅考核"/>
            <el-option label="区县考核" value="区县考核"/>
            <el-option label="运维考核" value="公司考核"/>
          </el-select>
        </el-form-item>
        <el-form-item label="考核对象" prop="unitName">
          <div class="block">
            <span class="demonstration"></span>
@@ -149,7 +154,7 @@
                </div>
              </div>
              <div class="row-right">
                  <div>权重</div>
                  <div>数值</div>
                  <div class="margin-5">
                    <el-input type="number" v-model="form.weight"/>
                  </div>
@@ -162,21 +167,6 @@
              <el-button type="success" @click="nextAdd" size="mini" plain>添加</el-button>
            </div>
          </div>
        </el-form-item>
        <el-form-item label="调整系数" prop="adjustCoefficient">
          <el-input v-model="form.adjustCoefficient" placeholder="请输入系数值" />
        </el-form-item>
        <el-form-item label="调整方式" prop="adjustWay">
          <el-select v-model="form.adjustWay" placeholder="请选择调整系数计算方式">
            <el-option
              label="乘"
              value="*">
            </el-option>
            <el-option
              label="除"
              value="/">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="状态" prop="status">
          <el-radio v-model="form.status" label="use">启用</el-radio>
@@ -192,9 +182,9 @@
</template>

<script>
import { listCheckTemplate, getCheckTemplate, delCheckTemplate, addCheckTemplate, updateCheckTemplate } from "@/api/platform/check-template";
import { ruleSelect } from '../../../api/platform/check-rule'
import { unitSelect } from '../../../api/platform/unit'
import { listTemplate, getTemplate, delTemplate, addTemplate, updateTemplate } from "@/api/platform/default-template";
// import { ruleSelect } from '@/api/platform/default-rule'
import { unitSelect } from '@/api/platform/unit'

export default {
  name: "CheckTemplate",
@@ -282,12 +272,6 @@
        templateName: [
          { required: true, message: "模板名称不能为空", trigger: "blur" }
        ],
        adjustCoefficient: [
          { required: true, message: "调整系数不能为空", trigger: "blur" }
        ],
        adjustWay: [
          { required: true, message: "调整方式：乘除不能为空", trigger: "blur" }
        ],
      }
    };
  },
@@ -316,11 +300,11 @@
      this.tempRuleFormList.push({"ruleId": null, "weight": null})
    },
    // 考核规则下拉数据
    selectCheckRule() {
      ruleSelect().then(res => {
        this.ruleList = res.data;
      })
    },
    // selectCheckRule() {
    //   ruleSelect().then(res => {
    //     this.ruleList = res.data;
    //   })
    // },
    // 运维公司下拉数据
    selectUnit() {
      unitSelect().then(res => {
@@ -334,7 +318,7 @@
        this.queryParams["start"] = this.daterangeCreateTime[0];
        this.queryParams["end"] = this.daterangeCreateTime[1];
      }
      listCheckTemplate(this.queryParams).then(response => {
      listTemplate(this.queryParams).then(response => {
        this.checkTemplateList = response.data;
        this.total = response.total;
        this.loading = false;
@@ -385,7 +369,7 @@
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getCheckTemplate(id).then(response => {
      getTemplate(id).then(response => {
        this.form = response.data;
        this.tempRuleFormList = this.form.ruleFormList;
        this.ruleFormList = this.form.ruleFormList;
@@ -399,7 +383,7 @@
        if (valid) {
          this.form.ruleFormList = this.tempRuleFormList;
          if (this.form.id != null) {
            updateCheckTemplate(this.form).then(response => {
            updateTemplate(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.tempRuleFormList = [];
@@ -407,7 +391,7 @@
              this.getList();
            });
          } else {
            addCheckTemplate(this.form).then(response => {
            addTemplate(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
@@ -420,7 +404,7 @@
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除考核模板编号为"' + ids + '"的数据项？').then(function() {
        return delCheckTemplate(ids);
        return delTemplate(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");

 src/views/system/template/index.vue

copy from src/views/system/check-template/index.vue
copy to src/views/system/template/index.vue
File was copied from src/views/system/check-template/index.vue
@@ -1,7 +1,7 @@
<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="状态" prop="status">
      <!-- <el-form-item label="状态" prop="status">
        <el-input
          v-model="queryParams.status"
          placeholder="请输入状态"
@@ -27,7 +27,17 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        ></el-date-picker>
      </el-form-item>
      </el-form-item> -->
      <el-form-item label="考核类型" prop="examineCategory">
          <el-select v-model="queryParams.status" placeholder="考核类型" clearable @keyup.enter.native="handleQuery">
            <el-option
              v-for="dict in dict.type.platform_examine_category"
              :key="dict.value"
              :label="dict.label"
              :value="parseInt(dict.value)"
            />
          </el-select>
        </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -44,7 +54,7 @@
          @click="handleAdd"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
      <!-- <el-col :span="1.5">
        <el-button
          type="success"
          plain
@@ -63,7 +73,7 @@
          :disabled="multiple"
          @click="handleDelete"
        >删除</el-button>
      </el-col>
      </el-col> -->
      <el-col :span="1.5">
        <el-button
          type="warning"
@@ -76,36 +86,19 @@
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="checkTemplateList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="模板名称" align="center" prop="templateName" width="220px"/>
      <el-table-column label="考核类型" align="center" prop="examineCategory" />
      <el-table-column label="考核对象" align="center" prop="unitId" width="400px" >
        <template slot-scope="scope">
          <div v-if="scope.row.unitId === 2">成都x运维</div>
          <div v-else-if="scope.row.unitId === 3">富顺县,荣县,高新区,自流井区,贡井区,大安区,沿滩区</div>
        </template>
      </el-table-column>
      <el-table-column label="调整系数" align="center" prop="adjustCoefficient" />
      <el-table-column label="调整系数计算方式" align="center" prop="adjustWay"/>
      <el-table-column label="状态" align="center" prop="status" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
          >修改</el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
          >删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-card class="box-card" v-for="item in checkTemplateList" :key="item">
      <div class="text item">模板名称：{{ item.templateName }}</div>
      <div class="text item">考核类型：{{ item.examineCategory == 0 ? '省厅考核' : '区域考核' }}</div>
      <div class="text item">考核对象：{{ item.deptId }}</div>
      <div class="text item">发布状态：{{ item.status == 0 ? '启用' : '停用'  }}</div>
      <div class="bottom clearfix">
        <el-button type="text" class="button" @click="">审核</el-button>
        <el-button type="text" class="button" @click="">发布</el-button>
        <el-button type="text" class="button" @click="">复制</el-button>
        <el-button type="text" class="button" @click="handleUpdate(item)">修改</el-button>
        <el-button type="text" class="button" @click="handleDelete(item)">删除</el-button>
      </div>
    </el-card>

    <pagination
      v-show="total>0"
@@ -121,16 +114,25 @@
        <el-form-item label="模板名称" prop="templateName">
          <el-input v-model="form.templateName" placeholder="请输入模板名称" />
        </el-form-item>
        <el-form-item label="考核对象" prop="unitName">
          <div class="block">
            <span class="demonstration"></span>
            <el-cascader
              v-model="value"
              :options="options"
              :props = "props"
              @change="handleChange"></el-cascader>
          </div>

        <el-form-item label="考核类型" prop="examineCategory">
          <el-select v-model="form.examineCategory" placeholder="考核类型">
            <el-option
              v-for="dict in dict.type.platform_examine_category"
              :key="dict.value"
              :label="dict.label"
              :value="parseInt(dict.value)"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="考核对象" prop="deptId">
          <el-select v-model="form.deptId" multiple placeholder="请选择">
            <el-option
              v-for="item in areaList"
              :key="item.id"
              :label="item.value"
              :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="考核规则" prop="tempRuleFormList">
          <div class="row-warp">
@@ -193,53 +195,17 @@

<script>
import { listCheckTemplate, getCheckTemplate, delCheckTemplate, addCheckTemplate, updateCheckTemplate } from "@/api/platform/check-template";
import { ruleSelect } from '../../../api/platform/check-rule'
import { unitSelect } from '../../../api/platform/unit'
// import { ruleSelect } from '@/api/platform/check-rule'
 import { areaSelect } from '@/api/system/dept'

export default {
  name: "CheckTemplate",
  dicts: ['platform_audit_state','platform_examine_category','platform_rule_category'],
  data() {
    return {
      props: { multiple: true },
      value: [],
      options: [{
        value: 'city',
        label: '区县',
        children: [{
          value: 'fushun',
          label: '富顺县',
        }, {
          value: 'rong',
          label: '荣县',
        },{
          value: 'gaoxin',
          label: '高新区',
        },{
          value: 'ziliujing',
          label: '自流井区',
        },{
          value: 'gongjing',
          label: '贡井区',
        },{
          value: 'daan',
          label: '大安区',
        },{
          value: 'yantan',
          label: '沿滩区',
        },
        ]
      }, {
        value: 'company',
        label: '公司',
        children: [{
          value: 'yunwei',
          label: '成都x运维',
        }, {
          value: 'yunwei2',
          label: '自贡x运维',
        }, ]
      },
      ],
      areaList:[],
      ruleList: [],
      unitList: [],
      // 临时规则表单
@@ -293,8 +259,11 @@
  },
  created() {
    this.getList();
    this.areaSelect();
    this.selectCheckRule();
    this.selectUnit();
    if (typeof this.form.deptId === 'string' && this.form.deptId.length > 0) {
      this.form.deptId = this.form.deptId.split(',').map(Number); // 假设deptId的值是以逗号分隔的数字字符串
    }
  },
  methods: {
    handleChange(value) {
@@ -322,9 +291,9 @@
      })
    },
    // 运维公司下拉数据
    selectUnit() {
      unitSelect().then(res => {
        this.unitList = res.data;
    areaSelect() {
      areaSelect().then(res => {
        this.areaList = res.data;
      })
    },
    /** 查询考核模板列表 */
@@ -335,7 +304,7 @@
        this.queryParams["end"] = this.daterangeCreateTime[1];
      }
      listCheckTemplate(this.queryParams).then(response => {
        this.checkTemplateList = response.data;
        this.checkTemplateList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
@@ -461,4 +430,18 @@
  display: flex;
  flex-direction: row;
}
.text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .box-card {
    width: 20%;
  }
</style>

 src/views/system/threshold/index.vue

@@ -24,10 +24,17 @@
        </template>
      </el-table-column>
      <el-table-column label="超时天数" align="center" prop="timeout"/>
      <el-table-column label="指标" align="center" prop="indicator">
      <el-table-column label="工单阈值" align="center" prop="indicator">
        <template slot-scope="scope">
          <div v-for="item in JSON.parse(scope.row.indicator)" :key="item">
            {{ item.label }}：{{ item.value }}
          </div>
        </template>
      </el-table-column>
      <el-table-column label="下发阈值" align="center" prop="indicator">
        <template slot-scope="scope">
          <div v-for="item in JSON.parse(scope.row.indicator)" :key="item">
            {{ item.label }}：{{ item.value2 }}
          </div>
        </template>
      </el-table-column>
@@ -75,7 +82,8 @@
          <el-input type="number" min="0" max="1000" v-model="form.timeout" placeholder="请输入超时天数"/>
        </el-form-item>
        <el-form-item :label="indicator.label" prop="indexOneValue" v-for="indicator in indicators" label-width="150px">
          <el-input class="el-input-width" v-model="indicator.value" :placeholder="'请输入' + indicator.label"/>
          <el-input class="el-input-half-width" v-model="indicator.value" placeholder="工单阈值"/>
          <el-input style="float: right;" class="el-input-half-width" v-model="indicator.value2" placeholder="下发阈值"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
@@ -325,3 +333,8 @@
  }
}
</script>
<style>
.el-input-half-width {  
  width: calc(50% - 6px); /* 减去一些间隔 */  
}
</style>

 src/views/system/unit/index.vue

@@ -261,6 +261,8 @@
    /** 重置按钮操作 */
    resetQuery() {
      this.daterangeCreateTime = [];
      this.queryParams.start = null;
      this.queryParams.end = null;
      this.resetForm("queryForm");
      this.handleQuery();
    },
@@ -318,7 +320,7 @@
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('system/unit/export', {
      this.download('yw-unit/export', {
        ...this.queryParams
      }, `unit_${new Date().getTime()}.xlsx`)
    }

 src/views/system/video/index.vue

@@ -12,31 +12,31 @@
        <el-col :xl="14" :lg="14" :md="12" :sm="14" :xs="16">
          <div class="dashboard">
            <div class="dashboard-item">
              <h3 style="color: #5C9BF8">{{ totalPosts }}</h3>
              <h3 style="color: #5C9BF8">{{ count.totalPosts }}</h3>
              <p>设备总数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #3eba45">{{ totalMembers }}</h3>
              <h3 style="color: #3eba45">{{ count.totalMembers }}</h3>
              <p>正常数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color: #fe640d">{{ postsPercentage }}</h3>
              <h3 style="color: #fe640d">{{ count.postsPercentage }}</h3>
              <p>异常数</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ totalViews }}</h3>
              <h3>{{ count.totalViews }}</h3>
              <p>生成异常工单数</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ noStore }}</h3>
              <h3>{{ count.noStore }}</h3>
              <p>无存储</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ partStore }}</h3>
              <h3>{{ count.partStore }}</h3>
              <p>部分存储</p >
            </div>
            <div class="dashboard-item">
              <h3>{{ viewsPercentage }}%</h3>
              <h3>{{ count.viewsPercentage }}%</h3>
              <p>设备运行率</p >
            </div>
          </div>
@@ -44,7 +44,7 @@
      </el-row>
    </el-card>

    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
      <el-form-item label="关键字" prop="name">
        <el-input
          v-model="queryParams.name"
@@ -123,8 +123,8 @@
      <el-table-column type="selection" align="center" />
      <el-table-column label="设备名称" align="center" prop="name" width="280" fixed/>
      <el-table-column label="设备编码" align="center" prop="serialNumber" width="180"/>
      <el-table-column label="标签" align="center" prop="tag" width="180" v-if="columns[0].visible"/>
      <el-table-column label="区域" align="center" prop="region" width="180" v-if="columns[1].visible"/>
      <el-table-column label="标签" align="center" prop="publicSecurity" width="180" v-if="columns[0].visible"/>
      <el-table-column label="区域" align="center" prop="address" width="180" v-if="columns[1].visible"/>
      <el-table-column label="设备状态" align="center" prop="onState" v-if="columns[2].visible">
      <template slot-scope="scope">
        <dict-tag :options="dict.type.camera_state" :value="scope.row.onState"/>
@@ -167,21 +167,19 @@
          <el-col :span="12">
            <el-form-item label="设备编码：">{{ form.serialNumber }}</el-form-item>
            <el-form-item label="设备名称：">{{ form.name }} </el-form-item>
            <el-form-item label="标签：">{{ form.tag }} </el-form-item>
            <el-form-item label="区域：">{{ form.region }} </el-form-item>
            <el-form-item label="地区：">{{ form.address }} </el-form-item>
            <el-form-item label="上报部门：">{{ form.deptName }} </el-form-item>
            <el-form-item label="设备状态：">
              <div v-if="form.onState === 1">可用</div>
              <div v-else-if="form.onState === 2">不可用</div>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="地址：">{{ form.address }}</el-form-item>
            <el-form-item label="是否生成异常工单：">
              <div v-if="form.defaultOrder === 1">是</div>
              <div v-else-if="form.defaultOrder === 2">否</div>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="异常原因：">{{ form.reason }}</el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="安装时间：">{{ form.installedTime }}</el-form-item>
@@ -190,13 +188,13 @@
            <el-form-item label="管理单位：">{{ form.managementUnit }}</el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="信令时延(ms)：">{{ form.sipDelay }}</el-form-item>
            <el-form-item label="信令时延(ms)："></el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="视频时延(ms)：">{{ form.videoDelay }}</el-form-item>
            <el-form-item label="视频时延(ms)："></el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="关键帧时延(ms)：">{{ form.iframeDelay }}</el-form-item>
            <el-form-item label="关键帧时延(ms)："></el-form-item>
          </el-col>
        </el-row>
      </el-form>
@@ -208,8 +206,7 @@
</template>

<script>
import { listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/video-monitor";
import {getCountyList} from "@/api/platform/region";
import { videoCount, listMonitor, getMonitor, delMonitor, addMonitor, updateMonitor } from "@/api/platform/monitor";
export default {
  name: "Monitor",
  dicts: ['sys_normal_disable', 'platform_yes_no','camera_state'],
@@ -227,14 +224,15 @@
        { key: 7, label: `视频时延`, visible: true },
        { key: 8, label: `关键帧时延`, visible: true }
      ],
      totalPosts: 6250,
      totalMembers: 6008,
      postsPercentage: 51,
      totalViews: 17,
      noStore: 47,
      partStore: 56,
      viewsPercentage: 96.12,
      totalErrors: 0,
      count: {
        totalPosts: 0,
        totalMembers: 0,
        postsPercentage: 0,
        totalViews: 0,
        noStore: 0,
        partStore: 0,
        viewsPercentage: 0
      },
      // 遮罩层
      loading: true,
      // 选中数组
@@ -264,6 +262,7 @@
        installedTime: null,
        managementUnit: null,
        defaultOrder: null,
        cameraFunType: 1,
      },
      // 表单参数
      form: {},
@@ -285,9 +284,9 @@
    };
  },
  created() {
    this.getVideoCount();
    this.getList();
    this.getCountyList();

  },
  methods: {
    /** 查询设备资产列表 */
@@ -297,6 +296,12 @@
        this.monitorList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
     /** 查询设备资产统计数 */
     getVideoCount() {
      videoCount('1').then(response => {
        this.count = response.data;
      });
    },
    // 取消按钮
@@ -323,6 +328,7 @@
      this.queryParams.pageNum = 1;
      this.queryParams.cameraFunType = 1;
      this.getList();
      this.getVideoCount();
    },
    /** 重置按钮操作 */
    resetQuery() {

 src/views/system/work-order/distribute/index.vue

@@ -83,6 +83,13 @@
                end-placeholder="结束日期">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="故障类型" prop="errorType">
              <el-select v-model="fastDistributeForm.errorType">
                <el-option label="市政施工" value="市政施工"/>
                <el-option label="设备故障" value="设备故障"/>
                <el-option label="设备遗失" value="设备遗失"/>
              </el-select>
            </el-form-item>
            <el-form-item label="数量限制" prop="fastNumLimit">
              <el-input v-model="fastDistributeForm.fastNumLimit" size="small" type="number" placeholder="此次工单下发最大数量"></el-input>
            </el-form-item>
@@ -92,7 +99,8 @@
          </el-form>
          <el-button slot="reference" type="primary" size="small">快捷下发</el-button>
        </el-popover>
        <el-button size="small" type="primary" @click="page" class="op">刷新</el-button>
        <el-button size="small" type="primary" @click="page">刷新</el-button>
        <el-button size="small" type="primary" @click="handleAdd">新增</el-button>
      </el-col>
    </el-row>

@@ -117,11 +125,58 @@
      </el-col>

    </el-row>

    <!-- 添加或修改【请填写功能名称】对话框 -->
    <el-dialog :title="detailName" :visible.sync="open" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="运维单位" prop="unitId">
          <el-select v-model="form.unitId" placeholder="请选择">
            <el-option
              v-for="item in unitList"
              :key="item.id"
              :label="item.value"
              :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="工单来源" prop="source">
          <el-select
            v-model="form.source"
            filterable
            remote
            reserve-keyword
            placeholder="请选择来源"
            :remote-method="remoteGetPoints"
            :loading="selectLoading">
            <el-option
              v-for="item in pointList"
              :key="item.id"
              :label="item.value"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="故障类型" prop="errorType">
          <el-select v-model="form.errorType">
            <el-option label="市政施工" value="市政施工"/>
            <el-option label="设备故障" value="设备故障"/>
            <el-option label="设备遗失" value="设备遗失"/>
          </el-select>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

  </div>
</template>

<script>
import {distributeWorkOrder, fastDistribute} from '@/api/platform/work-order'
import {distributeWorkOrder, fastDistribute, addWorkOrder, updateWorkOrder} from '@/api/platform/work-order'
import {unitSelect} from "@/api/platform/unit";
import { pointSelectData } from "@/api/platform/point";
export default {
  name: 'index',
  data() {
@@ -169,6 +224,9 @@
        fastNumLimit: [
          { required: true, message: "请输入快速分发数量限制", trigger: "change" }
        ],
        errorType: [
          { required: true, message: "请故障类型", trigger: "change" }
        ],
      },
      queryParams: {
        unitId: null,
@@ -182,10 +240,37 @@
      activeIndex: '0',
      loading: false,
      workOrderList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 表单参数
      form: {
      },
      // 下拉加载
      selectLoading: false,
      // 点位list
      pointList: [],
      // 表单校验
      rules: {
        source: [
          { required: true, message: "工单来源不能为空", trigger: "blur" }
        ],
        workOrderNo: [
          { required: true, message: "工单号不能为空", trigger: "blur" }
        ],
        unitId: [
          { required: true, message: "运维单位不能为空", trigger: "blur" }
        ],
        errorType: [
          { required: true, message: "请选择故障类型", trigger: "blur" }
        ],
      }
    }
  },
  mounted() {
    this.page();
    this.selectUnit();
  },
  methods: {
    submitSetting() {
@@ -264,6 +349,63 @@
    handleSelectionChange(selection) {
      this.multipleSelection = selection.map(item => item.id)
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加合同";
    },
    // 表单重置
    reset() {
      this.form = {};
      this.resetForm("form");
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateWorkOrder(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.page();
            });
          } else {
            addWorkOrder(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.page();
            });
          }
        }
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 运维公司下拉数据
    selectUnit() {
      unitSelect().then(res => {
        this.unitList = res.data;
      })
    },
    // 远程搜索点位
    remoteGetPoints(query) {
      if (query !== '') {
        this.selectLoading = true;
        let data = {
          "keyword": query
        }
        pointSelectData(data).then(res => {
          this.pointList = res.data;
          this.selectLoading = false;
        })
      } else {
        this.pointList = [];
      }
    },
  }
}
</script>

 src/views/system/work-order/index.vue

@@ -10,6 +10,12 @@
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="故障类型" prop="workOrderNo">
        <el-select v-model="queryParams.errorType" placeholder="故障类型" clearable @clear="handleQuery">
          <el-option label="市政施工" value="市政施工"></el-option>
          <el-option label="设备遗失" value="设备遗失"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="运维处理时间">
        <el-date-picker
          clearable
@@ -35,15 +41,18 @@
          <el-image :preview-src-list="['https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357']" fit="cover" src="https://img2.baidu.com/it/u=68398439,1553004927&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=357" class="image"/>
          <div style="padding-right: 10px;padding-top: 10px;float: right;">
            <el-row>
              <el-col :span="24" class="time">故障类型：<el-tag size="small" type="danger">市政施工</el-tag></el-col>
            </el-row>
            <el-row class="work-order-item">
              <el-col class="time" :span="24">运维人员：{{ item.ywPeopleName }}</el-col>
            </el-row>
            <el-row style="margin-top: 5px">
            <el-row class="work-order-item">
              <el-col class="time" :span="24">运维单位：{{ item.unitName }}</el-col>
            </el-row>
            <el-row style="margin-top: 5px">
            <el-row class="work-order-item">
              <el-col :span="24" class="time">工单编号：{{ item.workOrderNo }}</el-col>
            </el-row>
            <el-row style="margin-top: 5px">
            <el-row>
              <el-col :span="24" class="time">处理时间：{{ item.ywHandleTime }}</el-col>
            </el-row>
            <el-row>
@@ -63,12 +72,12 @@
              <!--            type="text"-->
              <!--            @click="handleYwResult(scope.row)"-->
              <!--          >运维结果</el-button>-->
              <el-button
                size="mini"
                type="text"
                @click="handleCheckResult(item)"
                v-hasPermi="['work:order:result']"
              >检测结果</el-button>
<!--              <el-button-->
<!--                size="mini"-->
<!--                type="text"-->
<!--                @click="handleCheckResult(item)"-->
<!--                v-hasPermi="['work:order:result']"-->
<!--              >检测结果</el-button>-->
              <el-button
                size="mini"
                type="text"
@@ -745,15 +754,17 @@
</script>

<style scoped>

.work-order-item {
  margin-bottom: 5px;
}
.time {
  font-size: 13px;
  color: #999;
}

.image {
  width: 125px;
  height: 125px;
  width: 165px;
  height: 150px;
  padding: 10px;
}
</style>

 vue.config.js

@@ -7,7 +7,7 @@

const CompressionPlugin = require('compression-webpack-plugin')

const name = process.env.VUE_APP_TITLE || '自贡公安天网运维平台' // 网页标题
const name = process.env.VUE_APP_TITLE || '运维考核平台' // 网页标题

const port = process.env.port || process.env.npm_config_port || 80 // 端口