Commit cf8cfbed820e0d10049b5832e32ac41213c91cd5

Authored by wxy
1 parent 6843e3d2

首页案件列表,办理页面案件列表

pages/index/index.js
1 1 //index.js
  2 +
  3 +const req = require('../../utils/request.js')
  4 +const util = require('../../utils/util.js')
  5 +
  6 +const Case_List_URL = "/platform/app/case/getCases";
2 7 //获取应用实例
3 8 const app = getApp()
4 9  
... ... @@ -29,12 +34,7 @@ Page({
29 34 * 生命周期函数--监听页面显示
30 35 */
31 36 onShow: function () {
32   - if (typeof this.getTabBar === 'function' &&
33   - this.getTabBar()) {
34   - this.getTabBar().setData({
35   - selected: 0
36   - })
37   - }
  37 +
38 38 },
39 39  
40 40 /**
... ... @@ -72,3 +72,48 @@ Page({
72 72  
73 73 }
74 74 })
  75 +
  76 +Component({
  77 + data: {
  78 + surveyorId:"c64a18707e974f91945e0e872b7f5b98",
  79 + CaseList:undefined
  80 + },
  81 + methods: {
  82 + onLoad: function (options) {
  83 + var that = this;
  84 + console.log("onLoad1");
  85 + const dataParams = {
  86 + "pageSize": 20, "pageNumber": 1 ,
  87 + surveyorId: that.data.surveyorId
  88 + };
  89 +
  90 + req.getRequest(Case_List_URL, dataParams, function (res) {
  91 + wx.hideLoading();
  92 + // console.log(res)
  93 + if (res.data.code == 0) {
  94 + let cases=res.data.data.list;
  95 + for(let c in cases){
  96 + let date = util.formatTime(cases[c].updatetime,"date")
  97 + cases[c].updatetime = date
  98 + }
  99 + that.setData({
  100 + CaseList: res.data.data.list
  101 + });
  102 + }
  103 + }, function (res) {
  104 + wx.hideLoading();
  105 + console.log(res);
  106 + });
  107 + }
  108 + },
  109 + pageLifetimes: {
  110 + show() {
  111 + if (typeof this.getTabBar === 'function' &&
  112 + this.getTabBar()) {
  113 + this.getTabBar().setData({
  114 + selected: 0
  115 + })
  116 + }
  117 + }
  118 + },
  119 +})
75 120 \ No newline at end of file
... ...
pages/index/index.wxml
... ... @@ -40,21 +40,22 @@
40 40 <text>最新归档案件</text>
41 41 </view>
42 42 <!-- 案件1 -->
43   - <navigator class="case" hover-class="none" url="">
  43 + <view class="case" hover-class="none" wx:for="{{CaseList}}" wx:key="{{item.id}}" wx:for-item="item" data-case-class-id="{{item.id}}" bindtap="toCaseInfo">
44 44 <view class="caseinfo">
45   - <view class="title">关于工程水质污染案件的调查</view>
46   - <text class="level danger">重点</text>
  45 + <view class="title">{{item.name}}</view>
  46 + <text class="level danger" wx:if="item.level==2">重点</text>
  47 + <text class="level warning" wx:if="item.level==1">一般</text>
47 48 <view class="subinfo">
48   - <view>案件地点:汉阳区张家湾街道201号</view>
  49 + <view>案件地点:{{item.address}}</view>
49 50 <view>案件类型:环境保护类</view>
50   - <view>勘查单位:武汉市人民检察院</view>
  51 + <view>勘查单位:{{item.unitname}}</view>
51 52 </view>
52   - <view class="time">2020/05/06</view>
  53 + <view class="time">{{item.updatetime}}</view>
53 54 </view>
54   - </navigator>
  55 + </view>
55 56 <!-- 案件1 -->
56 57 <!-- 案件2 -->
57   - <navigator class="case" hover-class="none" url="">
  58 + <!-- <navigator class="case" hover-class="none" url="">
58 59 <view class="caseinfo">
59 60 <view class="title">关于化工厂不合格排放烟尘的案件</view>
60 61 <text class="level warning">一般</text>
... ... @@ -65,7 +66,7 @@
65 66 </view>
66 67 <view class="time">2020/05/05</view>
67 68 </view>
68   - </navigator>
  69 + </navigator> -->
69 70 <!-- 案件2 -->
70 71 <!-- 最新归档案件 -->
71 72 </view>
... ...
pages/work/work.js
  1 +const req = require('../../utils/request.js')
  2 +const util = require('../../utils/util.js')
  3 +
  4 +const Case_List_URL = "/platform/app/case/getCases";
1 5 // pages/work/work.js
2 6 //获取应用实例
3 7 const app = getApp()
... ... @@ -8,22 +12,15 @@ Page({
8 12 * 页面的初始数据
9 13 */
10 14 data: {
11   - menuTapCurrent:0
12   - },
13   - // 点击按钮选项卡切换
14   - menuTap: function (e) {
15   - var current = e.currentTarget.dataset.current;//获取到绑定的数据
16   - //改变menuTapCurrent的值为当前选中的menu所绑定的数据
17   - this.setData({
18   - menuTapCurrent: current
19   - });
  15 +
20 16 },
21 17  
  18 +
22 19 /**
23 20 * 生命周期函数--监听页面加载
24 21 */
25 22 onLoad: function (options) {
26   -
  23 +
27 24 },
28 25  
29 26 /**
... ... @@ -37,12 +34,7 @@ Page({
37 34 * 生命周期函数--监听页面显示
38 35 */
39 36 onShow: function () {
40   - if (typeof this.getTabBar === 'function' &&
41   - this.getTabBar()) {
42   - this.getTabBar().setData({
43   - selected: 1
44   - })
45   - }
  37 +
46 38 },
47 39  
48 40 /**
... ... @@ -79,4 +71,61 @@ Page({
79 71 onShareAppMessage: function () {
80 72  
81 73 }
  74 +})
  75 +Component({
  76 + data: {
  77 + menuTapCurrent:0,
  78 + surveyorId:"c64a18707e974f91945e0e872b7f5b98",
  79 + CaseList:undefined
  80 + },
  81 +
  82 + methods: {
  83 + // 点击按钮选项卡切换
  84 + menuTap: function (e) {
  85 + var current = e.currentTarget.dataset.current;//获取到绑定的数据
  86 + //改变menuTapCurrent的值为当前选中的menu所绑定的数据
  87 + this.setData({
  88 + menuTapCurrent: current
  89 + });
  90 + var that = this;
  91 + that.getList();
  92 + },
  93 + onLoad: function (options) {
  94 + wx.showLoading({
  95 + title: '加载中...',
  96 + });
  97 + var that = this;
  98 + that.getList();
  99 + },
  100 + getList: function () {
  101 + var that = this;
  102 + const data = { "pageSize": 20, "pageNumber": 1 , surveyorId: that.data.surveyorId,status: that.data.menuTapCurrent+1};
  103 + req.getRequest(Case_List_URL, data, function (res) {
  104 + wx.hideLoading();
  105 + if (res.data.code == 0) {
  106 + let cases=res.data.data.list;
  107 + for(let c in cases){
  108 + let date = util.formatTime(cases[c].updatetime,"date")
  109 + cases[c].updatetime = date
  110 + }
  111 + that.setData({
  112 + CaseList: cases
  113 + });
  114 + }
  115 + }, function (res) {
  116 + wx.hideLoading();
  117 + console.log(res);
  118 + });
  119 + }
  120 + },
  121 + pageLifetimes: {
  122 + show() {
  123 + if (typeof this.getTabBar === 'function' &&
  124 + this.getTabBar()) {
  125 + this.getTabBar().setData({
  126 + selected: 1
  127 + })
  128 + }
  129 + }
  130 + },
82 131 })
83 132 \ No newline at end of file
... ...
pages/work/work.wxml
... ... @@ -4,7 +4,7 @@
4 4 <scroll-view class="tab">
5 5 <view class='tab-item {{menuTapCurrent=="0"?"active":""}}' data-current="0" catchtap="menuTap">
6 6 <image class="tabicon" src='../../images/tabicon1.png'></image>
7   - <view>执行中</view>
  7 + <view>待执行</view>
8 8 </view>
9 9 <view class='tab-item {{menuTapCurrent=="1"?"active":""}}' data-current="1" catchtap="menuTap">
10 10 <image class="tabicon" src='../../images/tabicon2.png'></image>
... ... @@ -12,60 +12,53 @@
12 12 </view>
13 13 <view class='tab-item {{menuTapCurrent=="2"?"active":""}}' data-current="2" catchtap="menuTap">
14 14 <image class="tabicon" src='../../images/tabicon3.png'></image>
15   - <view>已执行</view>
  15 + <view>已完成</view>
16 16 </view>
17 17 </scroll-view >
18 18 <!-- tab -->
19 19 <!-- 执行中 -->
20 20 <view class="content" hidden="{{menuTapCurrent!='0'}}">
21   - <navigator class="case" url="">
22   - <view class="title">关于工程水质污染案件的调查</view>
23   - <text class="level danger">重点</text>
  21 + <view class="case" wx:for="{{CaseList}}" wx:key="{{item.id}}" wx:for-item="item" data-case-class-id="{{item.id}}" bindtap="toCaseInfo">
  22 + <view class="title">{{item.name}}</view>
  23 + <text class="level danger" wx:if="item.level==2">重点</text>
  24 + <text class="level warning" wx:if="item.level==1">一般</text>
24 25 <view class="subinfo">
25   - <view>案件编号:鄂[备]202005061120</view>
26   - <view>案件地点:汉阳区张家湾街道201号</view>
  26 + <view>案件编号:{{item.num}}</view>
  27 + <view>案件地点:{{item.address}}</view>
27 28 <view>案件类型:环境保护类</view>
28 29 </view>
29   - <view class="time">2020/05/06</view>
30   - </navigator>
31   - <navigator class="case" url="">
32   - <view class="title">关于化工厂不合格排放烟尘的调查</view>
33   - <text class="level warning">一般</text>
34   - <view class="subinfo">
35   - <view>案件编号:鄂[备]202005061120</view>
36   - <view>案件地点:汉阳区张家湾街道201号</view>
37   - <view>案件类型:环境保护类</view>
38   - </view>
39   - <view class="time">2020/05/06</view>
40   - </navigator>
  30 + <view class="time">{{item.updatetime}}</view>
  31 + </view>
41 32 </view>
42 33 <!-- 执行中 -->
43 34 <!-- 待上传 -->
44   - <view class="content" hidden="{{menuTapCurrent!='1'}}">
45   - <navigator class="case" url="">
46   - <view class="title">关于工程水质污染案件的调查</view>
47   - <text class="level danger">重点</text>
  35 + <view class="content" hidden="{{menuTapCurrent!='0'}}">
  36 + <view class="case" wx:for="{{CaseList}}" wx:key="{{item.id}}" wx:for-item="item" data-case-class-id="{{item.id}}" bindtap="toCaseInfo">
  37 + <view class="title">{{item.name}}</view>
  38 + <text class="level danger" wx:if="item.level==2">重点</text>
  39 + <text class="level warning" wx:if="item.level==1">一般</text>
48 40 <view class="subinfo">
49   - <view>案件编号:鄂[备]202005061120</view>
50   - <view>案件地点:汉阳区张家湾街道201号</view>
  41 + <view>案件编号:{{item.num}}</view>
  42 + <view>案件地点:{{item.address}}</view>
51 43 <view>案件类型:环境保护类</view>
52 44 </view>
53   - <view class="time">2020/05/06</view>
54   - </navigator>
  45 + <view class="time">{{item.updatetime}}</view>
  46 + </view>
55 47 </view>
56 48 <!-- 待上传 -->
57 49 <!-- 已执行 -->
58   - <view class="content" hidden="{{menuTapCurrent!='2'}}">
59   - <navigator class="case" url="">
60   - <view class="title">关于化工厂不合格排放烟尘的调查</view>
61   - <text class="level warning">一般</text>
  50 + <view class="content" hidden="{{menuTapCurrent!='0'}}">
  51 + <view class="case" wx:for="{{CaseList}}" wx:key="{{item.id}}" wx:for-item="item" data-case-class-id="{{item.id}}" bindtap="toCaseInfo">
  52 + <view class="title">{{item.name}}</view>
  53 + <text class="level danger" wx:if="item.level==2">重点</text>
  54 + <text class="level warning" wx:if="item.level==1">一般</text>
62 55 <view class="subinfo">
63   - <view>案件编号:鄂[备]202005061120</view>
64   - <view>案件地点:汉阳区张家湾街道201号</view>
  56 + <view>案件编号:{{item.num}}</view>
  57 + <view>案件地点:{{item.address}}</view>
65 58 <view>案件类型:环境保护类</view>
66 59 </view>
67   - <view class="time">2020/05/06</view>
68   - </navigator>
  60 + <view class="time">{{item.updatetime}}</view>
  61 + </view>
69 62 </view>
70 63 <!-- 已执行 -->
71 64 </view>
... ...
utils/request.js 0 → 100644
  1 +var apiHost = "http://127.0.0.1:8080/";
  2 +// var apiHost = "http://192.168.1.112:8765";
  3 +
  4 +/**
  5 + * @param url:String require(必需) 请求地址相对路径
  6 + * @param data:Object 可选 请求数据
  7 + * @param success:Function 可选 成功回调函数
  8 + * @param fail:Function 可选 失败回调函数
  9 + */
  10 +function getRequest(url, data, success, fail) {
  11 + wx.request({
  12 + url: apiHost + url,
  13 + method: 'GET',
  14 + data: data,
  15 + header: {
  16 + 'content-type': 'application/json' // 默认值
  17 + },
  18 + success: function (res) {
  19 + // console.log(res)
  20 + if (success && typeof success === "function") {
  21 + success(res);
  22 + }
  23 + },
  24 + fail: function (error) {
  25 + if (fail && typeof fail === "function") {
  26 + fail(error);
  27 + } else {
  28 + //console.log(error);
  29 + }
  30 + }
  31 + })
  32 +}
  33 +/**
  34 + * @param url:String require(必需) 请求地址相对路径
  35 + * @param data:Object 可选 请求数据
  36 + * @param success:Function 可选 成功回调函数
  37 + * @param fail:Function 可选 失败回调函数
  38 + */
  39 +function postRequest(url, data, success, fail) {
  40 + wx.request({
  41 + url: apiHost + url,
  42 + method: 'POST',
  43 + data: data,
  44 + header: {
  45 + 'content-type': 'application/json' // 默认值
  46 + },
  47 + success: function (res) {
  48 + if (success && typeof success === "function") {
  49 + success(res);
  50 + }
  51 + },
  52 + fail: function (error) {
  53 + if (fail && typeof fail === "function") {
  54 + fail(error);
  55 + } else {
  56 + //console.log(error);
  57 + }
  58 + }
  59 + })
  60 +}
  61 +
  62 +function putRequest(url, data, success, fail) {
  63 + wx.request({
  64 + url: apiHost + url,
  65 + method: 'PUT',
  66 + data: data,
  67 + header: {
  68 + 'content-type': 'application/json' // 默认值
  69 + },
  70 + success: function (res) {
  71 + if (success && typeof success === "function") {
  72 + success(res);
  73 + }
  74 + },
  75 + fail: function (error) {
  76 + if (fail && typeof fail === "function") {
  77 + fail(error);
  78 + } else {
  79 + //console.log(error);
  80 + }
  81 + }
  82 + })
  83 +}
  84 +
  85 +
  86 +module.exports = {
  87 + getRequest: getRequest,
  88 + postRequest: postRequest,
  89 + putRequest: putRequest
  90 +}
0 91 \ No newline at end of file
... ...
utils/util.js
1   -const formatTime = date => {
2   - const year = date.getFullYear()
3   - const month = date.getMonth() + 1
4   - const day = date.getDate()
5   - const hour = date.getHours()
6   - const minute = date.getMinutes()
7   - const second = date.getSeconds()
8   -
9   - return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
  1 +// const formatTime = timeStr => {
  2 +
  3 +function formatTime(timeStr,format){
  4 + // var format = "date";
  5 + // console.log(format)
  6 + var twoNum = function twoNum(num) {
  7 + return ('0' + num).slice(-2);
  8 + };
  9 + var tArr = timeStr.split(/\D+/).map(Number);
  10 + var tArr = timeStr.split(/\D+/).map(Number);
  11 + switch (tArr.length) {
  12 + case 5:
  13 + tArr.push(0);break;
  14 + case 4:
  15 + tArr.push(0, 0);break;
  16 + case 3:
  17 + tArr.push(-8, 0, 0);break;
  18 + case 2:
  19 + tArr.push(1, -8, 0, 0);break;
  20 + case 1:
  21 + tArr.push(1, 1, -8, 0, 0);break;
  22 + default:
  23 + break;
  24 + }
  25 + var myDate = new Date(tArr[0], tArr[1] - 1, tArr[2], tArr[3] + 8, tArr[4], tArr[5]);
  26 + switch (format) {
  27 + case 'date':
  28 + return myDate.getFullYear() + '-' + twoNum(myDate.getMonth() + 1) + '-' + twoNum(myDate.getDate());
  29 + case 'full':
  30 + return myDate.getFullYear() + '-' + twoNum(myDate.getMonth() + 1) + '-' + twoNum(myDate.getDate()) + ' ' + twoNum(myDate.getHours()) + ':' + twoNum(myDate.getMinutes());
  31 + case 'DateObj':
  32 + return myDate;
  33 + }
10 34 }
11 35  
12 36 const formatNumber = n => {
... ...