5.8

pengwei

2025-05-08 b281791abab23d672922b7e9b7d1b51e348ed710

 ÏîÄ¿´úÂë/ÉìËõ¸Ë/client/src/views/tts/DataLogging/Datalogging.vue

@@ -1,21 +1,38 @@
<template>
  <div class="Datalogging">
    <div class="content">
      <div class="checkbox" :style="{ width: roleINFO == 1 ? '22rem' : '15rem' }">
        <div :class="['item', isactive == 1 ? 'isactive' : '']" @click="changeactive(1)">
      <div
        class="checkbox"
        :style="{ width: roleINFO == 1 ? '22rem' : '15rem' }"
      >
        <div
          :class="['item', isactive == 1 ? 'isactive' : '']"
          @click="changeactive(1)"
        >
          æ£€ä¿®è®¾ç½®è®°å½•
        </div>
        <div :class="['item', isactive == 2 ? 'isactive' : '']" @click="changeactive(2)">
        <div
          :class="['item', isactive == 2 ? 'isactive' : '']"
          @click="changeactive(2)"
        >
          æ£€ä¿®æ“ä½œè®°å½•
        </div>
        <div v-if="roleINFO == 1" :class="['item', isactive == 3 ? 'isactive' : '']" @click="changeactive(3)">
        <div
          v-if="roleINFO == 1"
          :class="['item', isactive == 3 ? 'isactive' : '']"
          @click="changeactive(3)"
        >
          ç™»å½•è®°å½•
        </div>
      </div>
      <div class="serch">
        <div class="time_box">
          <div class="time">{{ isactive == 1 ? "分配时间" : "操作时间" }}</div>
          <el-date-picker v-model="queryForm.selectTime" prefix-icon="none" clear-icon="none" style="
          <el-date-picker
            v-model="queryForm.selectTime"
            prefix-icon="none"
            clear-icon="none"
            style="
              font-size: 0.75rem !important;
              border: 0.06rem solid rgba(222, 222, 222, 1);
              border-radius: 0 0.25rem 0.25rem 0;
@@ -23,101 +40,170 @@
              width: 19rem;
              height: 2rem;
              border-left: 0;
            " format="YYYY-MM-DD HH:mm:ss" type="datetimerange" range-separator="~" start-placeholder="起始日期"
            end-placeholder="截止日期" size="small" />
            "
            format="YYYY-MM-DD HH:mm:ss"
            type="datetimerange"
            range-separator="~"
            start-placeholder="起始日期"
            end-placeholder="截止日期"
            size="small"
          />
        </div>
        <div class="serch_box">
          <div class="serchb">全局搜索</div>
          <input v-model="queryForm.selectInput" placeholder="请输入关键词搜索" style="border-left: 0.06rem solid #e2e2e2" />
          <input
            v-model="queryForm.selectInput"
            placeholder="请输入关键词搜索"
            style="border-left: 0.06rem solid #e2e2e2"
          />
        </div>
        <el-button @click="handleQuery" type="primary" size="small"
          style="margin-left: 0.98rem; height: 2rem">查询</el-button>
        <el-button size="small" style="height: 2rem" @click="resetQuery">重置</el-button>
        <el-button
          @click="handleQuery"
          type="primary"
          size="small"
          style="margin-left: 0.98rem; height: 2rem"
          >查询</el-button
        >
        <el-button size="small" style="height: 2rem" @click="resetQuery"
          >重置</el-button
        >
      </div>
      <div class="btns">
        <div style="display: flex; align-items: center">
          <el-button size="small" style="width: 5.5rem; height: 2rem; font-size: 0.88rem"
            @click="printExcel">批量导出</el-button>
          <el-button
            size="small"
            style="width: 5.5rem; height: 2rem; font-size: 0.88rem"
            @click="printExcel"
            >批量导出</el-button
          >
        </div>
      </div>
      <div style="margin-top: 1rem; height: 100%">
        <!-- æ£€ä¿®è®¾ç½®è®°å½• -->
        <el-table empty-text="暂无数据" v-if="isactive == 1" :data="tableData" height="450" style="width: 100%"
        <el-table
          empty-text="暂无数据"
          v-if="isactive == 1"
          :data="tableData"
          height="450"
          style="width: 100%"
          :header-cell-style="{
            background: 'rgba(250,250,250,1)',
            color: '#101010',
            fontSize: '0.88rem',
            height: '3rem',
            border: 'none',
          }" :row-style="{
          }"
          :row-style="{
            color: '#101010',
            fontSize: '0.88rem',
            height: '3rem',
          }">
          }"
        >
          <el-table-column type="selection" align="center" />
          <el-table-column prop="operatorName" label="姓名" align="center" />
          <el-table-column prop="teamName" label="班组" align="center" />
          <el-table-column prop="headImageUrl" label="人脸" align="center">
            <template #default="scope">
              <el-image style="width: 5rem; height: 5rem" :src="'http://192.168.0.80:1598' + scope.row.headImageUrl"
                show-progress :initial-index="4" fit="cover" />
              <el-image
                style="width: 5rem; height: 5rem"
                :src="'http://192.168.0.80:1598' + scope.row.headImageUrl"
                show-progress
                :initial-index="4"
                fit="cover"
              />
            </template>
          </el-table-column>
          <el-table-column prop="distributionTime" label="分配时间" align="center" />
          <el-table-column
            prop="distributionTime"
            label="分配时间"
            align="center"
          />
          <el-table-column prop="" label="分配检修员" align="center">
            <template #default> {{ userName }} </template>
          </el-table-column>
        </el-table>

        <!-- æ£€ä¿®æ“ä½œè®°å½•è®°å½• -->
        <el-table empty-text="暂无数据" v-if="isactive == 2" :data="tableData" height="450" style="width: 100%"
        <el-table
          empty-text="暂无数据"
          v-if="isactive == 2"
          :data="tableData"
          height="450"
          style="width: 100%"
          :header-cell-style="{
            background: 'rgba(250,250,250,1)',
            color: '#101010',
            fontSize: '0.88rem',
            height: '3rem',
            border: 'none',
          }" :row-style="{
          }"
          :row-style="{
            color: '#101010',
            fontSize: '0.88rem',
            height: '3rem',
          }">
          }"
        >
          <el-table-column type="selection" align="center" />
          <el-table-column prop="userTrueName" label="姓名" align="center" />
          <el-table-column prop="userteam" label="班组" align="center" />
          <el-table-column prop="headImageUrl" label="人脸" align="center">
            <template #default="scope">
              <el-image style="width: 5rem; height: 5rem" :src="'http://192.168.0.80:1598' + scope.row.headImageUrl"
                show-progress :initial-index="4" fit="cover" />
              <el-image
                style="width: 5rem; height: 5rem"
                :src="'http://192.168.0.80:1598' + scope.row.headImageUrl"
                show-progress
                :initial-index="4"
                fit="cover"
              />
            </template>
          </el-table-column>
          <el-table-column prop="maintenancStartTime" label="进入检修时间" align="center" />
          <el-table-column prop="maintenancEendTime" label="退出检修时间" align="center" />
          <el-table-column
            prop="maintenancStartTime"
            label="进入检修时间"
            align="center"
          />
          <el-table-column
            prop="maintenancEendTime"
            label="退出检修时间"
            align="center"
          />
          <el-table-column prop="" label="检修道号" align="center">
          </el-table-column>
        </el-table>

        <!-- ç™»å½•è®°å½• -->
        <el-table empty-text="暂无数据" v-if="isactive == 3" :data="tableData" height="450" style="width: 100%"
        <el-table
          empty-text="暂无数据"
          v-if="isactive == 3"
          :data="tableData"
          height="450"
          style="width: 100%"
          :header-cell-style="{
            background: 'rgba(250,250,250,1)',
            color: '#101010',
            fontSize: '0.88rem',
            height: '3rem',
            border: 'none',
          }" :row-style="{
          }"
          :row-style="{
            color: '#101010',
            fontSize: '0.88rem',
            height: '3rem',
          }">
          }"
        >
          <el-table-column type="selection" align="center" />
          <el-table-column prop="userTrueName" label="姓名" align="center" />
          <el-table-column prop="opCenten" label="单位" align="center" />
          <el-table-column prop="userteam" label="班组" align="center" />
          <el-table-column prop="headImageUrl" label="人脸" align="center">
            <template #default="scope">
              <el-image style="width: 5rem; height: 5rem" :src="'http://192.168.0.80:1598' + scope.row.headImageUrl"
                show-progress :initial-index="4" fit="cover" />
              <el-image
                style="width: 5rem; height: 5rem"
                :src="'http://192.168.0.80:1598' + scope.row.headImageUrl"
                show-progress
                :initial-index="4"
                fit="cover"
              />
            </template>
          </el-table-column>
          <el-table-column prop="loginTiem" label="登录时间" align="center" />
@@ -125,22 +211,48 @@
          <el-table-column label="操作内容" align="center" />
        </el-table>
      </div>
      <div style="
      <div
        style="
          display: flex;
          justify-content: right;
          align-self: flex-end;
          margin-bottom: 1.19rem;
          margin-right: 1.25rem;
        ">
        <el-pagination v-if="isactive == 1" size="small" background layout="prev, pager, next"
          :current-page="pageQuery.page" :page-size="pageQuery.rows" :total="pageTotal" @size-change="handleSizeChange"
          @current-change="handleCurrentChange" />
        <el-pagination v-if="isactive == 2" size="small" background layout="prev, pager, next"
          :current-page="pageQuery1.page" :page-size="pageQuery1.rows" :total="pageTotal1"
          @size-change="handleSizeChange" @current-change="handleCurrentChange" />
        <el-pagination v-if="isactive == 3" size="small" background layout="prev, pager, next"
          :current-page="pageQuery2.page" :page-size="pageQuery2.rows" :total="pageTotal2"
          @size-change="handleSizeChange" @current-change="handleCurrentChange" />
        "
      >
        <el-pagination
          v-if="isactive == 1"
          size="small"
          background
          layout="prev, pager, next"
          :current-page="pageQuery.page"
          :page-size="pageQuery.rows"
          :total="pageTotal"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        />
        <el-pagination
          v-if="isactive == 2"
          size="small"
          background
          layout="prev, pager, next"
          :current-page="pageQuery1.page"
          :page-size="pageQuery1.rows"
          :total="pageTotal1"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        />
        <el-pagination
          v-if="isactive == 3"
          size="small"
          background
          layout="prev, pager, next"
          :current-page="pageQuery2.page"
          :page-size="pageQuery2.rows"
          :total="pageTotal2"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        />
      </div>
    </div>
  </div>
@@ -240,6 +352,9 @@
  },
];
const selectoptions = ref([]);
const account = localStorage.getItem("user")
  ? JSON.parse(localStorage.getItem("user")).userName
  : ""; //获取账号

selectoptions.value = tasklogging;
const changeactive = (index) => {
@@ -317,6 +432,7 @@
        : "",
    sortField: "distributionTime",
    sortOrder: "desc",
    account: account,
  }).then((res) => {
    tableData.value = res.data.items;
    pageTotal.value = res.data.totalCount;
@@ -350,6 +466,7 @@
        : "",
    sortField: "maintenancStartTime",
    sortOrder: "desc",
    account: account,
  }).then((res) => {
    tableData.value = res.data.items;
    pageTotal1.value = res.data.totalCount;
@@ -383,6 +500,7 @@
        : "",
    sortField: "loginTime",
    sortOrder: "desc",
    account: account,
  }).then((res) => {
    tableData.value = res.data.items;
    pageTotal2.value = res.data.totalCount;