|
@@ -4,15 +4,14 @@
|
|
|
<u-tabs :list="tab" @click="click"></u-tabs>
|
|
|
</view>
|
|
|
<view class="list">
|
|
|
- <view class="item" v-for="(item, index) in list" :key="index" @click="go('/pages/follow/detail?id=' + item.id)">
|
|
|
- <view class="title omit">
|
|
|
- <text class="icon" v-if="item.top === 1"></text>
|
|
|
+ <view class="message-bubble-received" v-for="(item, index) in list" :key="index" @click="go('/pages/follow/detail?id=' + item.id)">
|
|
|
+ <view class="title">
|
|
|
+ <text class="icon"></text>
|
|
|
<text>{{ item.templateName }}</text>
|
|
|
</view>
|
|
|
- <view class="desc">
|
|
|
- <text>{{ item.state == 0 ? '待回访' : '已回访' }}</text>
|
|
|
- <text>{{ item.createTime }}</text>
|
|
|
- </view>
|
|
|
+ <view class="desc">尊敬的患者,为了更好的改善服务,我们向你发起了一个回访并且希望您认真填写。</view>
|
|
|
+ <view class="desc">{{ item.createTime }}</view>
|
|
|
+ <button class="btn" :style="{ backgroundColor: item.state == 0 ? '#4581fb' : '#4CAF50' }">{{ item.state == 0 ? '去填写' : '已填写' }}</button>
|
|
|
</view>
|
|
|
<view class="loading" v-if="loadMore"><u-loadmore :status="loadMore ? 'loading' : 'nomore'" /></view>
|
|
|
<u-empty v-if="!loadMore && list.length == 0"></u-empty>
|
|
@@ -30,7 +29,7 @@ export default {
|
|
|
{ name: '已回访', state: 1 }
|
|
|
],
|
|
|
list: [],
|
|
|
- param: { pageNum: 1, pageSize: 10 },
|
|
|
+ param: { pageNum: 1, pageSize: 10, type: 1 },
|
|
|
loadMore: true
|
|
|
};
|
|
|
},
|
|
@@ -43,7 +42,7 @@ export default {
|
|
|
methods: {
|
|
|
click(e) {
|
|
|
this.current = e.index;
|
|
|
- this.param.type = e.dictValue;
|
|
|
+ this.param.state = e.state;
|
|
|
this.refresh();
|
|
|
},
|
|
|
getData() {
|
|
@@ -88,27 +87,18 @@ export default {
|
|
|
<style lang="scss">
|
|
|
.list {
|
|
|
padding: 10px 12px;
|
|
|
- .item {
|
|
|
- border-radius: 5px;
|
|
|
- padding: 13px 12px 13px 12px;
|
|
|
- margin-bottom: 10px;
|
|
|
- overflow: hidden;
|
|
|
- box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
|
- background-color: white;
|
|
|
+ .message-bubble-received {
|
|
|
.title {
|
|
|
- font-size: 15px;
|
|
|
+ font-size: 16px;
|
|
|
font-weight: bold;
|
|
|
.icon {
|
|
|
- color: orangered;
|
|
|
padding-right: 3px;
|
|
|
}
|
|
|
}
|
|
|
.desc {
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 13px;
|
|
|
padding-top: 10px;
|
|
|
- text {
|
|
|
- padding-right: 30px;
|
|
|
- }
|
|
|
+ color: $font-c;
|
|
|
}
|
|
|
}
|
|
|
}
|