2024.7.17

riku

2024-07-17 264880703c677d63b7e35b5eb085e6bc3214e3ed

 src/components/mission/MissionManage.vue

@@ -7,34 +7,16 @@
  >
    任务管理
  </el-button>
  <el-dialog v-model="dialogVisible" :show-close="false" align-center>
    <template #header="{ close, titleId, titleClass }">
      <BaseCard direction="top-left" borderless="t">
        <template #content>
          <el-row justify="space-between" align="middle">
            <el-row align="middle">
              <font-awesome-icon icon="fa fa-list" class="m-r-4" />
              <span :id="titleId" :class="titleClass">走航任务管理</span>
            </el-row>
            <font-awesome-icon
              icon="fa fa-times"
              class="cursor-p m-r-4"
              @click="close"
            />
          </el-row>
        </template>
      </BaseCard>
    </template>
    <BaseCard size="medium">
      <template #content>
  <CardDialog v-model="dialogVisible" title="走航任务管理">
        <el-row class="mission-table">
          <el-col :span="20">
            <el-table
              :data="missionList"
          :data="missionStore.missionList"
              table-layout="fixed"
              size="small"
              :show-overflow-tooltip="true"
              border
          height="64vh"
              row-class-name="t-row"
              cell-class-name="t-cell"
              header-row-class-name="t-header-row"
@@ -46,11 +28,7 @@
                align="center"
                width="50"
              />
              <el-table-column
                prop="missionCode"
                label="任务编号"
                align="center"
              />
          <el-table-column prop="missionCode" label="任务编号" align="center" />
              <el-table-column
                prop="startTime"
                label="开始时间"
@@ -95,28 +73,44 @@
            </div>
          </el-col>
        </el-row>
      </template>
    </BaseCard>
  </el-dialog>
  </CardDialog>
  <MessageBox
    v-model="msgBoxVisible"
    :on-confirm="onConfirm"
    title="删除走航任务"
    msg="确认是否删除该走航任务"
    confirmText="删除"
  ></MessageBox>
</template>
<script>
import moment from 'moment';
import { mapState } from 'pinia';
import { mapStores } from 'pinia';
import { useMissionStore } from '@/stores/mission';
import { useFetchData } from '@/composables/fetchData';

export default {
  setup() {
    const { loading, fetchData } = useFetchData();
    return { loading, fetchData };
  },
  props: {},
  data() {
    return {
      dialogVisible: false
      dialogVisible: false,
      msgBoxVisible: false,
      onConfirm: undefined
    };
  },
  computed: {
    ...mapState(useMissionStore, ['missionList'])
    ...mapStores(useMissionStore)
  },
  methods: {
    createMission() {},
    deleteMission(row) {},
    deleteMission(row) {
      this.onConfirm = () => {
        this.missionStore.deleteMission(row.missionCode);
      };
      this.msgBoxVisible = true;
    },
    timeFormatter(row, col, cellValue, index) {
      return moment(cellValue).format('YYYY-MM-DD HH:mm:ss');
    }