代码提交

艺术家

2025-06-11 e00d1817afd6f86154aaa4c870571c724ebfecfc

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

@@ -30,7 +30,6 @@
        class="btn"
        type="primary"
        style="margin-left: 6.81rem"
        :disabled="!isStart"
        @click="stopMaintenceTask"
      >
        <div
@@ -58,7 +57,7 @@
        </div>
      </el-button>
    </div>
    <div v-if="isStart" class="content_box">
    <div class="content_box">
      <el-table
        :height="isMobile ? '' : '250'"
        empty-text="暂无数据"
@@ -68,26 +67,49 @@
          height: '1.61rem',
          color: '#1AC8FE',
          background: '#0A5B91',
          fontSize: '0.88rem',
          fontSize: '2rem',
        }"
        :cell-style="{
          color: '#fff',
          background: '#147BAF',
          fontSize: '2.5rem',
        }"
      >
        <el-table-column prop="userAccount" label="用户账号" align="center" />
        <!-- <el-table-column prop="modifier" label="修改人" /> -->
        <el-table-column prop="isLeader" label="组员类型">
          <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="modifyDate" label="修改时间" align="center" />
        <el-table-column
          prop="userTrueName"
          label="用户名称"
          align="center"
          min-width="1%"
        />
        <el-table-column
          prop="unit"
          label="单位"
          align="center"
          min-width="1%"
        />
        <el-table-column
          prop="userteam"
          align="center"
          label="班组"
          min-width="1%"
        />
        <el-table-column
          prop="roleName"
          align="center"
          label="角色"
          min-width="1%"
        />
        <el-table-column
          prop="dept_Id"
          label="检修道"
          align="center"
          min-width="1%"
        />
        <el-table-column
          prop="maintenanceStatus"
          label="检修状态"
          align="center"
          min-width="1%"
        >
          <template #default="scope">
            <span v-if="scope.row.maintenanceStatus === 0">未开始</span>
@@ -97,41 +119,67 @@
            ></template
          >
        </el-table-column>
        <!-- <el-table-column
          prop="maintenanceDate"
          label="派发任务时间"
          align="center"
        /> -->

        <el-table-column
          prop="maintenancStartTime"
          label="开始检修时间"
          label="开始时间"
          align="center"
          min-width="2%"
        />
        <!-- <el-table-column
          prop="maintenancEendTime"
          label="结束检修时间"
          align="center"
        /> -->
        <el-table-column prop="" label="操作" align="center" min-width="2%">
          <template #default="scope">
            <el-button
              type="primary"
              size="small"
              @click="forceOffline(scope.row)"
            >
              å¼ºåˆ¶ä¸‹çº¿</el-button
            >
          </template>
        </el-table-column>
      </el-table>
    </div>
    <el-pagination
      style="margin-top: 2rem"
      background
      layout="prev, pager, next"
      :total="pageTotal"
      @current-change="handleCurrentChange"
    />
  </div>
</template>
<script setup>
import { onMounted, ref } from "vue";
import { onMounted, reactive, ref, toRef } from "vue";
import store from "@/store/index";
import {
  MaintenanceTasksOfTheDay,
  StartMaintenceTask,
  StopMaintenanceTask,
} from "@/api/user";
import { YShowStartTake } from "@/api/newapi/Maintenance.js";
import {
  YShowStartTake,
  PersonnelMonitoring,
  ForceOffline,
} from "@/api/newapi/Maintenance.js";
import { ElMessage } from "element-plus";

const userInfo = ref(store.state.userInfo);
const isStart = ref(false); //是否开始检修
const tableData = ref([]); //检修任务数据
const isMobile = ref(false); //是否是移动端
const obj = {
  selectType: "",
  inputcontent: "",
};
const queryForm = toRef({ ...obj });
//分页请求参数
const pageQuery = reactive({
  page: 1, //当前页面
  rows: 20, //每页显示条数
  order: "desc", //排序方式
  sort: "", //排序字段
  wheres: "", //条件查询
});
const pageTotal = ref(0); //总条数
//获取当天检修任务
const getMaintenanceTasksOfTheDay = async () => {
  MaintenanceTasksOfTheDay({
@@ -141,13 +189,18 @@
  });
};
const getStartTake = async () => {
  YShowStartTake().then((res) => {
  PersonnelMonitoring({
    pageIndex: pageQuery.page,
    pageSize: pageQuery.rows,
    searchKeyword: queryForm.value.inputcontent,
  }).then((res) => {
    if (res.data.length > 0) {
      isStart.value = true;
    } else {
      isStart.value = false;
    }
    tableData.value = res.data;
    pageTotal.value = res.data.totalCount;
    tableData.value = res.data.items;
  });
};
const startdisabled = ref(false); //开始按钮是否禁用
@@ -156,9 +209,6 @@
  StartMaintenceTask({
    account: userInfo.value.userName,
  }).then((res) => {
    // isStart.value = true;
    // tableData.value = [res.data];
    // startdisabled.value = true;
    getStartTake();
  });
};
@@ -168,11 +218,31 @@
    account: userInfo.value.userName,
  }).then((res) => {
    isStart.value = false;
    tableData.value = [res.data];
    getStartTake();
  });
};
// å¼ºåˆ¶ä¸‹çº¿
const forceOffline = async (row) => {
  ForceOffline({
    id: row.id,
    account: userInfo.value.userName,
  }).then((res) => {
    ElMessage({
      message: res.message,
      type: "success",
      duration: 2000,
    });
    getStartTake();
  });
};
const handleCurrentChange = (val) => {
  pageQuery.page = val;
  getStartTake();
};

onMounted(() => {
  console.log(pageQuery);

  // getMaintenanceTasksOfTheDay();
  // èŽ·å–当前屏幕得宽度
  const screenWidth = window.innerWidth;
@@ -201,7 +271,7 @@
  }

  .content_box {
    width: 70%;
    width: 95%;
    height: 40%;
    background-color: rgba(9, 48, 104, 1);
    color: rgba(16, 16, 16, 1);
@@ -236,7 +306,7 @@
    }

    .content_box {
      width: 70%;
      width: 95%;
      height: 40%;
      background-color: rgba(9, 48, 104, 1);
      color: rgba(16, 16, 16, 1);