1. 任务调整模块修改（暂存）

riku

2024-10-22 3908a403cb3a852bee96414a8bb82b88371e7b5a

 src/components/list-item/ItemSubTask.vue

@@ -1,20 +1,29 @@
<template>
  <div class="wrapper">
    <div>
      <el-text truncated class="w-250px" size="large">{{ item.name }}</el-text>
    <div class="text-title">
      {{ item.name }}
    </div>
    <div>
      <el-text truncated class="w-250px" size="small">{{ item.scenseaddress }}</el-text>
    <div class="text-info">
      <div class="text-label">
        <el-icon class="m-r-4" size="16"><LocationInformation /></el-icon>
        <span>任务地址：</span>
      </div>
      {{ item.scenseaddress }}
    </div>
    <div>
      <el-text truncated size="small">{{
        $fm.formatYMDH(item.planstarttime)
      }}</el-text>
    <div class="text-info">
      <div class="text-label">
        <!-- <el-icon><Clock /></el-icon> -->
        <el-icon class="m-r-4" size="16"><AlarmClock /></el-icon>
        <span>任务时间：</span>
      </div>
      {{ $fm.formatYMD(item.planstarttime) }}
    </div>
    <div>
      <el-text truncated class="w-250px" size="small">{{
        item.executorrealtimes
      }}</el-text>
    <div class="text-info">
      <div class="text-label">
        <el-icon class="m-r-4" size="16"><User /></el-icon>
        任务人员：
      </div>
      {{ item.executorrealtimes }}
    </div>
    <el-row justify="end" style="margin-top: 4px">
      <slot :item="item"></slot>
@@ -35,8 +44,28 @@
<style scoped>
.wrapper {
  /* width: 300px; */
  width: 100%;
  border: 1px solid var(--el-border-color);
  border-radius: var(--el-border-radius-base);
  padding: 4px 8px;
}

.text-title {
  font-weight: var(--el-font-weight-primary);
  color: var(--el-text-color-primary);
  font-size: var(--el-font-size-medium);
}

.text-info {
  display: flex;
  align-items: flex-start;
  color: var(--el-text-color-secondary);
  font-size: var(--el-font-size-small);
}

.text-label {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
</style>