<template>
  <view class="enterprise-service">
    <MContentTitle title="企业服务" />
    <view class="work-list">
      <view v-for="(item, index) in workList" :key="item.id" class="work-item">
        <view class="flex items-center justify-between">
          <view>
            <nut-tag type="primary" plain>发文</nut-tag>
            <text class="text-28rpx font-500">【{{ item.time }}】</text>
            <text class="text-28rpx font-500">{{ item.title }}</text>
          </view>
          <text class="i-custom-arrow-right wh-28rpx" />
        </view>
        <MDivider v-if="index !== workList.length - 1" />
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
  defineOptions({ name: 'MyWork' })

  const workList = ref([
    {
      id: '1',
      title: '三级运营管理内部矛盾仲裁规则',
      desc: '工作描述1',
      status: '2',
      time: '2025-1-1',
    },
    {
      id: '2',
      title: '三级运营管理内部矛盾仲裁规则',
      desc: '工作描述2',
      status: '4',
      time: '2025-1-1',
    },
    {
      id: '2',
      title: '三级运营管理内部矛盾仲裁规则',
      desc: '工作描述2',
      status: '3',
      time: '2025-1-1',
    },
  ])
</script>

<style lang="scss" scoped>
  .enterprise-service {
    @apply rounded-16rpx p-32rpx bg-bg-card mt-24rpx;
    .work-list {
      .work-item {
        .icon {
          @apply wh-28rpx;
        }
      }
    }
  }
</style>
