feat:任务管理操作栏样式调整

shuishen

2025-07-21 936df9c00462a85f577964cd979f487e18f1aa2e

 src/views/job/components/TaskIntermediateContent/TaskIntermediateContent.vue

@@ -50,43 +50,25 @@
            <el-table-column prop="creator_name" label="创建人" align="center" show-overflow-tooltip />
            <el-table-column label="操作" width="200" align="center">
               <template #default="scope">
                  <div
                     v-if="scope.row.status === 2"
                     class="btnItem"
                     link
                     type="primary"
                     @click="turnBack(scope.row)"
                  >
                  <!-- <el-button type="text" @click="rejectDetail(row.id)">驳回原因</el-button> -->
                  <el-button icon="el-icon-back" v-if="scope.row.status === 2" type="text"
                     @click="turnBack(scope.row)">
                     返航
                  </div>
                  <div
                     v-if="scope.row.status === 1"
                     class="btnItem"
                     link
                     type="primary"
                     @click="cancelTask(scope.row)"
                  >
                  </el-button>
                  <el-button icon="el-icon-close" v-if="scope.row.status === 1" type="text"
                     @click="cancelTask(scope.row)">
                     取消任务
                  </div>
                  <div class="btnItem" link type="primary" @click="handleDetail(scope.row)">查看</div>
                  </el-button>
                  <el-button icon="el-icon-view" type="text" @click="handleDetail(scope.row)">查看</el-button>
               </template>
            </el-table-column>
         </el-table>
      </div>
      <div class="pagination">
         <el-pagination
            class="ztzf-pagination"
            popper-class="custom-pagination-dropdown"
            background
            :page-sizes="[10, 20, 30, 40,50,100]"
            :size="size"
            v-model:current-page="jobListParams.current"
            v-model:page-size="jobListParams.size"
            layout="total, sizes, prev, pager, next, jumper"
            :total="total"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
         />
         <el-pagination class="ztzf-pagination" popper-class="custom-pagination-dropdown" background
            :page-sizes="[10, 20, 30, 40, 50, 100]" :size="size" v-model:current-page="jobListParams.current"
            v-model:page-size="jobListParams.size" layout="total, sizes, prev, pager, next, jumper" :total="total"
            @size-change="handleSizeChange" @current-change="handleCurrentChange" />
      </div>
   </div>
   <!-- 添加任务 -->
@@ -113,7 +95,7 @@
import DeviceJobDetails from '../DeviceJobDetails.vue'
import CancelTaskDialog from '../CancelTaskDialog.vue'
import { useStore } from 'vuex'
import { cloneDeep } from 'lodash';
import { cloneDeep } from 'lodash'
const store = useStore()
const singleUavHome = computed(() => store.state.home.singleUavHome)
const jobListParams = reactive({
@@ -130,14 +112,14 @@

// 获取任务列表
const getJobList = () => {
  const apiParams = {
    ...cloneDeep(jobListParams),
    searchParams: {
      ...cloneDeep(jobListParams.searchParams),
      status_list: jobListParams.searchParams.status || undefined,
      status: undefined,
    },
  }
   const apiParams = {
      ...cloneDeep(jobListParams),
      searchParams: {
         ...cloneDeep(jobListParams.searchParams),
         status_list: jobListParams.searchParams.status || undefined,
         status: undefined,
      },
   }
   jobList(apiParams).then(res => {
      if (res.data.code !== 0) return
      jobListData.value = res.data.data.records