miniprogram / liqizhuang · 提交

转到一个项目

作者 乔蒙蒙
提交 f76de18cb447dd6a74b3ee3f87ee15fb29b7136a 1 个父辈 2792af86

个人中心对接接口

内嵌 并排对比
正在显示 14 个修改的文件 包含 530 行增加 和 165 行删除
1 // pages/my/approve/approve.js 1 // pages/my/approve/approve.js
  2 +const app = getApp();
2 Page({ 3 Page({
3 4
4 /** 5 /**
5 * 页面的初始数据 6 * 页面的初始数据
6 */ 7 */
7 data: { 8 data: {
8 - proData:{  
9 - company_id:'',  
10 - name:'',  
11 - mobile:'',  
12 - images:[] 9 + proData: {
  10 + company_id: '',
  11 + name: '',
  12 + mobile: '',
  13 + images: [],
13 }, 14 },
14 - companyName:'' 15 + companyName: '',
  16 + seach: false,
  17 + keyword: "",
  18 + companyList: []
15 }, 19 },
16 /** 20 /**
17 * 生命周期函数--监听页面加载 21 * 生命周期函数--监听页面加载
18 */ 22 */
19 - onLoad: function (options) { 23 + onLoad: function(options) {
20 24
21 }, 25 },
22 - btn_approve() {  
23 - wx.navigateTo({  
24 - url: '/pages/my/approveInfo/approveInfo', 26 +
  27 + // btn_approve() {
  28 + // wx.navigateTo({
  29 + // url: '/pages/my/approveInfo/approveInfo',
  30 + // })
  31 + // },
  32 +
  33 + // 点击查询公司名称
  34 + companyFun: function() {
  35 + this.setData({
  36 + seach: true
  37 + })
  38 + },
  39 +
  40 + // 搜索公司名称
  41 + seachFun: function() {
  42 + let url = '/api/Company/index', b = this;
  43 + if(b.data.keyword == "") {
  44 + wx.showToast({
  45 + title: '请输入要搜索的公司名称',
  46 + icon: "none",
  47 + duration: 1300
  48 + })
  49 + return false;
  50 + }else {
  51 + let params = {
  52 + keyword: b.data.keyword
  53 + }
  54 + app.post(url, params).then((res) => {
  55 + // console.log(res);
  56 + b.setData({
  57 + companyList: res.data
  58 + })
  59 + })
  60 + }
  61 + },
  62 +
  63 + // 公司名称同步到data
  64 + keywordFun: function(e) {
  65 + this.setData({
  66 + keyword: e.detail.value.replace(/\s+/g, ''),
  67 + })
  68 + this.seachFun();
  69 + },
  70 +
  71 + // 选择公司名称同步到页面
  72 + companySelect(e) {
  73 + this.setData({
  74 + companyName: e.currentTarget.dataset.name,
  75 + seach: false,
  76 + "proData.company_id": e.currentTarget.dataset.id
  77 + })
  78 + },
  79 +
  80 + // 姓名同步到data
  81 + work(e) {
  82 + this.setData({
  83 + "proData.name": e.detail.value.replace(/\s+/g, ''),
  84 + })
  85 + },
  86 +
  87 + // 联系电话同步到data
  88 + getPhone(e) {
  89 + this.setData({
  90 + "proData.mobile": e.detail.value.replace(/\s+/g, ''),
  91 + })
  92 + },
  93 +
  94 + // 上传图片
  95 + selectCameraFun: function () {
  96 + let that = this;
  97 + wx.chooseImage({
  98 + sizeType: ['original', 'compressed'],
  99 + sourceType: ['album', 'camera'],
  100 + success(res) {
  101 + // tempFilePath可以作为img标签的src属性显示图片
  102 + // console.log(res);
  103 + let successUp = 0; //成功个数
  104 + let failUp = 0; //失败个数
  105 + let i = 0; //第几个
  106 + let tempFilePaths = res.tempFilePaths //总文件
  107 + let length = res.tempFilePaths.length //总共个数
  108 + wx.showNavigationBarLoading()
  109 + wx.showLoading({
  110 + title: '上传中',
  111 + })
  112 +
  113 + that.uploadAllfile(tempFilePaths, successUp, failUp, i, length);
  114 + },
  115 + fail: function (res) {
  116 + console.log(res);
  117 + },
  118 +
  119 + })
  120 + },
  121 +
  122 + // 上传图片至后台
  123 + uploadAllfile(filePaths, successUp, failUp, i, length) {
  124 + let that = this;
  125 + // console.log(filePaths)
  126 + // console.log(successUp)
  127 + // console.log(failUp)
  128 + // console.log(i)
  129 + // console.log(length)
  130 + let url = 'http://lqz.w.brotop.cn/api/common/upload';
  131 + let headers = {
  132 + "token": wx.getStorageSync("token"),
  133 + 'content-type': 'multipart/form-data'
  134 + }
  135 + wx.uploadFile({
  136 + url: url, //仅为示例，非真实的接口地址
  137 + header: headers,
  138 + filePath: filePaths[i],
  139 + name: 'file',
  140 + formData: {
  141 + act: "Index_upload",
  142 + file: '',
  143 + filetype: 'image'
  144 + },
  145 + success: function (res) {
  146 + // console.log(res)
  147 + wx.hideNavigationBarLoading()
  148 + wx.hideLoading()
  149 + if (res.statusCode == 200) {
  150 + // console.log(res)
  151 + let dat = JSON.parse(res.data);
  152 + // console.log(dat);
  153 + that.setData({
  154 + "proData.images": that.data.proData.images.concat(dat.data.url)
  155 + })
  156 + // console.log(that.data.proData.images);
  157 +
  158 + } else {
  159 + wx.showModal({
  160 + title: '提示',
  161 + content: res.msg,
  162 + showCancel: false
  163 + })
  164 + }
  165 + //do something 返回图片地址
  166 + },
  167 + fail: function (res) {
  168 + wx.hideNavigationBarLoading()
  169 + wx.hideLoading()
  170 +
  171 + // console.log(res);
  172 + },
  173 + complete() {
  174 + i++;
  175 + let img = that.data.img
  176 + if (i == length) {
  177 + // console.log('总共' + successUp + '张上传成功,' + failUp + '张上传失败！');
  178 + }
  179 + else { //递归调用uploadDIY函数
  180 + that.uploadAllfile(filePaths, successUp, failUp, i, length);
  181 + }
  182 + }
  183 +
  184 + })
  185 +
  186 + },
  187 +
  188 + // 删除图片重新上传
  189 + delFun: function (e) {
  190 + let that = this;
  191 + let imgUrlList = that.data.proData.images;
  192 + imgUrlList.splice(e.currentTarget.dataset.i, 1);
  193 + that.setData({
  194 + "proData.images": imgUrlList
25 }) 195 })
26 }, 196 },
27 197
  198 + // 上传认证
  199 + subFun() {
  200 + let b = this;
  201 + let url = "/api/user/setCertificationInfo";
  202 + // console.log(b.data.proData.images.length)
  203 + if(b.data.companyName == "" || b.data.proData.name == "" || b.data.proData.mobile == "" || b.data.proData.images.length == 0) {
  204 + wx.showToast({
  205 + title: '请输入必填项',
  206 + icon: "none",
  207 + duration: 1300
  208 + })
  209 + return false;
  210 + }else {
  211 + b.setData({
  212 + "proData.header": true
  213 + })
  214 + app.post(url, b.data.proData).then((res) => {
  215 + // console.log(res);
  216 + wx.redirectTo({
  217 + url: '../approveInfo/approveInfo',
  218 + })
  219 + })
  220 + }
  221 + },
  222 +
28 /** 223 /**
29 * 生命周期函数--监听页面初次渲染完成 224 * 生命周期函数--监听页面初次渲染完成
30 */ 225 */
31 - onReady: function () { 226 + onReady: function() {
32 227
33 }, 228 },
34 229
35 /** 230 /**
36 * 生命周期函数--监听页面显示 231 * 生命周期函数--监听页面显示
37 */ 232 */
38 - onShow: function () { 233 + onShow: function() {
39 234
40 }, 235 },
41 236
42 /** 237 /**
43 * 生命周期函数--监听页面隐藏 238 * 生命周期函数--监听页面隐藏
44 */ 239 */
45 - onHide: function () { 240 + onHide: function() {
46 241
47 }, 242 },
48 243
49 /** 244 /**
50 * 生命周期函数--监听页面卸载 245 * 生命周期函数--监听页面卸载
51 */ 246 */
52 - onUnload: function () { 247 + onUnload: function() {
53 248
54 }, 249 },
55 250
56 /** 251 /**
57 * 页面相关事件处理函数--监听用户下拉动作 252 * 页面相关事件处理函数--监听用户下拉动作
58 */ 253 */
59 - onPullDownRefresh: function () { 254 + onPullDownRefresh: function() {
60 255
61 }, 256 },
62 257
63 /** 258 /**
64 * 页面上拉触底事件的处理函数 259 * 页面上拉触底事件的处理函数
65 */ 260 */
66 - onReachBottom: function () { 261 + onReachBottom: function() {
67 262
68 }, 263 },
69 264
70 /** 265 /**
71 * 用户点击右上角分享 266 * 用户点击右上角分享
72 */ 267 */
73 - onShareAppMessage: function () { 268 + onShareAppMessage: function() {
74 269
75 } 270 }
76 }) 271 })
1 <!--pages/my/approve/approve.wxml--> 1 <!--pages/my/approve/approve.wxml-->
2 <view class="content_box"> 2 <view class="content_box">
3 - <view class="item_list"> 3 + <view class="item_list" bindtap='companyFun'>
4 <view class="list_title">公司名称</view> 4 <view class="list_title">公司名称</view>
5 <view class="list_content"> 5 <view class="list_content">
6 - <view class='input_item'>{{'输入公司名称'}}</view> 6 + <view class='input_item {{proData.company_id?"":"color_input"}}'>{{proData.company_id?companyName:'输入公司名称'}}</view>
7 </view> 7 </view>
8 </view> 8 </view>
9 <view class="item_list"> 9 <view class="item_list">
10 <view class="list_title">姓名</view> 10 <view class="list_title">姓名</view>
11 <view class="list_content"> 11 <view class="list_content">
12 - <input type="text" placeholder='请输入姓名' placeholder-class='pl_style' value="{{work}}" class="input_item" bindinput='work'></input> 12 + <input type="text" placeholder='请输入姓名' placeholder-class='pl_style' value="{{proData.name}}" class="input_item" bindinput='work'></input>
13 </view> 13 </view>
14 </view> 14 </view>
15 <view class="item_list"> 15 <view class="item_list">
16 <view class="list_title">联系电话</view> 16 <view class="list_title">联系电话</view>
17 <view class="list_content"> 17 <view class="list_content">
18 - <input type="number" placeholder='输入联系电话' placeholder-class='pl_style' value="{{mobile}}" class="input_item" bindinput='getPhone'></input> 18 + <input type="number" placeholder='输入联系电话' placeholder-class='pl_style' value="{{proData.mobile}}" class="input_item" bindinput='getPhone'></input>
19 </view> 19 </view>
20 </view> 20 </view>
21 <view class="item_list" style=' align-items: flex-start;'> 21 <view class="item_list" style=' align-items: flex-start;'>
22 <view class="list_title">营业执照</view> 22 <view class="list_title">营业执照</view>
23 - <view class="list_content" >  
24 - <view class='add_btn img_box' wx:for="{{proData.images}}" wx:key=''>  
25 - <image src='item' mode='widthFix'></image> 23 + <view class="list_content img_wrap">
  24 + <view class='add_btn img_box' wx:for="{{proData.images}}" wx:key='index'>
  25 + <image src='{{item}}'></image>
  26 + <image class='del' data-i="{{index}}" bindtap="delFun" src='../../../images/imgDel.png'></image>
26 </view> 27 </view>
27 - <view class='add_btn'> 28 + <view class='add_btn' bindtap='selectCameraFun'>
28 <text>+</text> 29 <text>+</text>
29 </view> 30 </view>
30 </view> 31 </view>
31 </view> 32 </view>
32 </view> 33 </view>
33 34
34 -<view class='bottom_btn' bindtap='btn_approve'>认证</view> 35 +<view class='bottom_btn' bindtap='subFun'>认证</view>
35 <!-- 公司搜索弹窗 --> 36 <!-- 公司搜索弹窗 -->
36 37
37 -<view class='search_view'> 38 +<view class='search_view' wx:if="{{seach}}">
38 <view class='search-top'> 39 <view class='search-top'>
39 - <input placeholder='请输入公司名称' type='search' class='input_item'></input>  
40 - <view class='cancle_action'>取消</view> 40 + <view class='search_box'>
  41 + <input placeholder='请输入公司名称' bindinput='keywordFun' type='search' class='input_item'></input>
  42 + <image src='../../../images/del.png'></image>
  43 + <view class='cancle_action' bindtap='seachFun'>搜索</view>
  44 + </view>
41 </view> 45 </view>
42 46
43 <view class='adress_list_container'> 47 <view class='adress_list_container'>
44 - 48 + <view class='adress_list' wx:for="{{companyList}}" wx:key="index" data-id="{{item.id}}" data-name='{{item.name}}' bindtap='companySelect'>
  49 + {{item.name}}
  50 + </view>
45 </view> 51 </view>
46 </view> 52 </view>
@@ -31,7 +31,7 @@ @@ -31,7 +31,7 @@
31 .list_content { 31 .list_content {
32 font-size: 30rpx; 32 font-size: 30rpx;
33 color: #000; 33 color: #000;
34 - min-width: 75%; 34 + width: 75%;
35 } 35 }
36 36
37 .input_item { 37 .input_item {
@@ -39,11 +39,22 @@ @@ -39,11 +39,22 @@
39 outline: none; 39 outline: none;
40 } 40 }
41 41
  42 +.color_input {
  43 + color: rgba(204, 204, 204, 1);
  44 +}
  45 +
42 .area_item { 46 .area_item {
43 width: 80%; 47 width: 80%;
44 height: 120rpx; 48 height: 120rpx;
45 } 49 }
46 50
  51 +.img_wrap {
  52 + display: flex;
  53 + justify-content: flex-start;
  54 + align-items: flex-start;
  55 + flex-wrap: wrap;
  56 +}
  57 +
47 .bottom_btn { 58 .bottom_btn {
48 width: 352rpx; 59 width: 352rpx;
49 height: 80rpx; 60 height: 80rpx;
@@ -68,6 +79,27 @@ @@ -68,6 +79,27 @@
68 line-height: 1; 79 line-height: 1;
69 position: relative; 80 position: relative;
70 color: rgb(236, 201, 201); 81 color: rgb(236, 201, 201);
  82 + box-sizing: border-box;
  83 +}
  84 +.img_box {
  85 + /* position: relative; */
  86 + border: none;
  87 + margin:0 10px 20rpx 0;
  88 +}
  89 +.img_box:nth-child(3n) {
  90 + margin-right: 0;
  91 +}
  92 +.img_box image {
  93 + width: 100%;
  94 + height: 100%;
  95 + display: block;
  96 +}
  97 +.img_box .del {
  98 + position: absolute;
  99 + width: 40rpx;
  100 + height: 40rpx;
  101 + top: 10rpx;
  102 + right: 10rpx;
71 } 103 }
72 .search_view{ 104 .search_view{
73 position: fixed; 105 position: fixed;
@@ -82,19 +114,30 @@ @@ -82,19 +114,30 @@
82 box-sizing: border-box; 114 box-sizing: border-box;
83 } 115 }
84 .search-top{ 116 .search-top{
85 - height: 80rpx; 117 + height: 120rpx;
86 width: 100%; 118 width: 100%;
87 display: flex; 119 display: flex;
88 font-size: 26rpx; 120 font-size: 26rpx;
89 padding: 20rpx; 121 padding: 20rpx;
90 background-color: #fff; 122 background-color: #fff;
  123 + box-sizing: border-box;
  124 + border-radius: 5rpx;
  125 +}
  126 +.search_box {
  127 + width: 100%;
  128 + height: 100%;
  129 + border-radius: 15rpx;
  130 + display: flex;
  131 + justify-content: flex-start;
  132 + align-items: center;
  133 + background: #e6e6e6;
91 } 134 }
92 .input_item{ 135 .input_item{
93 - border: 1rpx solid #efefef; 136 + /* border: 1rpx solid #efefef; */
94 flex: 1; 137 flex: 1;
95 height: 100%; 138 height: 100%;
96 border-radius: 10rpx; 139 border-radius: 10rpx;
97 - padding-left: 10rpx; 140 + padding-left: 20rpx;
98 } 141 }
99 .cancle_action{ 142 .cancle_action{
100 width: 100rpx; 143 width: 100rpx;
@@ -103,3 +146,95 @@ @@ -103,3 +146,95 @@
103 color: #64A2E8; 146 color: #64A2E8;
104 justify-content: center; 147 justify-content: center;
105 } 148 }
  149 +.search-top image {
  150 + width: 32rpx;
  151 + height: 32rpx;
  152 + display: block;
  153 +}
  154 +
  155 +/* 公司名称搜索结果 */
  156 +.adress_list_container {
  157 + margin-top: 20rpx;
  158 + flex: 1;
  159 + width: 100%;
  160 + background: #fff;
  161 +}
  162 +.adress_list {
  163 + width: 100%;
  164 + box-sizing: border-box;
  165 + padding: 20rpx;
  166 + font-size: 28rpx;
  167 + font-weight:400;
  168 + color: rgba(51,51,51,1);
  169 + /* display: flex;
  170 + align-items: flex-start;
  171 + justify-content: flex-start; */
  172 + border-bottom: 1px solid rgba(204, 204, 204, 0.3);
  173 +}
  174 +/* .adress_list_left {
  175 + width: 32rpx;
  176 + height: 32rpx;
  177 + margin-right: 15rpx;
  178 +}
  179 +.adress_list_left image {
  180 + display: block;
  181 + width: 100%;
  182 + height: 100%;
  183 +}
  184 +.adress_list_right {
  185 + flex: 1;
  186 + height: 100%;
  187 +}
  188 +.adress_list_right_top {
  189 + font-size: 28rpx;
  190 + font-weight:400;
  191 + color: rgba(51,51,51,1)
  192 +}
  193 +.adress_list_right_bottom {
  194 + display: flex;
  195 + justify-content: space-between;
  196 + align-items: center;
  197 + font-size: 24rpx;
  198 + color: rgba(204,204,204,1);
  199 +} */
  200 +
  201 +
  202 +
  203 +
  204 +
  205 +
  206 +
  207 +
  208 +
  209 +
  210 +
  211 +
  212 +
  213 +
  214 +
  215 +
  216 +
  217 +
  218 +
  219 +
  220 +
  221 +
  222 +
  223 +
  224 +
  225 +
  226 +
  227 +
  228 +
  229 +
  230 +
  231 +
  232 +
  233 +
  234 +
  235 +
  236 +
  237 +
  238 +
  239 +
  240 +
@@ -14,6 +14,8 @@ Page({ @@ -14,6 +14,8 @@ Page({
14 onLoad: function (options) { 14 onLoad: function (options) {
15 15
16 }, 16 },
  17 +
  18 + // 发表帖子
17 post_btn() { 19 post_btn() {
18 20
19 wx.navigateTo({ 21 wx.navigateTo({
@@ -21,6 +23,13 @@ Page({ @@ -21,6 +23,13 @@ Page({
21 }) 23 })
22 }, 24 },
23 25
  26 + // 返回首页
  27 + goHome() {
  28 + wx.navigateBack({
  29 + delta: 5
  30 + })
  31 + },
  32 +
24 33
25 /** 34 /**
26 * 生命周期函数--监听页面初次渲染完成 35 * 生命周期函数--监听页面初次渲染完成
@@ -6,13 +6,28 @@ Page({ @@ -6,13 +6,28 @@ Page({
6 * 页面的初始数据 6 * 页面的初始数据
7 */ 7 */
8 data: { 8 data: {
9 - 9 + followList: [],
  10 + page: 1
10 }, 11 },
11 /** 12 /**
12 * 生命周期函数--监听页面加载 13 * 生命周期函数--监听页面加载
13 */ 14 */
14 onLoad: function (options) { 15 onLoad: function (options) {
  16 + this.getFollowList();
  17 + },
15 18
  19 + // 获取帖子列表
  20 + getFollowList() {
  21 + let b = this, url = '/api/User/getMyFollowList', params = {
  22 + header: true,
  23 + page: b.data.page
  24 + };
  25 + a.post(url, params).then((res) => {
  26 + console.log(res);
  27 + b.setData({
  28 + followList: res.data
  29 + })
  30 + })
16 }, 31 },
17 32
18 /** 33 /**
@@ -54,7 +69,11 @@ Page({ @@ -54,7 +69,11 @@ Page({
54 * 页面上拉触底事件的处理函数 69 * 页面上拉触底事件的处理函数
55 */ 70 */
56 onReachBottom: function () { 71 onReachBottom: function () {
57 - 72 + let that = this;
  73 + that.setData({
  74 + page: that.data.page + 1,
  75 + });
  76 + that.getFollowList();
58 }, 77 },
59 78
60 /** 79 /**
1 <!--pages/my/myAttention/myAttention.wxml--> 1 <!--pages/my/myAttention/myAttention.wxml-->
2 <view class='box'> 2 <view class='box'>
3 - <view class='item_list' wx:for='{{[1,2]}}'>  
4 - <image src='/images/weirenzheng@2x.png'></image> 3 + <view class='item_list' wx:for='{{followList}}' wx:key="index">
  4 + <image src='{{item.logo_image}}'></image>
5 <view class='list_right'> 5 <view class='list_right'>
6 <view> 6 <view>
7 - <view class='user_name'>马晓上</view> 7 + <view class='user_name'>{{item.name}}</view>
8 <view class='list_time'> 8 <view class='list_time'>
9 - <text>今天</text>  
10 - <text>21:00</text> 9 + {{item.create_time_text}}
  10 + <!-- <text>今天</text>
  11 + <text>21:00</text> -->
11 </view> 12 </view>
12 </view> 13 </view>
13 <view class='list_btn'>已关注</view> 14 <view class='list_btn'>已关注</view>
  1 +const a = getApp();
1 Page({ 2 Page({
2 3
3 /** 4 /**
4 * 页面的初始数据 5 * 页面的初始数据
5 */ 6 */
6 data: { 7 data: {
7 - 8 + commentsList: [],
  9 + page: 1
8 }, 10 },
9 11
10 /** 12 /**
11 * 生命周期函数--监听页面加载 13 * 生命周期函数--监听页面加载
12 */ 14 */
13 - onLoad: function (options) { 15 + onLoad: function(options) {
  16 + this.getCommentsList();
  17 + },
14 18
  19 + // 获取点赞列表
  20 + getCommentsList() {
  21 + let b = this,
  22 + url = '/api/User/getMyCommentList',
  23 + params = {
  24 + header: true,
  25 + page: b.data.page
  26 + };
  27 + a.post(url, params).then((res) => {
  28 + console.log(res);
  29 + b.setData({
  30 + commentsList: res.data
  31 + })
  32 + })
15 }, 33 },
16 34
17 /** 35 /**
18 * 生命周期函数--监听页面初次渲染完成 36 * 生命周期函数--监听页面初次渲染完成
19 */ 37 */
20 - onReady: function () { 38 + onReady: function() {
21 39
22 }, 40 },
23 41
24 /** 42 /**
25 * 生命周期函数--监听页面显示 43 * 生命周期函数--监听页面显示
26 */ 44 */
27 - onShow: function () { 45 + onShow: function() {
28 46
29 }, 47 },
30 48
31 /** 49 /**
32 * 生命周期函数--监听页面隐藏 50 * 生命周期函数--监听页面隐藏
33 */ 51 */
34 - onHide: function () { 52 + onHide: function() {
35 53
36 }, 54 },
37 55
38 /** 56 /**
39 * 生命周期函数--监听页面卸载 57 * 生命周期函数--监听页面卸载
40 */ 58 */
41 - onUnload: function () { 59 + onUnload: function() {
42 60
43 }, 61 },
44 62
45 /** 63 /**
46 * 页面相关事件处理函数--监听用户下拉动作 64 * 页面相关事件处理函数--监听用户下拉动作
47 */ 65 */
48 - onPullDownRefresh: function () { 66 + onPullDownRefresh: function() {
49 67
50 }, 68 },
51 69
52 /** 70 /**
53 * 页面上拉触底事件的处理函数 71 * 页面上拉触底事件的处理函数
54 */ 72 */
55 - onReachBottom: function () {  
56 - 73 + onReachBottom: function() {
  74 + let that = this;
  75 + that.setData({
  76 + page: that.data.page + 1,
  77 + });
  78 + that.getCommentsList();
57 }, 79 },
58 80
59 /** 81 /**
60 * 用户点击右上角分享 82 * 用户点击右上角分享
61 */ 83 */
62 - onShareAppMessage: function () { 84 + onShareAppMessage: function() {
63 85
64 } 86 }
65 }) 87 })
1 -  
2 <view class='container'> 1 <view class='container'>
3 2
4 3
@@ -10,20 +9,20 @@ @@ -10,20 +9,20 @@
10 <view class='mid'> 9 <view class='mid'>
11 10
12 <!-- 条目 --> 11 <!-- 条目 -->
13 - <view class='mid_item'> 12 + <view class='mid_item' wx:for="{{commentsList}}" wx:key="index">
14 <view class='mid_item_top'> 13 <view class='mid_item_top'>
15 <view class='mid_item_top_left'> 14 <view class='mid_item_top_left'>
16 <!-- 图片 --> 15 <!-- 图片 -->
17 <view class='mid_item_top_left_pic'> 16 <view class='mid_item_top_left_pic'>
18 - <image src='../../images/03_nav@2x.png'></image> 17 + <image src='{{item.my_nickname}}'></image>
19 </view> 18 </view>
20 <!-- 文字 --> 19 <!-- 文字 -->
21 <view class='mid_item_top_left_text color_blue'> 20 <view class='mid_item_top_left_text color_blue'>
22 - 牧羊人 21 + {{item.my_avatar}}
23 </view> 22 </view>
24 </view> 23 </view>
25 <view class='mid_item_top_right '> 24 <view class='mid_item_top_right '>
26 - 15分钟前 25 + {{item.create_time_text}}
27 </view> 26 </view>
28 </view> 27 </view>
29 <!-- 文字内容 --> 28 <!-- 文字内容 -->
@@ -38,28 +37,28 @@ @@ -38,28 +37,28 @@
38 <view class='mid_item_top_left'> 37 <view class='mid_item_top_left'>
39 <!-- 图片 --> 38 <!-- 图片 -->
40 <view class='mid_item_top_left_pic'> 39 <view class='mid_item_top_left_pic'>
41 - <image src='../../images/03_nav@2x.png'></image> 40 + <image src='{{item.avatar}}'></image>
42 </view> 41 </view>
43 <!-- 文字 --> 42 <!-- 文字 -->
44 <view class='mid_item_top_left_text'> 43 <view class='mid_item_top_left_text'>
45 - 金沃斯英语在线教育 44 + {{item.nickname}}
46 <view class='icon_tm'> 45 <view class='icon_tm'>
47 <image src='../../images/guangfang@2x.png'></image> 46 <image src='../../images/guangfang@2x.png'></image>
48 </view> 47 </view>
49 </view> 48 </view>
50 </view> 49 </view>
51 <view class='mid_item_top_right'> 50 <view class='mid_item_top_right'>
52 - 15分钟前 51 + {{item.create_time_text}}
53 </view> 52 </view>
54 </view> 53 </view>
55 <!-- 文字内容 --> 54 <!-- 文字内容 -->
56 <view class='mid_item_text'> 55 <view class='mid_item_text'>
57 - 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！ 56 + {{item.content}}
58 </view> 57 </view>
59 <!-- 图片内容 --> 58 <!-- 图片内容 -->
60 <view class='mid_pic_box'> 59 <view class='mid_pic_box'>
61 - <view class='mid_pic_item'>  
62 - <image src='../../images/weirenzheng@3x.png'></image> 60 + <view class='mid_pic_item' wx:for="{{item.images}}" wx:key="index">
  61 + <image src='{{item}}'></image>
63 </view> 62 </view>
64 63
65 </view> 64 </view>
@@ -78,8 +77,8 @@ @@ -78,8 +77,8 @@
78 77
79 <view class='mid_item_like_right'> 78 <view class='mid_item_like_right'>
80 <!-- 点赞 --> 79 <!-- 点赞 -->
81 - <view class='mid_like '>  
82 - <image src='../../images/zan@3x.png'></image> 80 + <view class='mid_like ' >
  81 + <image wx:if="{{item.is_like == 0}}" src='../../images/zan@3x.png'></image>
83 </view> 82 </view>
84 <!-- 数量 --> 83 <!-- 数量 -->
85 <view class='mid_number '> 84 <view class='mid_number '>
  1 +const a = getApp();
1 Page({ 2 Page({
2 3
3 /** 4 /**
4 * 页面的初始数据 5 * 页面的初始数据
5 */ 6 */
6 data: { 7 data: {
7 - 8 + noticeList: [],
  9 + page: 1
8 }, 10 },
9 11
10 /** 12 /**
11 * 生命周期函数--监听页面加载 13 * 生命周期函数--监听页面加载
12 */ 14 */
13 - onLoad: function (options) { 15 + onLoad: function(options) {
  16 + this.getInformList();
  17 + },
14 18
  19 + // 获取点赞列表
  20 + getInformList() {
  21 + let b = this,
  22 + url = '/api/User/getNoticeList',
  23 + params = {
  24 + header: true,
  25 + page: b.data.page
  26 + };
  27 + a.post(url, params).then((res) => {
  28 + console.log(res);
  29 + b.setData({
  30 + noticeList: res.data
  31 + })
  32 + })
15 }, 33 },
16 34
17 /** 35 /**
18 * 生命周期函数--监听页面初次渲染完成 36 * 生命周期函数--监听页面初次渲染完成
19 */ 37 */
20 - onReady: function () { 38 + onReady: function() {
21 39
22 }, 40 },
23 41
24 /** 42 /**
25 * 生命周期函数--监听页面显示 43 * 生命周期函数--监听页面显示
26 */ 44 */
27 - onShow: function () { 45 + onShow: function() {
28 46
29 }, 47 },
30 48
31 /** 49 /**
32 * 生命周期函数--监听页面隐藏 50 * 生命周期函数--监听页面隐藏
33 */ 51 */
34 - onHide: function () { 52 + onHide: function() {
35 53
36 }, 54 },
37 55
38 /** 56 /**
39 * 生命周期函数--监听页面卸载 57 * 生命周期函数--监听页面卸载
40 */ 58 */
41 - onUnload: function () { 59 + onUnload: function() {
42 60
43 }, 61 },
44 62
45 /** 63 /**
46 * 页面相关事件处理函数--监听用户下拉动作 64 * 页面相关事件处理函数--监听用户下拉动作
47 */ 65 */
48 - onPullDownRefresh: function () { 66 + onPullDownRefresh: function() {
49 67
50 }, 68 },
51 69
52 /** 70 /**
53 * 页面上拉触底事件的处理函数 71 * 页面上拉触底事件的处理函数
54 */ 72 */
55 - onReachBottom: function () {  
56 - 73 + onReachBottom: function() {
  74 + let that = this;
  75 + that.setData({
  76 + page: that.data.page + 1,
  77 + });
  78 + that.getInformList();
57 }, 79 },
58 80
59 /** 81 /**
60 * 用户点击右上角分享 82 * 用户点击右上角分享
61 */ 83 */
62 - onShareAppMessage: function () { 84 + onShareAppMessage: function() {
63 85
64 } 86 }
65 }) 87 })
@@ -110,7 +110,7 @@ @@ -110,7 +110,7 @@
110 <view class='mid'> 110 <view class='mid'>
111 111
112 <!-- 条目 --> 112 <!-- 条目 -->
113 - <view class='mid_item'> 113 + <view class='mid_item' wx:for="{{noticeList}}" wx:key="index">
114 <view class='mid_item_top'> 114 <view class='mid_item_top'>
115 <view class='mid_item_top_left'> 115 <view class='mid_item_top_left'>
116 <!-- 图片 --> 116 <!-- 图片 -->
@@ -120,10 +120,14 @@ @@ -120,10 +120,14 @@
120 <!-- 文字 --> 120 <!-- 文字 -->
121 <view class='mid_item_top_left_text color_blue'> 121 <view class='mid_item_top_left_text color_blue'>
122 牧羊人 122 牧羊人
123 - <view class='mid_icon'> 123 + <view class='mid_icon' wx:if="{{item.read_switch == 0}}">
124 未读 124 未读
125 <!-- <image src='../../images/weidu@2x.png'></image> --> 125 <!-- <image src='../../images/weidu@2x.png'></image> -->
126 </view> 126 </view>
  127 + <view class='mid_icon color_read' wx:if="{{item.read_switch == 1}}">
  128 + 已读
  129 + <!-- <image src='../../images/weidu@2x.png'></image> -->
  130 + </view>
127 </view> 131 </view>
128 </view> 132 </view>
129 <view class='mid_item_top_right '> 133 <view class='mid_item_top_right '>
@@ -132,11 +136,11 @@ @@ -132,11 +136,11 @@
132 </view> 136 </view>
133 <!-- 大标题 --> 137 <!-- 大标题 -->
134 <view class='mid_item_title'> 138 <view class='mid_item_title'>
135 - 交通优势突出停车难问题能否解决？ 139 + {{item.title}}
136 </view> 140 </view>
137 <!-- 文字内容 --> 141 <!-- 文字内容 -->
138 <view class='mid_item_text'> 142 <view class='mid_item_text'>
139 - 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！ 143 + {{item.content}}
140 </view> 144 </view>
141 145
142 146
  1 +
  2 +const a = getApp();
1 Page({ 3 Page({
2 4
3 /** 5 /**
4 * 页面的初始数据 6 * 页面的初始数据
5 */ 7 */
6 data: { 8 data: {
7 - 9 + likeList: [],
  10 + page: 1
8 }, 11 },
9 12
10 /** 13 /**
11 * 生命周期函数--监听页面加载 14 * 生命周期函数--监听页面加载
12 */ 15 */
13 - onLoad: function (options) { 16 + onLoad: function(options) {
  17 + this.getLikeList();
  18 + },
14 19
  20 + // 获取点赞列表
  21 + getLikeList() {
  22 + let b = this, url = '/api/User/getMyLikeList', params = {
  23 + header: true,
  24 + page: b.data.page
  25 + };
  26 + a.post(url, params).then((res) => {
  27 + console.log(res);
  28 + b.setData({
  29 + likeList: res.data
  30 + })
  31 + })
15 }, 32 },
16 33
17 /** 34 /**
18 * 生命周期函数--监听页面初次渲染完成 35 * 生命周期函数--监听页面初次渲染完成
19 */ 36 */
20 - onReady: function () { 37 + onReady: function() {
21 38
22 }, 39 },
23 40
24 /** 41 /**
25 * 生命周期函数--监听页面显示 42 * 生命周期函数--监听页面显示
26 */ 43 */
27 - onShow: function () { 44 + onShow: function() {
28 45
29 }, 46 },
30 47
31 /** 48 /**
32 * 生命周期函数--监听页面隐藏 49 * 生命周期函数--监听页面隐藏
33 */ 50 */
34 - onHide: function () { 51 + onHide: function() {
35 52
36 }, 53 },
37 54
38 /** 55 /**
39 * 生命周期函数--监听页面卸载 56 * 生命周期函数--监听页面卸载
40 */ 57 */
41 - onUnload: function () { 58 + onUnload: function() {
42 59
43 }, 60 },
44 61
45 /** 62 /**
46 * 页面相关事件处理函数--监听用户下拉动作 63 * 页面相关事件处理函数--监听用户下拉动作
47 */ 64 */
48 - onPullDownRefresh: function () { 65 + onPullDownRefresh: function() {
49 66
50 }, 67 },
51 68
52 /** 69 /**
53 * 页面上拉触底事件的处理函数 70 * 页面上拉触底事件的处理函数
54 */ 71 */
55 - onReachBottom: function () {  
56 - 72 + onReachBottom: function() {
  73 + let that = this;
  74 + that.setData({
  75 + page: that.data.page + 1,
  76 + });
  77 + that.getLikeList();
57 }, 78 },
58 79
59 /** 80 /**
60 * 用户点击右上角分享 81 * 用户点击右上角分享
61 */ 82 */
62 - onShareAppMessage: function () { 83 + onShareAppMessage: function() {
63 84
64 } 85 }
65 }) 86 })
@@ -110,34 +110,33 @@ @@ -110,34 +110,33 @@
110 <view class='mid'> 110 <view class='mid'>
111 111
112 <!-- 条目 --> 112 <!-- 条目 -->
113 - <view class='mid_item'> 113 + <view class='mid_item' wx:for="{{likeList}}" wx:key="index">
114 <view class='mid_item_top'> 114 <view class='mid_item_top'>
115 <view class='mid_item_top_left'> 115 <view class='mid_item_top_left'>
116 <!-- 图片 --> 116 <!-- 图片 -->
117 <view class='mid_item_top_left_pic'> 117 <view class='mid_item_top_left_pic'>
118 - <image src='../../images/03_nav@2x.png'></image> 118 + <image src='{{item.avatar}}'></image>
119 </view> 119 </view>
120 <!-- 文字 --> 120 <!-- 文字 -->
121 <view class='mid_item_top_left_text'> 121 <view class='mid_item_top_left_text'>
122 - 金沃斯英语在线教育 122 + {{item.nickname}}
123 </view> 123 </view>
124 </view> 124 </view>
125 <view class='mid_item_top_right'> 125 <view class='mid_item_top_right'>
126 - 15分钟前 126 + {{item.create_time_text}}
127 </view> 127 </view>
128 </view> 128 </view>
129 <!-- 文字内容 --> 129 <!-- 文字内容 -->
130 - <view class='mid_item_text'>  
131 - 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！ 130 + <view class='mid_item_text'>{{item.title}}
132 </view> 131 </view>
133 <!-- 图片内容 --> 132 <!-- 图片内容 -->
134 <view class='mid_pic_box'> 133 <view class='mid_pic_box'>
135 - <view class='mid_pic_box_p'>  
136 - <image src='../../images/weirenzheng@3x.png'></image> 134 + <view class='mid_pic_box_p' wx:for="{{item.images}}" wx:key="index">
  135 + <image src='{{item}}'></image>
137 </view> 136 </view>
138 - <view class='mid_pic_box_p'> 137 + <!-- <view class='mid_pic_box_p'>
139 <image src='../../images/weirenzheng@3x.png'></image> 138 <image src='../../images/weirenzheng@3x.png'></image>
140 - </view> 139 + </view> -->
141 140
142 141
143 </view> 142 </view>
@@ -173,73 +172,6 @@ @@ -173,73 +172,6 @@
173 </view> 172 </view>
174 173
175 174
176 -  
177 - <!-- 条目 -->  
178 - <view class='mid_item'>  
179 - <view class='mid_item_top'>  
180 - <view class='mid_item_top_left'>  
181 - <!-- 图片 -->  
182 - <view class='mid_item_top_left_pic'>  
183 - <image src='../../images/03_nav@2x.png'></image>  
184 - </view>  
185 - <!-- 文字 -->  
186 - <view class='mid_item_top_left_text'>  
187 - 金沃斯英语在线教育  
188 - <view class='icon_tm'>  
189 - <image src='../../images/guangfang@2x.png'></image>  
190 - </view>  
191 - </view>  
192 - </view>  
193 - <view class='mid_item_top_right'>  
194 - 15分钟前  
195 - </view>  
196 - </view>  
197 - <!-- 文字内容 -->  
198 - <view class='mid_item_text'>  
199 - 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！  
200 - </view>  
201 - <!-- 图片内容 -->  
202 - <view class='mid_pic_box'>  
203 - <view class='mid_pic_item'>  
204 - <image src='../../images/weirenzheng@3x.png'></image>  
205 - </view>  
206 -  
207 - </view>  
208 -  
209 - <!-- 底部 -->  
210 - <view class='mid_item_like'>  
211 - <view class='mid_item_like_left'>  
212 - <!-- 删除 -->  
213 - </view>  
214 -  
215 - <view class='mid_item_like_right'>  
216 - <!-- 点赞 -->  
217 - <view class='mid_like color_blue'>  
218 - <image src='../../images/thumb-up-button@3x.png'></image>  
219 - </view>  
220 - <!-- 数量 -->  
221 - <view class='mid_number '>  
222 - 46  
223 - </view>  
224 -  
225 - <!-- 点赞 -->  
226 - <view class='mid_like'>  
227 - <image src='../../images/pinglun_fill@3x.png'></image>  
228 - </view>  
229 - <!-- 数量 -->  
230 - <view class='mid_number'>  
231 - 46  
232 - </view>  
233 - </view>  
234 -  
235 - </view>  
236 - <!-- 回复框 -->  
237 - <!-- <view class='mid_item_bottom'>  
238 - <view><span class='color_blue'>宏中科技</span>:非常实用!!!</view>  
239 - <view><span class='color_blue'>宏中科技</span>:非常实用!!!</view>  
240 - <view><span class='color_blue'>查看更多>></span></view>  
241 - </view> -->  
242 - </view>  
243 </view> 175 </view>
244 </view> 176 </view>
245 </view> 177 </view>