伸缩杆代码提交

艺术家

2025-06-04 772190e7b2e3f6ef0695ba54d9209324acdcb30a

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

@@ -15,7 +15,7 @@
          :class="['item', isactive == 2 ? 'isactive' : '']"
          @click="changeactive(2)"
        >
          æ£€ä¿®æ“ä½œè®°å½•
          æŽˆæƒè®°å½•
        </div>
        <div
          v-if="roleINFO == 1"
@@ -38,9 +38,9 @@
              border-radius: 0 0.25rem 0.25rem 0;
              box-shadow: none;
              width: 19rem;
              height: 2rem;
              border-left: 0;
            "
            class="time_picker"
            format="YYYY-MM-DD HH:mm:ss"
            type="datetimerange"
            range-separator="~"
@@ -52,9 +52,11 @@
        <div class="serch_box">
          <div class="serchb">全局搜索</div>
          <input
            @focus="focusInput"
            v-model="queryForm.selectInput"
            placeholder="请输入关键词搜索"
            style="border-left: 0.06rem solid #e2e2e2"
            ref="inputRef"
          />
        </div>
        <el-button
@@ -89,19 +91,31 @@
          :header-cell-style="{
            background: 'rgba(250,250,250,1)',
            color: '#101010',
            fontSize: '0.88rem',
            fontSize: '1.25rem',
            height: '3rem',
            border: 'none',
          }"
          :row-style="{
            color: '#101010',
            fontSize: '0.88rem',
            fontSize: '1.25rem',
            height: '3rem',
            WWWW,
          }"
        >
          <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="teamName" label="组别" align="center" /> -->
          <el-table-column prop="" label="组员类型" align="center">
            <template #default="scope">
              <span v-if="scope.row.isLeader == 0">组员</span>
              <span v-else-if="scope.row.isLeader == 1">组长</span>
            </template>
          </el-table-column>
          <el-table-column prop="dept_Id" label="检修道" align="center">
            <template #default="scope">
              <div>{{ scope.row.dept_Id }}</div>
            </template></el-table-column
          >
          <el-table-column prop="headImageUrl" label="人脸" align="center">
            <template #default="scope">
              <el-image
@@ -118,11 +132,16 @@
            label="分配时间"
            align="center"
          />
          <el-table-column prop="Creater" label="分配检修员" align="center">
          </el-table-column>
          <!-- <el-table-column prop="Creater" label="分配检修员" align="center">
          </el-table-column> -->
          <el-table-column
            prop="ipAddress"
            label="设备IP"
            align="center"
          ></el-table-column>
        </el-table>

        <!-- æ£€ä¿®æ“ä½œè®°å½•è®°å½• -->
        <!-- å§“名 userName，单位 uerUnit，班组 userTeam，操作人 modifier，启用时间 enableTime，停用时间  disableTime-->
        <!-- æŽˆæƒè®°å½• -->
        <el-table
          empty-text="暂无数据"
          v-if="isactive == 2"
@@ -132,41 +151,23 @@
          :header-cell-style="{
            background: 'rgba(250,250,250,1)',
            color: '#101010',
            fontSize: '0.88rem',
            fontSize: '1.25rem',
            height: '3rem',
            border: 'none',
          }"
          :row-style="{
            color: '#101010',
            fontSize: '0.88rem',
            fontSize: '1.25rem',
            height: '3rem',
          }"
        >
          <el-table-column type="selection" align="center" />
          <el-table-column prop="userTrueName" label="姓名" align="center" />
          <el-table-column prop="userName" label="姓名" align="center" />
          <el-table-column prop="uerUnit" 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.1.103:9093' + 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="" label="检修道号" align="center">
          <el-table-column prop="enableTime" label="启用时间" align="center" />
          <el-table-column prop="disableTime" label="禁用时间" align="center" />
          <el-table-column prop="modifier" label="操作人" align="center">
          </el-table-column>
        </el-table>

@@ -180,20 +181,20 @@
          :header-cell-style="{
            background: 'rgba(250,250,250,1)',
            color: '#101010',
            fontSize: '0.88rem',
            fontSize: '1.25rem',
            height: '3rem',
            border: 'none',
          }"
          :row-style="{
            color: '#101010',
            fontSize: '0.88rem',
            fontSize: '1.25rem',
            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="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
@@ -206,8 +207,8 @@
            </template>
          </el-table-column>
          <el-table-column prop="loginTiem" label="登录时间" align="center" />
          <el-table-column prop="outTiem" label="退出时间" align="center" />
          <el-table-column label="操作内容" align="center" />
          <!-- <el-table-column prop="outTiem" label="退出时间" align="center" /> -->
          <!-- <el-table-column label="操作内容" align="center" /> -->
        </el-table>
      </div>
      <div
@@ -267,7 +268,7 @@
} from "@/api/newapi/Datalogging";
import {
  MaintenanceSettingRecord,
  MaintenanceOperationRecord,
  AuthGetPageData,
} from "@/api/newapi/MaintenanceTeam";
const obj = {
  selectTime: [], // æ—¶é—´èŒƒå›´
@@ -283,6 +284,21 @@
const pageTotal = ref(0);
const pageTotal1 = ref(0);
const pageTotal2 = ref(0);
const inputRef = ref(null);
const focusInput = () => {
  if (typeof Windows !== "undefined") {
    const textInputPane =
      Windows.UI.ViewManagement.InputPane.getForCurrentView();

    // æ˜¾ç¤ºè™šæ‹Ÿé”®ç›˜
    textInputPane.show();

    // éšè—è™šæ‹Ÿé”®ç›˜
    textInputPane.hide();
  }
  inputRef.value?.focus();
  console.log("focusInput called", inputRef.value);
};
//分页请求参数
const pageQuery = ref({
  page: 1, //当前页面
@@ -451,24 +467,12 @@
    { name: "createTime", value: startTime, displayType: "ThanOrEqual" },
    { name: "createTime", value: endTime, displayType: "LessOrEqual" },
  ];
  MaintenanceOperationRecord({
    pageIndex: pageQuery1.value.page,
    pageSize: pageQuery1.value.rows,
    searchKeyword: queryForm.value.selectInput,
    startDate:
      queryForm.value.selectTime.length != 0
        ? queryForm.value.selectTime[0]
        : "",
    endDate:
      queryForm.value.selectTime.length != 0
        ? queryForm.value.selectTime[1]
        : "",
    sortField: "maintenancStartTime",
    sortOrder: "desc",
    account: account,
  AuthGetPageData({
    ...pageQuery.value,
    filter,
  }).then((res) => {
    tableData.value = res.data.items;
    pageTotal1.value = res.data.totalCount;
    tableData.value = res.rows;
    pageTotal1.value = res.total;
  });
};
//登录记录
@@ -687,6 +691,118 @@
    border-bottom: 0.06rem solid rgba(233, 233, 233, 1);
  }
}

@media screen and (max-width: 1080px) {
  .Datalogging {
    display: flex;
    background-color: #fff;

    .content {
      width: 100%;
      display: flex;
      flex-direction: column;

      .checkbox {
        width: 40rem !important;
        display: flex;
        justify-content: space-between;
        margin-top: 1rem;
        margin-left: 1.31rem;

        .item {
          width: 12rem;
          height: 2.88rem;
          border-radius: 0.25rem;
          background-color: rgba(190, 199, 209, 1);
          color: rgba(255, 255, 255, 1);
          font-size: 1.25rem;
          text-align: center;
          line-height: 2.88rem;
          cursor: pointer;
        }

        .isactive {
          background-color: rgba(16, 16, 16, 1);
          color: rgba(255, 255, 255, 1);
        }
      }

      .serch {
        display: flex;
        margin-top: 1.31rem;
        align-items: center;

        .time_box {
          display: flex;
          align-items: center;
          text-align: center;
          margin-left: 0.98rem;

          .time {
            box-sizing: border-box;
            width: 7rem;
            height: 2.5rem;
            text-align: center;
            border: 0.06rem solid rgba(222, 222, 222, 1);
            border-radius: 0.25rem 0 0 0.25rem;
            font-size: 1.25rem;
            display: flex;
            align-items: center;
            justify-content: center;
          }
        }

        .serch_box {
          display: flex;
          align-items: center;
          text-align: center;
          margin-left: 0.98rem;
          border-radius: 0.38rem;

          .serchb {
            box-sizing: border-box;
            width: 6.88rem;
            height: 2.5rem;
            text-align: center;
            font-size: 1.25rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 0.06rem solid rgba(222, 222, 222, 1);
          }

          input {
            box-sizing: border-box;
            outline: none;
            width: 19rem;
            height: 2.5rem;
            border: 0.06rem solid rgba(222, 222, 222, 1);
            border-radius: 0 0.25rem 0.25rem 0;
            padding-left: 0.3125rem;
            font-size: 1rem;
          }
        }
      }

      .btns {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.31rem;
        margin-left: 1.13rem;
        padding-right: 2rem;
        box-sizing: border-box;
      }
    }

    .my-header {
      height: 3.84rem;
      display: flex;
      justify-content: space-between;
      border-bottom: 0.06rem solid rgba(233, 233, 233, 1);
    }
  }
}
</style>
<style>
.confirmButtonClass {