@@ -1,5 +1,5 @@ | |||
<!--components/List/index.wxml--> | |||
<scroll-view class="list {{list.length>0?'':'min-height'}}" scroll-y="{{scrolling}}" bindscrolltolower="loadMore"> | |||
<scroll-view class="list {{list.length>0?'':'min-height'}}" scroll-y="{{scrolling}}" bindscrolltolower="loadMore" lower-threshold="80"> | |||
<slot></slot> | |||
<view class="empty" wx:if="{{!loading && list.length==0}}"> | |||
<image class="image" src="/assets/img/empty.png" mode="aspectFit" lazy-load="false"> |
@@ -19,16 +19,28 @@ Component({ | |||
*/ | |||
data: { | |||
infoList: [ | |||
{key: 'streamName', label:"问题河道:"}, | |||
{key: 'feedbackDesc', label:"问题描述:"}, | |||
{key: 'createTime', label:"反馈时间:"} | |||
] | |||
{key: 'streamName', label:"问题河道:", limit: 10}, | |||
{key: 'feedbackDesc', label:"问题描述:", limit: 10}, | |||
{key: 'createTime', label:"反馈时间:", limit:25} | |||
], | |||
dataItem: {} | |||
}, | |||
observers: { | |||
'dataSource'(dataSource) { | |||
let dataItem = this.data.dataItem | |||
dataItem.streamName = dataSource.streamName | |||
dataItem.createTime = dataSource.createTime | |||
dataItem.feedbackDesc = dataSource.feedbackDesc.length > 10 ? (dataSource.feedbackDesc.slice(0, 10) + '...') : dataSource.feedbackDesc | |||
this.setData({dataItem}) | |||
} | |||
}, | |||
/** | |||
* 组件的方法列表 | |||
*/ | |||
methods: { | |||
handleData() { | |||
} | |||
} | |||
}) |
@@ -2,8 +2,8 @@ | |||
<view class="info_container"> | |||
<view class="main_info"> | |||
<view class="info_item" wx:for="{{infoList}}" wx:key="index"> | |||
<text class="info_title">{{item.label}}</text> | |||
<text class="info_value">{{dataSource[item.key]}}</text> | |||
<view class="info_title">{{item.label}}</view> | |||
<view class="info_value">{{dataItem[item.key]}}</view> | |||
</view> | |||
</view> | |||
</view> |
@@ -21,10 +21,11 @@ | |||
align-items: center; | |||
} | |||
.info_title { | |||
width: 130rpx; | |||
color: #333333; | |||
font-size: 26rpx; | |||
} | |||
.info_value { | |||
color: #666666; | |||
font-size: 26rpx; | |||
font-size: 26rpx; | |||
} |
@@ -1,11 +1,12 @@ | |||
/* components/riverInfo/index.wxss */ | |||
.info_container { | |||
width: 100%; | |||
flex: 1; | |||
height: 100%; | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.main_info { | |||
width: 330rpx; | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: flex-start; |
@@ -1,5 +1,6 @@ | |||
const __request_base_url__ = { | |||
develop: "http://192.168.11.11:9061/api", | |||
// develop: "https://qmhhapi.test.t-aaron.com/api", | |||
trial: "https://qmhhapi.test.t-aaron.com/api", | |||
release: "https://api.gongche.taauav.com/api" | |||
} |
@@ -11,7 +11,7 @@ | |||
<view class="form_item {{formRules.location.warning ? 'warning' : ''}}"> | |||
<text><text style="color: red;">*</text>问题位置:</text> | |||
<view class="value_box"> | |||
<input type="text" adjust-position="{{false}}" style="padding-right: 50rpx;" placeholder="请选择问题位置" placeholder-style="font-size: 24rpx; color: #A6A6A6;" value="{{form.location}}" | |||
<input disabled="true" type="text" adjust-position="{{false}}" style="padding-right: 50rpx;" placeholder="请选择问题位置" placeholder-style="font-size: 24rpx; color: #A6A6A6;" value="{{form.location}}" | |||
data-name="location" name="location" bindblur="bindValue" /> | |||
<image src="../../../assets/img/location.png" style="width:60rpx;height:60rpx;position: absolute;right: 0rpx;top: 2rpx;z-index: 99;" bindtap="selectLocation"></image> | |||
</view> | |||
@@ -20,7 +20,7 @@ | |||
<view class="use_purpose {{formRules.feedbackDesc.warning ? 'warning' : ''}}"> | |||
<text><text style="color: red;">*</text>问题描述:</text> | |||
<view class="value_box"> | |||
<textarea maxlength="40" style="width:500rpx; height: 160rpx;" type="text" placeholder="请输入问题描述" placeholder-style="font-size: 24rpx; color: #A6A6A6;" value="{{form.feedbackDesc}}" | |||
<textarea maxlength="200" style="width:500rpx; height: 160rpx;" type="text" placeholder="请输入问题描述" placeholder-style="font-size: 24rpx; color: #A6A6A6;" value="{{form.feedbackDesc}}" | |||
data-name="feedbackDesc" name="feedbackDesc" bindblur="bindValue" /> | |||
</view> | |||
<text class="tips">请输入问题描述</text> |
@@ -56,10 +56,10 @@ | |||
} | |||
.tips{ | |||
position: absolute; | |||
bottom: -40rpx; | |||
left: -30rpx; | |||
bottom: -32rpx; | |||
left: -13rpx; | |||
color: red; | |||
font-size: 26rpx; | |||
font-size: 24rpx; | |||
transform: translate(27rpx, -5rpx); | |||
display: none; | |||
} |
@@ -2,6 +2,6 @@ | |||
<view class="success_container"> | |||
<image class="success_img" src="../../../assets/img/success_img.png" mode="widthFix"></image> | |||
<text class="tips_status">提交成功</text> | |||
<view class="tips_text">感谢您的反馈,您的意见我们会尽快核实处理,谢谢!</view> | |||
<view class="tips_text">感谢您的反馈,您的意见我们会尽快核实处理,谢谢!</view> | |||
<view class="return_btn" bindtap="returnList">我知道了</view> | |||
</view> |
@@ -2,43 +2,43 @@ | |||
<view class="detail_container"> | |||
<view class="detail_main"> | |||
<view class="detail_item"> | |||
<text class="item_title">选择河道</text> | |||
<view class="item_title">选择河道:</view> | |||
<text class="item_value">{{dataSource.streamName}}</text> | |||
</view> | |||
<view class="detail_item"> | |||
<text class="item_title">问题描述:</text> | |||
<view class="item_title">问题描述:</view> | |||
<text class="item_value">{{dataSource.feedbackDesc}}</text> | |||
</view> | |||
<view class="image_list"> | |||
<text class="item_title">问题图片:</text> | |||
<view class="item_title">问题图片:</view> | |||
<view class="image_box"> | |||
<image class="image_item" wx:for="{{imageList}}" src="{{item}}" wx:key="index" data-current="{{index}}" data-type="imageList" bindtap="showImgPreview"></image> | |||
</view> | |||
</view> | |||
<view class="detail_item"> | |||
<text class="item_title">反馈时间:</text> | |||
<view class="item_title">反馈时间:</view> | |||
<text class="item_value">{{dataSource.createTime}}</text> | |||
</view> | |||
<view class="detail_item"> | |||
<text class="item_title">当前进度:</text> | |||
<view class="item_title">当前进度:</view> | |||
<text class="item_value" style="color: {{statusList[dataSource.status-1].color}}">{{statusList[dataSource.status-1].title}}</text> | |||
</view> | |||
<view class="detail_item"> | |||
<text class="item_title">反馈意见:</text> | |||
<view class="item_title">反馈意见:</view> | |||
<text class="item_value">{{dataSource.handleRemark || ''}}</text> | |||
</view> | |||
<view class="detail_item"> | |||
<text class="item_title">处理人:</text> | |||
<view class="item_title">处理人:</view> | |||
<text class="item_value">{{dataSource.streamAdminName || ''}}</text> | |||
</view> | |||
<view class="image_list"> | |||
<text class="item_title">处理结果:</text> | |||
<view class="item_title">处理结果:</view> | |||
<view class="image_box" wx:if="{{handleImgList.length}}"> | |||
<image class="image_item" wx:for="{{handleImgList}}" src="{{item}}" wx:key="index" data-current="{{index}}" data-type="handleImgList" bindtap="showImgPreview"></image> | |||
</view> | |||
</view> | |||
<view class="detail_item"> | |||
<text class="item_title">处理时间:</text> | |||
<view class="item_title">处理时间:</view> | |||
<text class="item_value">{{dataSource.handleTime || ''}}</text> | |||
</view> | |||
</view> |
@@ -24,25 +24,33 @@ | |||
justify-content: flex-start; | |||
align-items: flex-start; | |||
} | |||
.image_list .item_title { | |||
width: 180rpx; | |||
} | |||
.image_box { | |||
width: 500rpx; | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: flex-start; | |||
align-content: flex-start; | |||
} | |||
.image_item { | |||
width: 120rpx; | |||
height: 120rpx; | |||
margin: 0 0 12rpx 12rpx; | |||
width: 140rpx; | |||
height: 140rpx; | |||
margin: 0 15rpx 15rpx 0; | |||
border-radius: 4rpx; | |||
} | |||
.item_title { | |||
width: 180rpx; | |||
font-size: 30rpx; | |||
color: #666666; | |||
margin-right: 30rpx; | |||
} | |||
.item_value { | |||
width: 500rpx; | |||
font-size: 26rpx; | |||
color: #333333; | |||
text-align: end; | |||
} | |||
@@ -11,6 +11,7 @@ | |||
} | |||
.feedback_list { | |||
width: 100%; | |||
height: 100vh; | |||
} | |||
.feedback_item { | |||
width: 100%; |
@@ -14,10 +14,10 @@ | |||
<list id="list" class="river_list" url="{{current}}" bind:update-list="updateList" list="{{list}}" bind:reset-list="resetList" params="{{params}}"> | |||
<view class="river_item" data-current="{{index}}" bindtap="showDetail" wx:for="{{list}}" wx:key="index"> | |||
<view class="river_info"> | |||
<view class="massage_box"> | |||
<image class="river_img" src="{{item.image}}"></image> | |||
<riverInfo dataSource="{{item}}"></riverInfo> | |||
</view> | |||
<view class="massage_box"> | |||
<image class="river_img" src="{{item.image}}"></image> | |||
<riverInfo dataSource="{{item}}"></riverInfo> | |||
</view> | |||
<view class="execute_btn" bindtap="uploadProblem" data-current="{{index}}" data-detail="{{item}}">上报问题</view> | |||
</view> | |||
</view> |
@@ -1,6 +1,7 @@ | |||
/* pages/home/index.wxss */ | |||
.protect_container { | |||
.protecityct_container { | |||
width: 100%; | |||
height: calc(100vh - 112rpx); | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: flex-start; | |||
@@ -22,9 +23,9 @@ | |||
align-items: center; | |||
} | |||
.search_container { | |||
width: 100%; | |||
width: 100%; | |||
box-sizing: border-box; | |||
padding: 12rpx 30rpx; | |||
padding: 10rpx 30rpx; | |||
background: #fff; | |||
position: relative; | |||
} | |||
@@ -37,7 +38,7 @@ | |||
transform: translateY(-50%); | |||
} | |||
.task-search { | |||
height: 60rpx; | |||
height: 70rpx; | |||
text-align: left; | |||
background: #F3F4F5; | |||
border-radius: 30rpx; | |||
@@ -51,6 +52,10 @@ | |||
} | |||
/* 列表样式 */ | |||
.river_list { | |||
width: 100%; | |||
height: calc(100% - 200rpx); | |||
} | |||
.river_item { | |||
width: 100%; | |||
padding: 0 30rpx; | |||
@@ -64,11 +69,14 @@ | |||
align-items: flex-end; | |||
} | |||
.massage_box { | |||
box-sizing: border-box; | |||
width: calc(100%-150rpx); | |||
display: flex; | |||
justify-content: flex-start; | |||
align-items: flex-start; | |||
} | |||
.river_img { | |||
display: block; | |||
width: 178rpx; | |||
height: 144rpx; | |||
margin-right: 20rpx; |