无人机管理后台前端(已迁走)
张含笑
2025-12-09 5808f76456ca0d40de5074f132b73a5a488e3e13
src/views/odm/task.vue
@@ -12,6 +12,7 @@
      @row-update="rowUpdate"
      @row-save="rowSave"
      :before-open="beforeOpen"
      :before-close="beforeClose"
      @search-change="searchChange"
      @search-reset="searchReset"
      @selection-change="selectionChange"
@@ -76,12 +77,12 @@
      },
      selectionList: [],
      option: {
        height: 'auto',
        calcHeight: 32,
        dialogWidth: 950,
        tip: false,
        searchShow: true,
        searchMenuSpan: 6,
        searchGutter: 30,
        searchMenuPosition: 'left',
        searchMenuSpan: 4,
        border: true,
        index: true,
        viewBtn: true,
@@ -92,14 +93,20 @@
        dialogClickModal: false,
        grid: false,
        menuWidth: 260,
        height: 'auto',
        calcHeight: 20,
        column: [
          {
            label: '任务名称',
            prop: 'taskName',
            search: true,
            searchSpan:4,
            labelWidth: 130,
            searchPlaceholder:"任务名称",
            searchSpan: 4,
            // searchLabelWidth: 100,
            //labelWidth: 130,
            searchPlaceholder: '任务名称',
            rules: [
              {
                required: true,
@@ -139,7 +146,7 @@
            prop: 'waylineJobId',
            addDisplay: false,
            editDisplay: false,
            hide:true,
            hide: true,
            labelWidth: 130,
            width: 160,
          },
@@ -148,10 +155,11 @@
            prop: 'waylineType',
            type: 'select',
            search: true,
            searchSpan: 3,
            width: 100,
            searchSpan: 4,
            // searchLabelWidth: 100,
            //width: 100,
            labelWidth: 130,
            searchPlaceholder:"任务类型",
            searchPlaceholder: '任务类型',
            dicData: [
              {
                label: '航测',
@@ -162,13 +170,17 @@
                value: 4,
              },
            ],
            change: value => {
              this.searchChange({ ...this.query, waylineType: value.value }, () => {});
            },
          },
          {
            label: '机场名称',
            prop: 'airportName',
            labelWidth: 130,
            search: true,
            searchSpan: 4,
            // searchLabelWidth: 100,
            labelWidth: 130,
            //search: true,
          },
          {
            label: '图片数量',
@@ -193,36 +205,22 @@
            prop: 'status',
            type: 'select',
            search: true,
            searchSpan: 3,
            searchSpan: 4,
            // searchLabelWidth: 100,
            searchPlaceholder: '任务状态',
            labelWidth: 130,
            searchPlaceholder:"任务状态",
            width: 90,
            dicData: [
              {
                label: '待启动',
                value: 0,
              },
              {
                label: '待处理',
                value: 10,
              },
              {
                label: '处理中',
                value: 20,
              },
              {
                label: '失败',
                value: 30,
              },
              {
                label: '已完成',
                value: 40,
              },
              {
                label: '已取消',
                value: 50,
              },
              { label: '待启动', value: 0 },
              { label: '待处理', value: 10 },
              { label: '处理中', value: 20 },
              { label: '失败', value: 30 },
              { label: '已完成', value: 40 },
              { label: '已取消', value: 50 },
            ],
            change: value => {
              this.searchChange({ ...this.query, status: value.value }, () => {});
            },
          },
          {
@@ -237,22 +235,26 @@
            // valueFormat: 'YYYY-MM-DD HH:mm:ss',
          },
          {
            label: '飞行任务完成时间',
            label: '完成时间',
            prop: 'completedTime',
            type:"date",
            type: 'date',
            addDisplay: false,
            editDisplay: false,
            searchPlaceholder:"任务完成时间",
            searchPlaceholder: '任务完成时间',
            labelWidth: 130,
            search:true,
            searchSpan:4,
            searchLabelWidth:130,
            valueFormat: 'YYYY-MM-DD',
            search: true,
            searchSpan: 4,
            // searchLabelWidth: 100,
            //valueFormat: 'YYYY-MM-DD',
            width: 160,
            change: value => {
              this.searchChange({ ...this.query, completedTime: value.value }, () => {});
            },
          },
        ],
      },
      data: [],
      isClickSearch: true,
    };
  },
  computed: {
@@ -275,7 +277,7 @@
  methods: {
    // 立即处理
    atHandle(row) {
      createOdmTask(row.waylineJobId,row.gsd).then(
      createOdmTask(row.waylineJobId, row.gsd).then(
        () => {
          this.onLoad(this.page);
          this.$message({
@@ -395,6 +397,8 @@
      this.onLoad(this.page);
    },
    searchChange(params, done) {
      if (!this.isClickSearch) return;
      this.query = params;
      this.page.currentPage = 1;
      this.onLoad(this.page, params);
@@ -435,8 +439,17 @@
      //     this.form = res.data.data;
      //   });
      // }
      this.isClickSearch = false;
      done();
    },
    beforeClose(done, type) {
      this.isClickSearch = true;
      done();
    },
    currentChange(currentPage) {
      this.page.currentPage = currentPage;
    },
@@ -448,6 +461,7 @@
    },
    onLoad(page, params = {}) {
      const { releaseTimeRange } = this.query;
      let values = {
        ...params,
        ...this.query,
@@ -473,4 +487,4 @@
};
</script>
<style></style>
<style scoped lang="scss"></style>