jhprjv2/ruoyi-ui-app/miniprogram/pages/Highlight-photos/index.wxml

112 lines
3.5 KiB
Plaintext

<!--pages/Highlight-photos/index.wxml-->
<!-- 亮点照片 -->
<view class="All-content">
<!-- <view class="header_title">
<view class="header_title_row">
<van-row>
<van-col span="3">
<view class="header_img" bindtap="showPopup"><image src="/images/core.png"></image></view>
</van-col>
<van-col span="4">
<view class="header_img" bindtap="goBeforPage">
<image src="/images/left.png"></image>
<text class="header_fh">返回</text>
</view>
</van-col>
<van-col span="10">
<view class="header_name">亮点照片</view>
</van-col>
</van-row>
</view>
</view> -->
<!-- <van-popup show="{{ show }}" position="left" custom-style="width: 70%;height:100%;background:#191d28" bind:close="onClose" >
<view class="left_max">
<van-row class="demo clearfix">
<van-col span="10">
<view class="left_head"><image src="https://xiangguan.sxyanzhu.com/statics/static/img/9015e824c5004e629049c4f72967cfdc.png"></image></view>
</van-col>
<van-col span="14">
<view class="left_info">
<view class="left_info_name">{{userName}}</view>
<view class="left_info_name">{{loginName}}</view>
</view>
</van-col>
</van-row>
</view>
</van-popup> -->
<!-- 头部模块 -->
<view class="max_new_content" style="width:110%;height: 105rpx;">
<project-select style="width:100rpx" init="{{initData}}" bindchange="onProjectSelect"></project-select>
<!-- 亮点记录头部 -->
<view class="liangdianjulu-content">
<view class="eharts_title">
近5条亮点照片记录
</view>
<!-- <view style="display: flex;">
<view style="width: 30rpx;height: 30rpx;">
<image src="https://xiangguan.sxyanzhu.com/statics/static/img/WEB_3F11BBC019F445688636A521EBBE43B9.png" mode="" style="width: 100%;height: 100%;"/>
</view>
<view style="font-size: 26rpx;margin-left: 20rpx;">
筛选
</view>
</view> -->
</view>
<!-- 亮点内容 -->
<view class="liangdian">
<view class="liangdianjulu" wx:for="{{recordList}}" wx:key="index" wx:if="{{index < 5}}">
<!-- 上面部分 -->
<view class="liangdianjulu-top">
<view style="width: 60rpx;height: 60rpx; border-bottom: 2px solid #414c96; text-align: center; color: #6c79e0;font-weight: bold;">
{{index < 9?'0'+(index + 1):(index + 1)}}
</view>
<view style="text-indent:20px;font-weight:bolder;">
{{item.technologyName}}
</view>
</view>
<!-- 内容部分 -->
<view class="liangdianjulu-all">
<view class="liangdianjulu-all-Img">
<swiper circular>
<swiper-item wx:for="{{item.photoList}}" wx:for-item="picture" wx:key="photoIndex">
<image src="{{picture}}" style="width:100%;height:100%;" data-id="{{picture}}" bindtap="showPic" mode="" />
</swiper-item>
</swiper>
</view>
<!-- 施工部位 -->
<view class="liangdianjulu-all-text" style="margin-top: 90rpx;">
<view>
施工部位:
</view>
<view style="margin-left: 10rpx;color: #41a7f4;">
{{item.highlightsTypeName}}
</view>
</view>
<!-- 上传时间 -->
<view class="liangdianjulu-all-time">
<view>
上传时间:
</view>
<view style="margin-left: 10rpx;color: #41a7f4;">
{{item.creatTime}}
</view>
</view>
<view class="liangdianjulu-all-shuoming">
工艺亮点说明:
</view>
<view style="color: #7084c0;">
{{item.technologyText}}
</view>
</view>
</view>
</view>
</view>
</view>
<view>
<van-popup show="{{ picShow }}" bind:before-enter="showPic" bind:close="closePic">
<image src="{{imageUrl}}" mode="scaleToFill"></image>
</van-popup>
</view>