增加部级考核标签

fuliqi

2024-09-24 b3be6406c8105376eef209af3bd6635cb95fa81d

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

@@ -2,13 +2,17 @@

  <div class="app-container">
    <div
      style="display: flex;flex-direction: row;min-width: 158px;max-width: 158px;margin-bottom: 5px;border-radius: 1px; user-select: none"
      style="display: flex;flex-direction: row;min-width: 300px;max-width: 300px;margin-bottom: 5px;border-radius: 1px; user-select: none"
    >
      <div @click="clickTab(null)" class="tab"
           :class="{tabActive: null == queryParams.provinceTag, tabInactive: null != queryParams.provinceTag}">全部
           :class="{tabActive: !queryParams.provinceTag && !queryParams.deptTag, tabInactive: queryParams.provinceTag || queryParams.deptTag}">
        全部
      </div>
      <div @click="clickTab(0)" class="tab"
           :class="{tabActive: 0 === queryParams.provinceTag, tabInactive: 0 !== queryParams.provinceTag}">省厅考核
           :class="{tabActive: queryParams.provinceTag, tabInactive: !queryParams.provinceTag}">省厅考核
      </div>
      <div @click="clickTab(1)" class="tab"
           :class="{tabActive: queryParams.deptTag, tabInactive: !queryParams.deptTag}">公安部考核
      </div>
    </div>
    <el-card class="box-card">
@@ -127,22 +131,22 @@
              </el-form-item>
              <el-form-item label="数据类型" prop="dataType" required>
                <el-radio-group v-model="exportForm.dataType">
<!--                  <div style="display: flex;margin-bottom: 10px;">-->
<!--                    <div style="width: 48%">-->
                      <el-radio :label="0">总量数据</el-radio>
<!--                    </div>-->
<!--                    <div style="width: 48%">-->
                      <el-radio :label="1">每日在线情况</el-radio>
<!--                    </div>-->
<!--                  </div>-->
<!--                  <div style="display: flex;">-->
<!--                    <div style="width: 48%">-->
                      <el-radio :label="2">每日录像情况</el-radio>
<!--                    </div>-->
<!--                    <div style="width: 48%">-->
                      <el-radio :label="3">每日录像缺失时长</el-radio>
<!--                    </div>-->
<!--                  </div>-->
                  <!--                  <div style="display: flex;margin-bottom: 10px;">-->
                  <!--                    <div style="width: 48%">-->
                  <el-radio :label="0">总量数据</el-radio>
                  <!--                    </div>-->
                  <!--                    <div style="width: 48%">-->
                  <el-radio :label="1">每日在线情况</el-radio>
                  <!--                    </div>-->
                  <!--                  </div>-->
                  <!--                  <div style="display: flex;">-->
                  <!--                    <div style="width: 48%">-->
                  <el-radio :label="2">每日录像情况</el-radio>
                  <!--                    </div>-->
                  <!--                    <div style="width: 48%">-->
                  <el-radio :label="3">每日录像缺失时长</el-radio>
                  <!--                    </div>-->
                  <!--                  </div>-->
                </el-radio-group>
              </el-form-item>
              <el-button type="primary" size="small" style="width: 400px" @click="handleExport">导出</el-button>
@@ -161,7 +165,13 @@
      <el-table-column label="ip" align="center" prop="ip" width="180"/>
      <el-table-column label="标签" align="center" width="180" v-if="columns[0].visible">
        <template slot-scope="scope">
          <div>{{ scope.row.provinceTag == 0 ? "省厅" : "市局" }}</div>
          <div>
            {{
              (
                (scope.row.provinceTag ? '省厅、' : '') +
                (scope.row.deptTag ? '公安部、' : '')).replace(/、$/, '')
            }}
          </div>
        </template>
      </el-table-column>
      <el-table-column label="区域" align="center" prop="area" width="180" v-if="columns[1].visible"/>
@@ -237,7 +247,12 @@
          <el-form-item label="设备名称：">{{ form.name }}</el-form-item>
          <el-col :span="12">
            <el-form-item label="设备编码：">{{ form.serialNumber }}</el-form-item>
            <el-form-item label="标签：">{{ form.provinceTag == 0 ? '省厅' : '市局' }}</el-form-item>
            <el-form-item label="标签：">
              {{
                ((form.provinceTag ? '省厅、' : '') +
                (form.deptTag ? '公安部、' : '')).replace(/、$/, '')
              }}
            </el-form-item>
            <el-form-item label="设备状态：">
              <div v-if="form.onState === 0">离线</div>
              <div v-else-if="form.onState === 1">在线</div>
@@ -414,7 +429,16 @@
  },
  methods: {
    clickTab(active) {
      this.queryParams.provinceTag = active
      if (active === 0) {
        this.queryParams.provinceTag = true
        this.queryParams.deptTag = null
      } else if (active === 1) {
        this.queryParams.provinceTag = null
        this.queryParams.deptTag = true
      } else {
        this.queryParams.provinceTag = null
        this.queryParams.deptTag = null
      }
      this.getList()
      this.getVideoCount()
    },