最新提交

pengwei

2025-03-12 18fcb8ad28f583e3e1b99b23e4f7d9e1833dcd83

 ÏîÄ¿´úÂë/client/src/views/tts/TheCurrentJob/Thecurrentjob.vue

@@ -3,20 +3,20 @@
    <div class="content">
      <div class="checkbox">
        <div
          :class="['item', isactive == 1 ? 'isactive' : '']"
          @click="changeactive(1)"
          :class="['item', isactive == '机械' ? 'isactive' : '']"
          @click="changeactive('机械')"
        >
          æœºæ¢°
        </div>
        <div
          :class="['item', isactive == 2 ? 'isactive' : '']"
          @click="changeactive(2)"
          :class="['item', isactive == '电气' ? 'isactive' : '']"
          @click="changeactive('电气')"
        >
          ç”µæ°”
        </div>
        <div
          :class="['item', isactive == 3 ? 'isactive' : '']"
          @click="changeactive(3)"
          :class="['item', isactive == '地沟' ? 'isactive' : '']"
          @click="changeactive('地沟')"
        >
          åœ°æ²Ÿ
        </div>
@@ -24,13 +24,14 @@
      <div class="serch">
        <div class="time_box">
          <el-select
            v-model="value"
            v-model="queryForm.selectName"
            :empty-values="[null, undefined]"
            placeholder="请选择"
            size="small"
            style="width: 6.19rem; height: 2rem; margin-right: 0.98rem"
            style="width: 8.19rem; height: 2rem; margin-right: 0.98rem"
          >
            <el-option
              v-for="item in options"
              v-for="item in stateType"
              :key="item.value"
              :label="item.label"
              :value="item.value"
@@ -58,27 +59,45 @@
            size="small"
          />
        </div>
        <div class="serch_box">
          <div class="serchb">全局搜索</div>
        <!-- <div class="serch_box">
          <div class="serchb">
            <el-select
              v-model="queryForm.selectType"
              placeholder="请选择"
              size="small"
              style="width: 100%; height: 100%; font-size: 0.15rem"
            >
              <el-option
                v-for="item in selectoptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </div>
          <input
            v-model="queryForm.selectName"
            v-model="queryForm.inputcontent"
            placeholder="请输入关键词搜索"
            style="border-left: 0.06rem solid #e2e2e2"
          />
        </div>
        </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">重置</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
@@ -92,7 +111,8 @@
      <div style="margin-top: 1rem; height: 100%">
        <!-- æœºæ¢° -->
        <el-table
          v-if="isactive == 1"
          v-if="isactive == '机械'"
          height="450"
          :data="tableData"
          style="width: 100%"
          :header-cell-style="{
@@ -109,56 +129,133 @@
          }"
        >
          <el-table-column type="selection" align="center" />
          <el-table-column prop="address" label="任务名称" align="center" />
          <el-table-column prop="name" label="技术员" align="center" />
          <el-table-column prop="address" label="检修工长" align="center" />
          <el-table-column prop="address" label="机械质检员" align="center" />
          <el-table-column prop="address" label="机械矩作业员" align="center" />
          <el-table-column prop="address" label="机械辅助员" align="center" />
          <el-table-column prop="address" label="任务详情" align="center">
            <template #default="">
              <el-popover placement="right" :width="600" trigger="click">
          <el-table-column prop="takename" label="任务名称" align="center" />
          <el-table-column prop="jishuyuan" label="技术员" align="center" />
          <el-table-column prop="gonzhang" label="检修工长" align="center" />
          <el-table-column
            prop="zhijianyuan"
            label="机械质检员"
            align="center"
          />
          <el-table-column
            prop="lijuzouyeyuan"
            label="机械矩作业员"
            align="center"
          />
          <el-table-column prop="fuzyuan" label="机械辅助员" align="center" />
          <el-table-column label="任务详情" align="center">
            <template #default="scope">
              <el-popover
                placement="right"
                :width="600"
                trigger="click"
                @show="showdata(scope.row)"
              >
                <template #reference>
                  <span style="color: blue; font-size: 0.88rem; cursor: pointer"
                    >查看</span
                  >
                </template>
                <el-table :data="gridData" width="100%">
                  <el-table-column property="date" label="车型" />
                  <el-table-column property="name" label="车组" />
                  <el-table-column property="address" label="股道" />
                  <el-table-column property="address" label="车厢号位置" />
                  <el-table-column property="address" label="转向架位置" />
                  <el-table-column property="address" label="检修班组" />
                  <el-table-column property="trainKind" label="车型" />
                  <el-table-column property="coachNum" label="车组" />
                  <el-table-column property="track" label="股道" />
                  <el-table-column property="trainNum" label="车厢号位置" />
                  <el-table-column property="bogie" label="转向架位置" />
                  <el-table-column property="processDept" label="检修班组" />
                </el-table>
              </el-popover>
            </template>
          </el-table-column>
          <el-table-column prop="address" label="作业状态" align="center" />
          <el-table-column prop="address" label="派工人" align="center" />
          <el-table-column prop="address" label="派工日期" align="center" />
          <el-table-column prop="address" label="完成日期" align="center" />
          <el-table-column prop="address" label="操作" align="center">
            <template #default="">
              <el-button size="small" type="text" @click="claim"
          <el-table-column prop="pustatus" label="作业状态" align="center">
            <template #default="scope">
              <span
                style="color: #ffb200"
                v-if="
                  scope.row.pustatus != 1 &&
                  scope.row.pustatus != 2 &&
                  scope.row.pustatus != 3 &&
                  scope.row.pustatus != 4
                "
                >待领筒</span
              >
              <span style="color: #31cf15" v-if="scope.row.pustatus == 1"
                >待作业</span
              >
              <span style="color: #e88715" v-if="scope.row.pustatus == 2"
                >待归筒</span
              >
              <span style="color: #ff0000" v-if="scope.row.pustatus == 3"
                >待质检</span
              >
              <span style="color: #cad2da" v-if="scope.row.pustatus == 4"
                >已完成</span
              >
            </template>
          </el-table-column>
          <el-table-column prop="pupeople" label="派工人" align="center"
            ><template #default=""> {{ userInfo }}</template></el-table-column
          >
          <el-table-column
            prop="dispatchtime"
            label="派工日期"
            align="center"
          />
          <el-table-column
            prop="finishedtime"
            label="完成日期"
            align="center"
          />
          <el-table-column label="操作" align="center">
            <template #default="scope">
              <el-button
                v-if="
                  scope.row.pustatus != 1 &&
                  scope.row.pustatus != 2 &&
                  scope.row.pustatus != 3 &&
                  scope.row.pustatus != 4
                "
                size="small"
                type="text"
                @click="claim(scope.row, 1)"
                >确认领取</el-button
              >
              <!-- <el-button size="small" type="text" @click="Edit"
              <el-button
                v-if="scope.row.pustatus == 1"
                size="small"
                type="text"
                @click="router.push('/Startjob')"
                >开始作业</el-button
              >
              <el-button size="small" type="text" @click="Edit"
              <el-button
                v-if="scope.row.pustatus == 2"
                size="small"
                type="text"
                @click="claim(scope.row, 3)"
                >确认归还</el-button
              >
              <el-button size="small" type="text" @click="Edit"
              <el-button
                v-if="scope.row.pustatus == 3"
                size="small"
                type="text"
                @click="claim(scope.row, 4)"
                >完成质检</el-button
              > -->
              >
              <el-button
                :disabled="true"
                v-if="scope.row.pustatus == 4"
                size="small"
                type="text"
                >已完成</el-button
              >
            </template>
          </el-table-column>
        </el-table>

        <!-- ç”µæ°” -->
        <el-table
          v-if="isactive == 2"
          height="450"
          v-if="isactive == '电气'"
          :data="tableData"
          style="width: 100%"
          :header-cell-style="{
@@ -175,56 +272,133 @@
          }"
        >
          <el-table-column type="selection" align="center" />
          <el-table-column prop="address" label="任务名称" align="center" />
          <el-table-column prop="name" label="技术员" align="center" />
          <el-table-column prop="address" label="检修工长" align="center" />
          <el-table-column prop="address" label="电气质检员" align="center" />
          <el-table-column prop="address" label="电气矩作业员" align="center" />
          <el-table-column prop="address" label="电气辅助员" align="center" />
          <el-table-column prop="address" label="任务详情" align="center">
            <template #default="">
              <el-popover placement="right" :width="600" trigger="click">
          <el-table-column prop="takename" label="任务名称" align="center" />
          <el-table-column prop="jishuyuan" label="技术员" align="center" />
          <el-table-column prop="gonzhang" label="检修工长" align="center" />
          <el-table-column
            prop="zhijianyuan"
            label="电气质检员"
            align="center"
          />
          <el-table-column
            prop="lijuzouyeyuan"
            label="电气矩作业员"
            align="center"
          />
          <el-table-column prop="fuzyuan" label="电气辅助员" align="center" />
          <el-table-column label="任务详情" align="center">
            <template #default="scope">
              <el-popover
                placement="right"
                :width="600"
                trigger="click"
                @show="showdata(scope.row)"
              >
                <template #reference>
                  <span style="color: blue; font-size: 0.88rem; cursor: pointer"
                    >查看</span
                  >
                </template>
                <el-table :data="gridData" width="100%">
                  <el-table-column property="date" label="车型" />
                  <el-table-column property="name" label="车组" />
                  <el-table-column property="address" label="股道" />
                  <el-table-column property="address" label="车厢号位置" />
                  <el-table-column property="address" label="转向架位置" />
                  <el-table-column property="address" label="检修班组" />
                  <el-table-column property="trainKind" label="车型" />
                  <el-table-column property="coachNum" label="车组" />
                  <el-table-column property="track" label="股道" />
                  <el-table-column property="trainNum" label="车厢号位置" />
                  <el-table-column property="bogie" label="转向架位置" />
                  <el-table-column property="processDept" label="检修班组" />
                </el-table>
              </el-popover>
            </template>
          </el-table-column>
          <el-table-column prop="address" label="作业状态" align="center" />
          <el-table-column prop="address" label="派工人" align="center" />
          <el-table-column prop="address" label="派工日期" align="center" />
          <el-table-column prop="address" label="完成日期" align="center" />
          <el-table-column prop="address" label="操作" align="center">
            <template #default="">
              <el-button size="small" type="text" @click="Edit"
          <el-table-column prop="pustatus" label="作业状态" align="center">
            <template #default="scope">
              <span
                style="color: #ffb200"
                v-if="
                  scope.row.pustatus != 1 &&
                  scope.row.pustatus != 2 &&
                  scope.row.pustatus != 3 &&
                  scope.row.pustatus != 4
                "
                >待领筒</span
              >
              <span style="color: #31cf15" v-if="scope.row.pustatus == 1"
                >待作业</span
              >
              <span style="color: #e88715" v-if="scope.row.pustatus == 2"
                >待归筒</span
              >
              <span style="color: #ff0000" v-if="scope.row.pustatus == 3"
                >待质检</span
              >
              <span style="color: #cad2da" v-if="scope.row.pustatus == 4"
                >已完成</span
              >
            </template>
          </el-table-column>
          <el-table-column prop="pupeople" label="派工人" align="center">
            <template #default=""> {{ userInfo }}</template>
          </el-table-column>
          <el-table-column
            prop="dispatchtime"
            label="派工日期"
            align="center"
          />
          <el-table-column
            prop="finishedtime"
            label="完成日期"
            align="center"
          />
          <el-table-column label="操作" align="center">
            <template #default="scope">
              <el-button
                v-if="
                  scope.row.pustatus != 1 &&
                  scope.row.pustatus != 2 &&
                  scope.row.pustatus != 3 &&
                  scope.row.pustatus != 4
                "
                size="small"
                type="text"
                @click="claim(scope.row, 1)"
                >确认领取</el-button
              >
              <!-- <el-button size="small" type="text" @click="Edit"
              <el-button
                v-if="scope.row.pustatus == 1"
                size="small"
                type="text"
                @click="claim(scope.row, 2)"
                >开始作业</el-button
              >
              <el-button size="small" type="text" @click="Edit"
              <el-button
                v-if="scope.row.pustatus == 2"
                size="small"
                type="text"
                @click="claim(scope.row, 3)"
                >确认归还</el-button
              >
              <el-button size="small" type="text" @click="Edit"
              <el-button
                v-if="scope.row.pustatus == 3"
                size="small"
                type="text"
                @click="claim(scope.row, 4)"
                >完成质检</el-button
              > -->
              >
              <el-button
                :disabled="true"
                v-if="scope.row.pustatus == 4"
                size="small"
                type="text"
                >已完成</el-button
              >
            </template>
          </el-table-column>
        </el-table>

        <!-- åœ°æ²Ÿ -->
        <el-table
          v-if="isactive == 3"
          height="450"
          v-if="isactive == '地沟'"
          :data="tableData"
          style="width: 100%"
          :header-cell-style="{
@@ -241,49 +415,125 @@
          }"
        >
          <el-table-column type="selection" align="center" />
          <el-table-column prop="address" label="任务名称" align="center" />
          <el-table-column prop="name" label="技术员" align="center" />
          <el-table-column prop="address" label="检修工长" align="center" />
          <el-table-column prop="address" label="地沟质检员" align="center" />
          <el-table-column prop="address" label="地沟矩作业员" align="center" />
          <el-table-column prop="address" label="地沟辅助员" align="center" />
          <el-table-column prop="address" label="任务详情" align="center">
            <template #default="">
              <el-popover placement="right" :width="600" trigger="click">
          <el-table-column prop="takename" label="任务名称" align="center" />
          <el-table-column prop="jishuyuan" label="技术员" align="center" />
          <el-table-column prop="gonzhang" label="检修工长" align="center" />
          <el-table-column
            prop="zhijianyuan"
            label="地沟质检员"
            align="center"
          />
          <el-table-column
            prop="lijuzouyeyuan"
            label="地沟矩作业员"
            align="center"
          />
          <el-table-column prop="fuzyuan" label="地沟辅助员" align="center" />
          <el-table-column label="任务详情" align="center">
            <template #default="scope">
              <el-popover
                placement="right"
                :width="600"
                trigger="click"
                @show="showdata(scope.row)"
              >
                <template #reference>
                  <span style="color: blue; font-size: 0.88rem; cursor: pointer"
                    >查看</span
                  >
                </template>
                <el-table :data="gridData" width="100%">
                  <el-table-column property="date" label="车型" />
                  <el-table-column property="name" label="车组" />
                  <el-table-column property="address" label="股道" />
                  <el-table-column property="address" label="车厢号位置" />
                  <el-table-column property="address" label="转向架位置" />
                  <el-table-column property="address" label="检修班组" />
                  <el-table-column property="trainKind" label="车型" />
                  <el-table-column property="coachNum" label="车组" />
                  <el-table-column property="track" label="股道" />
                  <el-table-column property="trainNum" label="车厢号位置" />
                  <el-table-column property="bogie" label="转向架位置" />
                  <el-table-column property="processDept" label="检修班组" />
                </el-table>
              </el-popover>
            </template>
          </el-table-column>
          <el-table-column prop="address" label="作业状态" align="center" />
          <el-table-column prop="address" label="派工人" align="center" />
          <el-table-column prop="address" label="派工日期" align="center" />
          <el-table-column prop="address" label="完成日期" align="center" />
          <el-table-column prop="address" label="操作" align="center">
            <template #default="">
              <el-button size="small" type="text" @click="Edit"
          <el-table-column prop="pustatus" label="作业状态" align="center">
            <template #default="scope">
              <span
                style="color: #ffb200"
                v-if="
                  scope.row.pustatus != 1 &&
                  scope.row.pustatus != 2 &&
                  scope.row.pustatus != 3 &&
                  scope.row.pustatus != 4
                "
                >待领筒</span
              >
              <span style="color: #31cf15" v-if="scope.row.pustatus == 1"
                >待作业</span
              >
              <span style="color: #e88715" v-if="scope.row.pustatus == 2"
                >待归筒</span
              >
              <span style="color: #ff0000" v-if="scope.row.pustatus == 3"
                >待质检</span
              >
              <span style="color: #cad2da" v-if="scope.row.pustatus == 4"
                >已完成</span
              >
            </template>
          </el-table-column>
          <el-table-column prop="pupeople" label="派工人" align="center">
            <template #default=""> {{ userInfo }}</template>
          </el-table-column>
          <el-table-column
            prop="dispatchtime"
            label="派工日期"
            align="center"
          />
          <el-table-column
            prop="finishedtime"
            label="完成日期"
            align="center"
          />
          <el-table-column label="操作" align="center">
            <template #default="scope">
              <el-button
                v-if="
                  scope.row.pustatus != 1 &&
                  scope.row.pustatus != 2 &&
                  scope.row.pustatus != 3 &&
                  scope.row.pustatus != 4
                "
                size="small"
                type="text"
                @click="claim(scope.row, 1)"
                >确认领取</el-button
              >
              <!-- <el-button size="small" type="text" @click="Edit"
              <el-button
                v-if="scope.row.pustatus == 1"
                size="small"
                type="text"
                @click="claim(scope.row, 2)"
                >开始作业</el-button
              >
              <el-button size="small" type="text" @click="Edit"
              <el-button
                v-if="scope.row.pustatus == 2"
                size="small"
                type="text"
                @click="claim(scope.row, 3)"
                >确认归还</el-button
              >
              <el-button size="small" type="text" @click="Edit"
              <el-button
                v-if="scope.row.pustatus == 3"
                size="small"
                type="text"
                @click="claim(scope.row, 4)"
                >完成质检</el-button
              > -->
              >
              <el-button
                :disabled="true"
                v-if="scope.row.pustatus == 4"
                size="small"
                type="text"
                >已完成</el-button
              >
            </template>
          </el-table-column>
        </el-table>
@@ -301,341 +551,14 @@
          size="small"
          background
          layout="prev, pager, next"
          :total="1"
          :current-page="pageQuery.page"
          :page-size="pageQuery.rows"
          :total="pageTotal"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        />
      </div>
    </div>

    <!-- æ–°å»ºç¼–辑弹出框 -->
    <el-dialog
      v-model="dialogVisible"
      title=""
      width="60%"
      :before-close="handleClose"
      top="2%"
    >
      <template #title>
        <div
          style="
            height: 3.63rem;
            display: flex;
            border-bottom: 1px solid #e6e6e6;
          "
        >
          <span
            style="color: rgb(16, 16, 16); font-size: 1rem; font-weight: bold"
            >派任务</span
          >
        </div>
      </template>
      <el-form :model="form" label-width="auto" label-position="top">
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >任务名称</span
                  >
                </div>
              </template>
              <el-input size="small" v-model="form.name" placeholder="请输入" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >技术员</span
                  >
                </div>
              </template>
              <el-input size="small" v-model="form.name" placeholder="请输入" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >检修工长</span
                  >
                </div>
              </template>
              <el-input size="small" v-model="form.name" placeholder="请输入" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <span
            style="
              color: rgb(16, 16, 16);
              font-size: 1rem;
              font-weight: bold;
              margin-bottom: 1.25rem;
            "
            >质检组</span
          >
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >电气质检</span
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >机械质检</span
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >地沟质检</span
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <span
            style="
              color: rgb(16, 16, 16);
              font-size: 1rem;
              font-weight: bold;
              margin-bottom: 1.25rem;
            "
            >电气组</span
          >
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >电气力矩作业员</span
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >电气辅助员</span
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <span
            style="
              color: rgb(16, 16, 16);
              font-size: 1rem;
              font-weight: bold;
              margin-bottom: 1.25rem;
            "
            >机械组</span
          >
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >机械力矩作业员</span
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >机械辅助员</span
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <span
            style="
              color: rgb(16, 16, 16);
              font-size: 1rem;
              font-weight: bold;
              margin-bottom: 1.25rem;
            "
            >地沟组</span
          >
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >地沟力矩作业员</span
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item>
              <template #label>
                <div style="display: flex; align-items: flex-end">
                  <span style="color: red; margin-right: 0.2rem">*</span>
                  <span
                    style="font-size: 0.88rem; color: black; font-weight: bold"
                    >地沟辅助员</span
                  >
                </div>
              </template>
              <el-select v-model="value" placeholder="请选择" size="small">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <template #footer>
        <div class="dialog-footer" style="text-align: center">
          <el-button
            size="small"
            @click="dialogVisible = false"
            style="height: 2rem; font-size: 0.88rem"
            >取消</el-button
          >

          <el-button
            size="small"
            type="primary"
            @click="dialogVisible = false"
            style="height: 2rem; font-size: 0.88rem"
          >
            ä¿å­˜
          </el-button>
        </div>
      </template>
    </el-dialog>

    <!-- ç¡®è®¤é¢†å–弹出框 -->
    <el-dialog
      v-model="claimdialogVisible"
@@ -653,22 +576,20 @@
      >
        <el-icon color="#FAAD14"><WarningFilled /></el-icon>
        <span style="color: rgba(0, 0, 0, 1); font-size: 1.25rem"
          >是否确认完成套筒数量[5]的领取？</span
          >是否确认完成套筒数量[{{ TTnum }}]的领取？</span
        >
      </div>
      <template #footer>
        <div class="dialog-footer" style="text-align: right">
          <el-button @click="claimdialogVisible = false">取消</el-button>
          <el-button type="primary" @click="claimdialogVisible = false">
            ç¡®è®¤
          </el-button>
          <el-button type="primary" @click="changeStatus"> ç¡®è®¤ </el-button>
        </div>
      </template>
    </el-dialog>

    <!-- ç¡®è®¤å½’还弹出框 -->
    <el-dialog
      v-model="claimdialogVisible"
      v-model="claimdialogVisible1"
      title="确认完成"
      width="400"
      align-center
@@ -683,22 +604,20 @@
      >
        <el-icon color="#FAAD14"><WarningFilled /></el-icon>
        <span style="color: rgba(0, 0, 0, 1); font-size: 1.25rem"
          >是否确认完成套筒数量[5]的归还？</span
          >是否确认完成套筒数量[{{ TTnum }}]的归还？</span
        >
      </div>
      <template #footer>
        <div class="dialog-footer" style="text-align: right">
          <el-button @click="claimdialogVisible = false">取消</el-button>
          <el-button type="primary" @click="claimdialogVisible = false">
            ç¡®è®¤
          </el-button>
          <el-button @click="claimdialogVisible1 = false">取消</el-button>
          <el-button type="primary" @click="changeStatus"> ç¡®è®¤ </el-button>
        </div>
      </template>
    </el-dialog>

    <!-- å®Œæˆè´¨æ£€å¼¹å‡ºæ¡† -->
    <el-dialog
      v-model="claimdialogVisible"
      v-model="claimdialogVisible2"
      title="确认完成"
      width="400"
      align-center
@@ -718,7 +637,7 @@
      </div>
      <template #footer>
        <div class="dialog-footer" style="text-align: right">
          <el-button @click="claimdialogVisible = false">取消</el-button>
          <el-button @click="claimdialogVisible2 = false">取消</el-button>
          <el-button type="primary" @click="claimdialogVisible = false">
            ç¡®è®¤
          </el-button>
@@ -727,7 +646,7 @@
    </el-dialog>

    <!-- äººè„¸è¯†åˆ«å¼¹å‡ºæ¡† -->
    <el-dialog v-model="claimdialogVisible" title="" width="400" align-center>
    <el-dialog v-model="claimdialogVisible3" title="" width="400" align-center>
      <div
        style="
          display: flex;
@@ -766,35 +685,84 @@
  </div>
</template>
<script setup>
import { ref, reactive } from "vue";
import { ref, reactive, onMounted } from "vue";
import { ElMessage, ElMessageBox } from "element-plus";
import { useRouter } from "vue-router";
const router = useRouter();
import { GetPageData, ExportApi } from "@/api/newapi/Thecurrentjob";
import { formatTime } from "@/utils/index.js";
import { GetDetail, ChangeStatus } from "@/api/newapi/Thecurrentjob";
import { GetSleeveandStep } from "@/api/newapi/Process";

const queryForm = reactive({
const router = useRouter();
const obj = {
  selectName: "",
  selectTime: [], // æ—¶é—´èŒƒå›´
  selectType: "",
  inputcontent: "",
};
const queryForm = ref({
  selectName: "",
  selectTime: [], // æ—¶é—´èŒƒå›´
  selectType: "",
  inputcontent: "",
});

const selectoptions = ref([
  {
    value: "takename",
    label: "任务名称",
  },
  {
    value: "jishuyuan",
    label: "技术员",
  },
  {
    value: "gonzhang",
    label: "检修工长",
  },
]);
const tableData = ref([]);

const gridData = ref([]);
const options = ref([]);
const props = { multiple: true };

const table = ref(false);
const form = reactive({});
const isactive = ref(1);
const isactive = ref("机械");
const claimdialogVisible = ref(false);
const claimdialogVisible1 = ref(false);
const claimdialogVisible2 = ref(false);
const claimdialogVisible3 = ref(false);
const stateType = ref([
  {
    label: "全部状态",
    value: "",
  },
  {
    label: "待领筒",
    value: "0",
  },
  {
    label: "待作业",
    value: "1",
  },
  {
    label: "待归筒",
    value: "2",
  },
  {
    label: "待质检",
    value: "3",
  },
  {
    label: "已完成",
    value: "4",
  },
]);

const changeactive = (index) => {
  isactive.value = index;
const changeactive = (value) => {
  isactive.value = value;
  queryForm.selectType = value;
  initData();
};
function cancelClick() {
  table.value = false;
}
function confirmClick() {
  table.value = false;
}
//弹出框
const dialogVisible = ref(false);
//删除方法
@@ -805,10 +773,150 @@
const Edit = () => {
  dialogVisible.value = true;
};
const claimdata = ref({
  id: "",
  gruops: "",
});
const TTnum = ref(0);
//确认领取
const claim = () => {
const claim = (val, num) => {
  claimdata.value.id = val.njtakeid;
  claimdata.value.gruops = isactive.value;
  GetSleeveandStep(claimdata.value.gruops).then((res) => {
    TTnum.value = res.data[0].sumTorqueSum;
    if (num == 1) {
  claimdialogVisible.value = true;
      return;
    }
    if (num == 2) {
      return;
    }
    if (num == 3) {
      claimdialogVisible1.value = true;
      return;
    }
    if (num == 4) {
      claimdialogVisible2.value = true;
      return;
    }
  });
};

const changeStatus = () => {
  ChangeStatus(claimdata.value).then((res) => {
    ElMessage({
      message: res.msg,
      type: "success",
    });
    initData();
  });
};

//查看详情
const showdata = (val) => {
  gridData.value = [];
  GetDetail(val.njtakeid).then((res) => {
    gridData.value.push(res.data);
  });
};

//分页请求参数
const pageQuery = ref({
  page: 1, //当前页面
  rows: 10, //每页显示条数
  order: "desc", //排序方式
  sort: "dispatchtime", //排序字段
  wheres: "", //条件查询
});

//分页页面大小改变
const handleSizeChange = (val) => {
  pageQuery.value.rows = val;
  initData();
};

//分页页面改变
const handleCurrentChange = (val) => {
  pageQuery.value.page = val;
  initData();
};
const pageTotal = ref(0);
const initData = () => {
  // æŸ¥è¯¢æ¡ä»¶
  const startTime = formatTime(queryForm.value.selectTime[0]);
  const endTime = formatTime(queryForm.value.selectTime[1]);
  const filter = [
    {
      name: "grouptype",
      value: isactive.value,
      displayType: "String",
    },
    {
      name: queryForm.value.selectType,
      value: queryForm.value.inputcontent,
      displayType: "String",
    },
    {
      name: "pustatus",
      value: queryForm.value.selectName,
      displayType: "String",
    },
    { name: "dispatchtime", value: startTime, displayType: "ThanOrEqual" },
    { name: "dispatchtime", value: endTime, displayType: "LessOrEqual" },
  ];
  GetPageData({
    ...pageQuery.value,
    filter,
  }).then((res) => {
    tableData.value = res.rows;
    pageTotal.value = res.total;
  });
};

const printExcel = () => {
  // æŸ¥è¯¢æ¡ä»¶
  const startTime = formatTime(queryForm.value.selectTime[0]);
  const endTime = formatTime(queryForm.value.selectTime[1]);
  const filter = [
    {
      name: "grouptype",
      value: isactive.value,
      displayType: "String",
    },
    {
      name: queryForm.value.selectType,
      value: queryForm.value.selectInput,
      displayType: "String",
    },
    {
      name: "pustatus",
      value: queryForm.value.selectName,
      displayType: "String",
    },
    { name: "dispatchtime", value: startTime, displayType: "ThanOrEqual" },
    { name: "dispatchtime", value: endTime, displayType: "LessOrEqual" },
  ];
  ExportApi({
    ...pageQuery.value,
    filter,
  });
};
//数据检索事件
const handleQuery = () => {
  pageQuery.value.page = 1;
  initData();
};
const resetQuery = () => {
  queryForm.value = Object.assign({}, obj);
  pageQuery.value.page = 1;
  initData();
};
const userInfo = ref("");

onMounted(() => {
  initData();
  userInfo.value = JSON.parse(localStorage.getItem("user")).userName;
});
</script>
<style lang="scss" scoped>
.Thecurrentjob {
@@ -873,8 +981,6 @@
          width: 6.88rem;
          height: 2rem;
          text-align: center;
          border: 0.06rem solid rgba(222, 222, 222, 1);
          border-radius: 0.25rem 0 0 0.25rem;
          font-size: 0.75rem;
          display: flex;
          align-items: center;