pengwei
2025-04-27 366612bd8e8b88d02a98edf508f96d7add23ff9f
ÏîÄ¿´úÂë/ÉìËõ¸Ë/client/src/views/tts/Enteroverhaul/Enteroverhaul.vue
@@ -2,59 +2,107 @@
  <div class="Enteroverhaul">
    <div class="btns">
      <el-button class="btn" type="primary" @click="startMaintenceTask">
        <div style="
        <div
          style="
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
          ">
          <img style="width: 4.75rem; height: 4.75rem" src="@/assets/Enteroverhaul/start.png" alt="" />
          <span style="
          "
        >
          <img
            style="width: 4.75rem; height: 4.75rem"
            src="@/assets/Enteroverhaul/start.png"
            alt=""
          />
          <span
            style="
              color: rgba(0, 239, 248, 1);
              font-size: 1.25rem;
              margin-top: 1.6rem;
            ">开始检修</span>
            "
            >开始检修</span
          >
        </div>
      </el-button>
      <el-button class="btn" type="primary" style="margin-left: 6.81rem" @click="stopMaintenceTask">
        <div style="
      <el-button
        class="btn"
        type="primary"
        style="margin-left: 6.81rem"
        @click="stopMaintenceTask"
      >
        <div
          style="
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
          ">
          <img style="width: 4.75rem; height: 4.75rem" src="@/assets/Enteroverhaul/pause.png" alt="" />
          <span style="
          "
        >
          <img
            style="width: 4.75rem; height: 4.75rem"
            src="@/assets/Enteroverhaul/pause.png"
            alt=""
          />
          <span
            style="
              color: rgba(0, 239, 248, 1);
              font-size: 1.25rem;
              margin-top: 1.6rem;
            ">结束检修</span>
            "
            >结束检修</span
          >
        </div>
      </el-button>
    </div>
    <div v-if="isStart" class="content_box">
      <el-table empty-text="暂无数据" :data="tableData" style="width: 100%" :header-cell-style="{
        height: '1.61rem',
        color: '#1AC8FE',
        background: '#0A5B91',
        fontSize: '0.88rem',
      }" :cell-style="{
        color: '#fff',
        background: '#147BAF',
      }">
      <el-table
        empty-text="暂无数据"
        :data="tableData"
        style="width: 100%"
        :header-cell-style="{
          height: '1.61rem',
          color: '#1AC8FE',
          background: '#0A5B91',
          fontSize: '0.88rem',
        }"
        :cell-style="{
          color: '#fff',
          background: '#147BAF',
        }"
      >
        <el-table-column prop="userAccount" label="用户账号" align="center" />
        <el-table-column prop="modifier" label="修改人" />
        <el-table-column prop="modifyDate" label="修改时间" align="center" />
        <el-table-column prop="maintenanceStatus" label="检修状态" align="center">
        <el-table-column
          prop="maintenanceStatus"
          label="检修状态"
          align="center"
        >
          <template #default="scope">
            <span v-if="scope.row.maintenanceStatus === 0">未开始</span>
            <span v-else-if="scope.row.maintenanceStatus === 1">进行中</span>
            <span v-else-if="scope.row.maintenanceStatus === 2">已结束</span></template>
            <span v-else-if="scope.row.maintenanceStatus === 2"
              >已结束</span
            ></template
          >
        </el-table-column>
        <el-table-column prop="maintenanceDate" label="派发任务时间" align="center" />
        <el-table-column
          prop="maintenanceDate"
          label="派发任务时间"
          align="center"
        />
        <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>
    </div>
  </div>
@@ -133,4 +181,4 @@
    margin-top: 5.19rem;
  }
}
</style>
</style>