地图样式2

fuliqi

2024-12-02 b3cdadfa52ba7dce5aa77b9dedad1949f25b33b9

 src/views/system/monitor/face/index.vue

@@ -35,6 +35,10 @@
              <p>异常数</p >
            </div>
            <div class="dashboard-item">
              <h3 style="color:  #4f4f4f">{{ count.unknownNumbers }}</h3>
              <p>未知数</p>
            </div>
            <div class="dashboard-item">
              <h3>{{ count.viewsPercentage }}%</h3>
              <p>设备运行率</p >
            </div>
@@ -47,9 +51,10 @@
      <el-form-item label="关键字" prop="name">
        <el-input
          v-model="queryParams.name"
          placeholder="请输入关键字"
          placeholder="设备名/设备编码/IP/单位名"
          clearable
          @keyup.enter.native="handleQuery"
          @clear="handleQuery"
        />
      </el-form-item>
      <el-form-item label="区域" prop="onState">
@@ -72,6 +77,7 @@
          v-model="queryParams.onState"
          placeholder="设备状态"
          clearable
          @change="handleQuery"
          style="width: 100px"
        >
        <el-option
@@ -88,6 +94,10 @@
      </el-form-item>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
    </el-form>

    <div v-hasPermi="['system:monitor:export']">
      <el-button slot="reference" type="primary" size="mini" @click="handleExport" plain >导出</el-button>
    </div>

    <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange">
      <el-table-column label="设备名称" align="center" prop="name" width="280" fixed show-overflow-tooltip/>
@@ -136,7 +146,6 @@
      <el-table-column label="建模失败率" align="center" prop="failPercent" width="180" v-if="columns[12].visible"/>
      <el-table-column label="人脸合格率" align="center" prop="facePercent" width="180" v-if="columns[13].visible"/>
      <el-table-column label="大图可用率" align="center" prop="bigUsefulPercent" width="180" v-if="columns[14].visible"/>
      <el-table-column label="url可用率" align="center" prop="urlPercent" width="180" v-if="columns[15].visible"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width"  fixed="right">
          <template slot-scope="scope">
            <el-button
@@ -213,8 +222,9 @@
              }}
            </el-form-item>
            <el-form-item label="设备状态：">
              <div v-if="form.onState === 0">离线</div>
              <div v-if="form.onState === 0">未知</div>
              <div v-else-if="form.onState === 1">在线</div>
              <div v-else-if="form.onState === -1">离线</div>
            </el-form-item>
            <el-form-item label="管理单位：">{{ form.unitName }}</el-form-item>
          </el-col>
@@ -257,7 +267,6 @@
            <el-form-item label="当日抓拍量：">{{ form.snapCount }}</el-form-item>
            <el-form-item label="上传及时率：">{{ form.uploadPercent }}</el-form-item>
            <el-form-item label="人脸合格率：">{{ form.facePercent }}</el-form-item>
            <el-form-item label="url可用率：">{{ form.urlPercent }}</el-form-item>
          </el-col>
        </el-row>
      </el-form>
@@ -294,13 +303,13 @@
        { key: 11, label: `上传及时率`, visible: false },
        { key: 12, label: `建模失败率`, visible: false },
        { key: 13, label: `人脸合格率`, visible: false },
        { key: 14, label: `图片访问异常量`, visible: false },
        { key: 15, label: `大图不可用量`, visible: false }
        { key: 14, label: `大图不可用量`, visible: false }
      ],
      count: {
        totalPosts: 0,
        totalMembers: 0,
        postsPercentage: 0,
        unknownNumbers: 0,
        totalViews: 0,
        totalFace: 0,
        viewsPercentage: 0