吉安感知网项目-前端
罗广辉
6 days ago 9859152fdaebb4162e80e8a112705bf397f35e09
feat: 添加事件名称
2 files modified
53 ■■■■ changed files
uniapps/work-app/src/pages/work/index.vue 49 ●●●● patch | view | raw | blame | history
uniapps/work-app/src/subPackages/workDetail/index.vue 4 ●●●● patch | view | raw | blame | history
uniapps/work-app/src/pages/work/index.vue
@@ -13,11 +13,16 @@
        <div class="eventList">
          <div class="eventItem"  v-for="(item,index) in dataList" :key="index">
            <image
                            v-if="[1, 2].includes(item.attachmentType)"
                            :src="item?.aiImg || item?.eventImageUrl"
                            mode="aspectFill"
                            @click="detailHandle(item)"
                        />
                        <div v-if="item.attachmentType === 3" class="videoBox" @click="detailHandle(item)">
                            <div class="playIcon"></div>
                        </div>
            <div class="informationDisplay">
                            <div class="itemTitle">{{ item.eventName }}</div>
              <div class="itemContent">{{formatDate(item.createTime) }}</div>
            </div>
          </div>
@@ -383,12 +388,39 @@
      box-sizing: border-box;
      max-width: 100%;
      image {
      image,
            .videoBox {
        width: 100%;
        height: 208rpx;
        border-radius: 12rpx;
        overflow: hidden;
                display: block;
      }
            .videoBox {
                background: linear-gradient(135deg, #eef4ff 0%, #dfe8f8 100%);
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .playIcon {
                width: 72rpx;
                height: 72rpx;
                border-radius: 50%;
                background: rgba(29, 111, 233, 0.9);
                position: relative;
                box-shadow: 0 8rpx 18rpx rgba(29, 111, 233, 0.24);
                &::after {
                    content: '';
                    position: absolute;
                    left: 29rpx;
                    top: 20rpx;
                    width: 0;
                    height: 0;
                    border-top: 16rpx solid transparent;
                    border-bottom: 16rpx solid transparent;
                    border-left: 22rpx solid #fff;
                }
      }
      .informationDisplay{
        width: 100%;
@@ -398,14 +430,16 @@
        border-radius: 0rpx 0rpx 12rpx 12rpx;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 10rpx 0rpx 10rpx 0rpx;
        justify-content: space-between;
        padding: 10rpx 14rpx;
                box-sizing: border-box;
        .itemTitle {
          width: 144rpx;
          flex: 1;
                    min-width: 0;
          font-family: Source Han Sans CN, Source Han Sans CN;
          font-weight: 500;
          font-size: 28rpx;
          color: #000000;
          font-size: 24rpx;
          color: #FFFFFF;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
@@ -416,7 +450,8 @@
          font-weight: 400;
          font-size: 24rpx;
          color: #FFFFFF;
          padding-right: 14rpx;
          margin-left: 12rpx;
                    white-space: nowrap;
        }
      }
uniapps/work-app/src/subPackages/workDetail/index.vue
@@ -30,6 +30,10 @@
        <div class="workOrderTitle">工单内容</div>
        <div class="workOrderContainer">
          <div class="orderRow">
            <div class="rowTitle">工单名称</div>
            <div>{{ workDetailData.eventName }}</div>
          </div>
          <div class="orderRow">
            <div class="rowTitle">工单编号</div>
            <div>{{ workDetailData.eventNum }}</div>
          </div>