伸缩杆代码提交

艺术家

2025-06-04 772190e7b2e3f6ef0695ba54d9209324acdcb30a

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

@@ -1,7 +1,12 @@
<template>
  <div class="Enteroverhaul">
    <div class="btns">
      <el-button class="btn" type="primary" @click="startMaintenceTask">
      <el-button
        :disabled="startdisabled"
        class="btn"
        type="primary"
        @click="startMaintenceTask"
      >
        <div
          style="
            display: flex;
@@ -21,6 +26,7 @@
              font-size: 1.25rem;
              margin-top: 1.6rem;
            "
            class="btn_text"
            >开始检修</span
          >
        </div>
@@ -29,6 +35,7 @@
        class="btn"
        type="primary"
        style="margin-left: 6.81rem"
        :disabled="!isStart"
        @click="stopMaintenceTask"
      >
        <div
@@ -50,6 +57,7 @@
              font-size: 1.25rem;
              margin-top: 1.6rem;
            "
            class="btn_text"
            >结束检修</span
          >
        </div>
@@ -87,22 +95,22 @@
            ></template
          >
        </el-table-column>
        <el-table-column
        <!-- <el-table-column
          prop="maintenanceDate"
          label="派发任务时间"
          align="center"
        />
        /> -->

        <el-table-column
          prop="maintenancStartTime"
          label="开始检修时间"
          align="center"
        />
        <el-table-column
        <!-- <el-table-column
          prop="maintenancEendTime"
          label="结束检修时间"
          align="center"
        />
        /> -->
      </el-table>
    </div>
  </div>
@@ -115,6 +123,8 @@
  StartMaintenceTask,
  StopMaintenanceTask,
} from "@/api/user";
import { YShowStartTake } from "@/api/newapi/Maintenance.js";
import { ElMessage } from "element-plus";

const userInfo = ref(store.state.userInfo);
const isStart = ref(false); //是否开始检修
@@ -127,6 +137,17 @@
    tableData.value = [res.data];
  });
};
const getStartTake = async () => {
  YShowStartTake().then((res) => {
    if (res.data.length > 0) {
      isStart.value = true;
    } else {
      isStart.value = false;
    }
    tableData.value = res.data;
  });
};
const startdisabled = ref(false); //开始按钮是否禁用
//开始检修
const startMaintenceTask = async () => {
  StartMaintenceTask({
@@ -134,6 +155,8 @@
  }).then((res) => {
    isStart.value = true;
    tableData.value = [res.data];
    startdisabled.value = true;
    getStartTake();
  });
};
//结束检修
@@ -147,7 +170,8 @@
};

onMounted(() => {
  getMaintenanceTasksOfTheDay();
  // getMaintenanceTasksOfTheDay();
  getStartTake();
});
</script>
<style lang="scss" scoped>
@@ -158,7 +182,6 @@

  .btns {
    margin-top: 7%;

    .btn {
      width: 12.19rem;
      height: 11.63rem;
@@ -180,4 +203,37 @@
    margin-top: 5.19rem;
  }
}
@media screen and (max-width: 1080px) {
  .Enteroverhaul {
    display: flex;
    flex-direction: column;
    align-items: center;

    .btns {
      margin-top: 7%;
      .btn {
        width: 25.19rem;
        height: 24.63rem;
        background-image: url("@/assets/Enteroverhaul/btnbg.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        border: none;
        .btn_text {
          font-size: 2.88rem !important;
        }
      }
    }

    .content_box {
      width: 70%;
      height: 40%;
      background-color: rgba(9, 48, 104, 1);
      color: rgba(16, 16, 16, 1);
      font-size: 0.88rem;
      box-shadow: 0rem 0.13rem 0.38rem 0rem rgba(6, 229, 231, 1);
      border: 0.06rem solid rgba(6, 229, 231, 1);
      margin-top: 5.19rem;
    }
  }
}
</style>