个人工作台调整

张含笑

2025-05-09 5b33c40610d02e045ee2f926e34dc5b7ae25d4eb

 src/views/wel/components/backlog.vue

@@ -16,12 +16,12 @@
          <div class="content-wrapper">
            <div class="main-content">
              <span class="status-tag">{{ statusMap[item.status] }}</span>
              <span class="todo-text">{{ item.title }}</span>
              <span class="todo-text">{{ item.event_name }}</span>
            </div>

            <div class="action-area">
              <img :src="st7" alt="">
              <span class="todo-date">{{ item.date }}</span>
              <img :src="st7" alt="" />
              <span class="todo-date">{{ item.job_create_time?.slice(0,10) }}</span>
            </div>
          </div>
        </div>
@@ -31,46 +31,31 @@
</template>

<script setup>
import st7 from '@/assets/images/workbench/st7.png'
// 状态显示映射
const statusMap = {
  pending: '待审核',
  processing: '处理中',
  todo: '待处理',
};

// 待办事项数据
const todos = ref([
  {
    status: 'pending',
    title: '发现暴露垃圾事件',
    date: '2025.03.26',
  },
  {
    status: 'todo',
    title: '发现暴露垃圾事件',
    date: '2025.03.26',
  },
  {
    status: 'processing',
    title: '发现暴露垃圾事件',
    date: '2025.03.26',
  },
  {
    status: 'pending',
    title: '发现暴露垃圾事件',
    date: '2025.03.26',
  },
  {
    status: 'todo',
    title: '发现暴露垃圾事件',
    date: '2025.03.26',
  },
]);
const jumporder=()=>{
import st7 from '@/assets/images/workbench/st7.png';
import { getList } from '@/api/tickets/ticket';
import { onMounted } from 'vue';
import { useRouter } from 'vue-router'
const todos = ref([]);
const router = useRouter()
const jumporder = () => {
  console.log('tiao');
  
}
  router.push({
      path: '/tickets/ticket',
   })
};
const statusMap = {
  2: '待审核',
  3: '处理中',
  0: '待处理',
  4: '已完成',
};
const getListMatter = async () => {
  const res = await getList({});
  todos.value=res.data.data.records?.slice(0,5)
};
onMounted(() => {
  getListMatter();
});
</script>

<style lang="scss" scoped>
@@ -98,8 +83,8 @@
    .todo-item {
      display: flex;
      align-items: center;

     background: #FFFFFF;
      cursor: pointer;
      background: #ffffff;
      border-radius: 8px;
      box-shadow: 0px 2px 4px 0px rgba(173, 173, 173, 0.18);
      transition: all 0.2s ease;
@@ -148,40 +133,38 @@
      .action-area {
        display: flex;
        align-items: center;
     margin-right: 42px;
        margin-right: 42px;

        .todo-date {
          color: #666;
          font-size: 0.9rem;
        }

      
      }
    }

    // 状态颜色方案
    .status-pending {
      border-left-color: #FF6560;
      color: #FF6560;
    .status-2 {
      border-left-color: #ff6560;
      color: #ff6560;
      .status-indicator {
        background: #FF6560;
        background: #ff6560;
      }
    }

    .status-todo {
      border-left-color: #5D77FB;
      color: #5D77FB;
    .status-0 {
      border-left-color: #5d77fb;
      color: #5d77fb;
      .status-indicator {
        background: #5D77FB;
        background: #5d77fb;
      }
    }

    .status-processing {
      border-left-color: #FF8B26;
      color: #FF8B26;
    .status-3 {
      border-left-color: #ff8b26;
      color: #ff8b26;

      .status-indicator {
        background: #FF8B26;
        background: #ff8b26;
      }
    }
  }