Merge branch 'master' of http://42.193.1.25:9521/r/zgyw-ui
| | |
| | | <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-truck"></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">{{ totalPosts }}</h3> |
| | | <p>设备总数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #3eba45">{{ totalMembers }}</h3> |
| | | <p>正常数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #fe640d">{{ postsPercentage }}</h3> |
| | | <p>异常数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #7868d9">{{ totalViews }}</h3> |
| | | <p>生成异常工单数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3>{{ 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" label-width="68px"> |
| | | <el-form-item label="设备名称" prop="name"> |
| | | <el-input |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="地址" prop="address"> |
| | | <el-input |
| | | v-model="queryParams.address" |
| | | placeholder="请输入行政区域" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="安装时间" prop="installedTime"> |
| | | <el-date-picker clearable |
| | | v-model="queryParams.installedTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择安装时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="管理单位" prop="managementUnit"> |
| | | <el-input |
| | | v-model="queryParams.managementUnit" |
| | | placeholder="请输入管理单位" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="是否生成异常工单" prop="defaultOrder" label-width="130px"> |
| | | <el-select |
| | | v-model="queryParams.defaultOrder" |
| | |
| | | dicts: ['sys_normal_disable','platform_yes_no','camera_state'], |
| | | data() { |
| | | return { |
| | | totalPosts: 1156, |
| | | totalMembers: 1000, |
| | | postsPercentage: 156, |
| | | totalViews: 75, |
| | | viewsPercentage: 91.36, |
| | | totalErrors: 0, |
| | | // 遮罩层 |
| | | loading: true, |
| | | // 选中数组 |
| | |
| | | } |
| | | }; |
| | | </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-truck { |
| | | font-size: 50px; |
| | | color: #FFFFFF; |
| | | } |
| | | |
| | | .dashboard { |
| | | display: flex; |
| | | gap: 10%; |
| | | align-items: center; |
| | | margin-left: -50%; |
| | | } |
| | | |
| | | .dashboard-item { |
| | | text-align: center; |
| | | } |
| | | </style> |
| | |
| | | <el-descriptions-item> |
| | | <template slot="label"> |
| | | <i class="el-icon-medal"></i> |
| | | 综合分数 |
| | | 系统分数 |
| | | </template> |
| | | <el-tag type="danger" size="small">{{detail.checkScore}}</el-tag> |
| | | </el-descriptions-item> |
| | |
| | | <el-descriptions-item> |
| | | <template slot="label"> |
| | | <i class="el-icon-medal"></i> |
| | | 系统分数 |
| | | 综合分数 |
| | | </template> |
| | | <el-tag type="danger" size="small">{{detail.systemScore}}</el-tag> |
| | | </el-descriptions-item> |
| | |
| | | <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-user"></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">{{ totalPosts }}</h3> |
| | | <p>设备总数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #3eba45">{{ totalMembers }}</h3> |
| | | <p>正常数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #fe640d">{{ postsPercentage }}</h3> |
| | | <p>异常数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #7868d9">{{ totalViews }}</h3> |
| | | <p>生成异常工单数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3>{{ 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" label-width="68px"> |
| | | <el-form-item label="设备名称" prop="name"> |
| | | <el-input |
| | |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="地址" prop="address"> |
| | | <el-input |
| | | v-model="queryParams.address" |
| | | placeholder="请输入地址" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="安装时间" prop="installedTime"> |
| | | <el-date-picker clearable |
| | | v-model="queryParams.installedTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择安装时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="管理单位" prop="managementUnit"> |
| | | <el-input |
| | | v-model="queryParams.managementUnit" |
| | | placeholder="请输入管理单位" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="是否生成异常工单" prop="defaultOrder" label-width="130px"> |
| | | <el-select |
| | |
| | | dicts: ['sys_normal_disable','platform_yes_no','camera_state'], |
| | | data() { |
| | | return { |
| | | totalPosts: 1156, |
| | | totalMembers: 1000, |
| | | postsPercentage: 156, |
| | | totalViews: 75, |
| | | viewsPercentage: 91.36, |
| | | totalErrors: 0, |
| | | // 遮罩层 |
| | | loading: true, |
| | | // 选中数组 |
| | |
| | | } |
| | | }; |
| | | </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-user { |
| | | font-size: 50px; |
| | | color: #FFFFFF; |
| | | } |
| | | |
| | | .dashboard { |
| | | display: flex; |
| | | gap: 10%; |
| | | align-items: center; |
| | | margin-left: -50%; |
| | | } |
| | | |
| | | .dashboard-item { |
| | | text-align: center; |
| | | } |
| | | </style> |
| | |
| | | <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-refresh-left"></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">{{ totalPosts }}</h3> |
| | | <p>设备总数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #3eba45">{{ totalMembers }}</h3> |
| | | <p>正常数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #fe640d">{{ postsPercentage }}</h3> |
| | | <p>异常数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #7868d9">{{ totalViews }}</h3> |
| | | <p>生成异常工单数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3>{{ 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" label-width="68px"> |
| | | <el-form-item label="设备名称" prop="name"> |
| | | <el-input |
| | |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="地址" prop="address"> |
| | | <el-input |
| | | v-model="queryParams.address" |
| | | placeholder="请输入地址" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | style="width: 170px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="异常恢复时间" prop="recoveryTime" label-width="130px"> |
| | | <el-date-picker clearable |
| | | v-model="queryParams.recoveryTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择异常恢复时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="管理单位" prop="managementUnit"> |
| | | <el-input |
| | | v-model="queryParams.managementUnit" |
| | | placeholder="请输入管理单位" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | style="width: 170px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="是否生成异常工单" prop="defaultOrder" label-width="130px"> |
| | | <el-select |
| | |
| | | dicts: ['sys_normal_disable','platform_yes_no','camera_state'], |
| | | data() { |
| | | return { |
| | | totalPosts: 1156, |
| | | totalMembers: 1000, |
| | | postsPercentage: 156, |
| | | totalViews: 75, |
| | | viewsPercentage: 91.36, |
| | | totalErrors: 0, |
| | | // 遮罩层 |
| | | loading: true, |
| | | // 选中数组 |
| | |
| | | } |
| | | }; |
| | | </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-refresh-left { |
| | | font-size: 50px; |
| | | color: #FFFFFF; |
| | | } |
| | | |
| | | .dashboard { |
| | | display: flex; |
| | | gap: 10%; |
| | | align-items: center; |
| | | margin-left: -50%; |
| | | } |
| | | |
| | | .dashboard-item { |
| | | text-align: center; |
| | | } |
| | | </style> |
| | |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="操作类型" prop="operateCategory"> |
| | | <el-select v-model="queryParams.operateCategory" placeholder="请选择操作类型" clearable> |
| | | <el-option |
| | | v-for="dict in dict.type.platform_operate_category" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="积分类型" prop="scoreCategory"> |
| | | <el-input |
| | | v-model="queryParams.scoreCategory" |
| | |
| | | <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="operateCategory"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.platform_operate_category" :value="scope.row.operateCategory"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="积分类型" align="center" prop="scoreCategory"> |
| | | <template slot-scope="scope"> |
| | | <div v-if="scope.row.scoreCategory === 1">视频在线率</div> |
| | |
| | | <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> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="操作类型" prop="operateCategory"> |
| | | <el-select v-model="form.operateCategory" placeholder="请选择操作类型"> |
| | | <el-option |
| | | v-for="item in operateCategoryList" |
| | | :key="item.id" |
| | | :label="item.value" |
| | | :value="item.id"> |
| | |
| | | <el-table-column label="运维人员账号" align="center" prop="ywPersonAccount" /> |
| | | <el-table-column label="所属运维单位" align="center" prop="belongUnitName" /> |
| | | <el-table-column label="联系电话" align="center" prop="phone" /> |
| | | <el-table-column label="备注" align="center" prop="remark" /> |
| | | <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-input v-model="form.phone" placeholder="请输入联系电话" /> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="remark"> |
| | | <el-input v-model="form.remark" type="textarea" show-word-limit maxlength="150" placeholder="请输入备注" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitForm">确 定</el-button> |
| | |
| | | <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-video-camera"></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">{{ totalPosts }}</h3> |
| | | <p>设备总数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #3eba45">{{ totalMembers }}</h3> |
| | | <p>正常数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #fe640d">{{ postsPercentage }}</h3> |
| | | <p>异常数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3 style="color: #7868d9">{{ totalViews }}</h3> |
| | | <p>生成异常工单数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3>{{ 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" label-width="68px"> |
| | | <el-form-item label="设备名称" prop="name"> |
| | | <el-input |
| | |
| | | :value="dict.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="地址" prop="address"> |
| | | <el-input |
| | | v-model="queryParams.address" |
| | | placeholder="请输入地址" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="安装时间" prop="installedTime"> |
| | | <el-date-picker clearable |
| | | v-model="queryParams.installedTime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="请选择安装时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="管理单位" prop="managementUnit"> |
| | | <el-input |
| | | v-model="queryParams.managementUnit" |
| | | placeholder="请输入管理单位" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="是否生成异常工单" prop="defaultOrder" label-width="130px"> |
| | | <el-select |
| | |
| | | dicts: ['sys_normal_disable', 'platform_yes_no','camera_state'], |
| | | data() { |
| | | return { |
| | | totalPosts: 1156, |
| | | totalMembers: 1000, |
| | | postsPercentage: 156, |
| | | totalViews: 75, |
| | | viewsPercentage: 91.36, |
| | | totalErrors: 0, |
| | | // 遮罩层 |
| | | loading: true, |
| | | // 选中数组 |
| | |
| | | } |
| | | }; |
| | | </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-video-camera { |
| | | font-size: 50px; |
| | | color: #FFFFFF; |
| | | } |
| | | |
| | | .dashboard { |
| | | display: flex; |
| | | gap: 10%; |
| | | align-items: center; |
| | | margin-left: -50%; |
| | | } |
| | | |
| | | .dashboard-item { |
| | | text-align: center; |
| | | } |
| | | </style> |