作者 lihongjuan

Merge branch 'master' of http://114.215.101.231:8099/miniprogram/appui into lhj

# Conflicts:
#	app.json
@@ -30,7 +30,9 @@ @@ -30,7 +30,9 @@
30 "pages/yujing/yujingSet/yujingSet/yujingSet", 30 "pages/yujing/yujingSet/yujingSet/yujingSet",
31 "pages/yujing/yujingSet/yujingAdd/yujingAdd", 31 "pages/yujing/yujingSet/yujingAdd/yujingAdd",
32 "pages/yujing/yujingSet/yujingType/yujingType", 32 "pages/yujing/yujingSet/yujingType/yujingType",
33 - "pages/yujing/yujingSet/yujingPerson/yujingPerson" 33 + "pages/yujing/yujingSet/yujingPerson/yujingPerson",
  34 + "pages/yujing/yujingDetail/yujingDetail",
  35 + "pages/yujing/yujingDetail/yujingRemark/yujingRemark"
34 36
35 ], 37 ],
36 "window": { 38 "window": {

657 字节

@@ -5,9 +5,30 @@ Page({ @@ -5,9 +5,30 @@ Page({
5 * 页面的初始数据 5 * 页面的初始数据
6 */ 6 */
7 data: { 7 data: {
8 - 8 + list:[
  9 + {
  10 + date:"2019/06/15 16:23:00",
  11 + title:"连续不开工预警",
  12 + name:"深圳华翰技术有限公司",
  13 + time:"2019-06-15 13:00:32",
  14 + des:"企业连续三天不开工",
  15 + type:1
  16 + },
  17 + {
  18 + date: "2019/06/15 16:23:00",
  19 + title: "连续不开工预警",
  20 + name: "深圳华翰技术有限公司",
  21 + time: "2019-06-15 13:00:32",
  22 + des: "企业连续三天不开工",
  23 + type: 0
  24 + }
  25 + ]
  26 + },
  27 + toDetail(){
  28 + wx.navigateTo({
  29 + url: '/pages/yujing/yujingDetail/yujingDetail',
  30 + })
9 }, 31 },
10 -  
11 /** 32 /**
12 * 生命周期函数--监听页面加载 33 * 生命周期函数--监听页面加载
13 */ 34 */
1 <!--pages/yujing/yujing/yujing.wxml--> 1 <!--pages/yujing/yujing/yujing.wxml-->
2 -<text>pages/yujing/yujing/yujing.wxml</text> 2 +<view class="search">
  3 + <view>预警信息</view>
  4 + <view class="search_icon">
  5 + <image src='/img/search.png'></image>
  6 + </view>
  7 +</view>
  8 +<view class="warn_msg" wx:for="{{list}}" wx:key="">
  9 + <view class="warn_time">{{item.date}}</view>
  10 + <view class="msg_detail">
  11 + <view class="msg_box">
  12 + <view class="detail_single detail_title">
  13 + <view class="{{item.type == 1?'detail_symbol':''}}" ></view>
  14 + <view>{{item.title}}</view>
  15 + </view>
  16 + <view class="detail_single">企业名称:{{item.name}}</view>
  17 + <view class="detail_single">报警时间:{{item.time}}</view>
  18 + <view class="detail_single">报警描述:{{item.des}}</view>
  19 + <view class="watch_detail" bindtap='toDetail' data-item="{{item}}">
  20 + 查看详情
  21 + <view class="watch_icon">
  22 + <image src='/img/demo25.png'></image>
  23 + </view>
  24 + </view>
  25 + </view>
  26 + </view>
  27 +</view>
1 -/* pages/yujing/yujing/yujing.wxss */  
  1 +/* pages/yujing/yujing/yujing.wxss */
  2 +
  3 +page {
  4 + background-color: #f5f5f5;
  5 +}
  6 +
  7 +.search {
  8 + background-color: #fff;
  9 + padding: 19rpx 30rpx;
  10 + display: flex;
  11 + flex-direction: row;
  12 + align-items: center;
  13 + justify-content: space-between;
  14 + font-size: 36rpx;
  15 + color: #333;
  16 +}
  17 +
  18 +.search_icon {
  19 + width: 42rpx;
  20 + height: 42rpx;
  21 +}
  22 +
  23 +.warn_msg {
  24 + padding: 30rpx 30rpx 0;
  25 + display: flex;
  26 + flex-direction: column;
  27 + align-items: center;
  28 +}
  29 +
  30 +.warn_time {
  31 + padding: 7rpx 21rpx;
  32 + background: rgba(214, 216, 218, 1);
  33 + border-radius: 26rpx;
  34 + color: #fff;
  35 + font-size: 24rpx;
  36 + margin-bottom: 30rpx;
  37 +}
  38 +
  39 +.msg_detail {
  40 + background-color: #fff;
  41 + width: 100%;
  42 + border-radius: 10px;
  43 + border: 1rpx solid #c5c5c5;
  44 +}
  45 +
  46 +.msg_box {
  47 + padding: 0 30rpx;
  48 +}
  49 +
  50 +.detail_single {
  51 + padding: 20rpx 0;
  52 + border-bottom: 1rpx solid #f5f5f5;
  53 + font-size: 24rpx;
  54 + color: #666;
  55 + width: 100%;
  56 + white-space: nowrap;
  57 + overflow: hidden;
  58 + text-overflow: ellipsis;
  59 +}
  60 +
  61 +.detail_title {
  62 + display: flex;
  63 + flex-direction: row;
  64 + justify-content: flex-start;
  65 + align-items: center;
  66 + font-size: 32rpx;
  67 + color: #333;
  68 +}
  69 +
  70 +.detail_symbol {
  71 + width: 20rpx;
  72 + height: 20rpx;
  73 + background: rgba(255, 48, 56, 1);
  74 + border-radius: 50%;
  75 + margin-right: 10rpx;
  76 +}
  77 +
  78 +.watch_detail {
  79 + display: flex;
  80 + flex-direction: row;
  81 + justify-content: space-between;
  82 + align-items: center;
  83 + padding: 20rpx 0;
  84 + color: #ff9400;
  85 +}
  86 +
  87 +.watch_icon {
  88 + width: 30rpx;
  89 + height: 30rpx;
  90 +}
  1 +// pages/yujing/yujingDetail/yujingDetail.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  9 + },
  10 + toRemark(){
  11 + wx.navigateTo({
  12 + url: '/pages/yujing/yujingDetail/yujingRemark/yujingRemark',
  13 + })
  14 + },
  15 + /**
  16 + * 生命周期函数--监听页面加载
  17 + */
  18 + onLoad: function (options) {
  19 +
  20 + },
  21 +
  22 + /**
  23 + * 生命周期函数--监听页面初次渲染完成
  24 + */
  25 + onReady: function () {
  26 +
  27 + },
  28 +
  29 + /**
  30 + * 生命周期函数--监听页面显示
  31 + */
  32 + onShow: function () {
  33 +
  34 + },
  35 +
  36 + /**
  37 + * 生命周期函数--监听页面隐藏
  38 + */
  39 + onHide: function () {
  40 +
  41 + },
  42 +
  43 + /**
  44 + * 生命周期函数--监听页面卸载
  45 + */
  46 + onUnload: function () {
  47 +
  48 + },
  49 +
  50 + /**
  51 + * 页面相关事件处理函数--监听用户下拉动作
  52 + */
  53 + onPullDownRefresh: function () {
  54 +
  55 + },
  56 +
  57 + /**
  58 + * 页面上拉触底事件的处理函数
  59 + */
  60 + onReachBottom: function () {
  61 +
  62 + },
  63 +
  64 + /**
  65 + * 用户点击右上角分享
  66 + */
  67 + onShareAppMessage: function () {
  68 +
  69 + }
  70 +})
  1 +{
  2 + "navigationBarTextStyle": "black",
  3 + "navigationBarTitleText": "详情",
  4 + "usingComponents": {}
  5 +}
  1 +<!--pages/yujing/yujingDetail/yujingDetail.wxml-->
  2 +<view class="detail_top">
  3 + <view class="top_box">
  4 + <view class="top_title">连续不开工预警</view>
  5 + <view class="top_name">
  6 + 企业名称:
  7 + <view class="top_msg">深圳华翰技术有限公司</view>
  8 + </view>
  9 + <view class="top_name">
  10 + 报警时间:
  11 + <view class="top_msg">2019-06-15 13:00:32</view>
  12 + </view>
  13 + </view>
  14 +</view>
  15 +<view class="detail_center">
  16 + <view class="top_box">
  17 + <view class="center_title">报警描述</view>
  18 + <view class="top_msg">企业连续三天不开工</view>
  19 + </view>
  20 +</view>
  21 +<view class="detail_bot">
  22 + <view class="top_box">
  23 + <view class="bot_msg">
  24 + <view class="bot_name">用户名:张七盖</view>
  25 + <view class="bot_name">时间:2019-07-01 17:00:03</view>
  26 + <view class="remark" bindtap='toRemark'>
  27 + <view class="remark_title">备注:</view>
  28 + <view class="remark_content">这个情况属实需要严重注意免得日后节外生枝 啦啦啦啦啦</view>
  29 + </view>
  30 + <view class="bot_btn">删除</view>
  31 + </view>
  32 + </view>
  33 +</view>
  34 +<view class="detail_bot">
  35 + <view class="top_box">
  36 + <view class="bot_msg">
  37 + <view class="bot_name">用户名:张七盖</view>
  38 + <view class="bot_name">时间:2019-07-01 17:00:03</view>
  39 + <view class="remark" bindtap='toRemark'>
  40 + <view class="remark_title">备注:</view>
  41 + <view class="remark_content">这个情况属实需要严重</view>
  42 + </view>
  43 + </view>
  44 + </view>
  45 +</view>
  1 +/* pages/yujing/yujingDetail/yujingDetail.wxss */
  2 +.detail_top{
  3 + padding: 50rpx 30rpx 0;
  4 + border: 1rpx solid #f5f5f5;
  5 + border-right: none;
  6 + border-left: none;
  7 +}
  8 +.top_box{
  9 + width: 100%;
  10 +}
  11 +.top_title{
  12 + padding-bottom: 40rpx;
  13 + color: #333333;
  14 + font-size: 34rpx;
  15 +}
  16 +.top_name{
  17 + display: flex;
  18 + flex-direction: row;
  19 + justify-content: flex-start;
  20 + align-items: center;
  21 + padding-bottom: 20rpx;
  22 + font-size: 28rpx;
  23 +}
  24 +.top_msg{
  25 + color: #5797F5
  26 +}
  27 +.detail_center{
  28 + padding: 30rpx;
  29 + border-bottom: 20rpx solid #f5f5f5;
  30 +}
  31 +.center_title{
  32 + padding-bottom: 22rpx;
  33 + color: #333333;
  34 + font-size: 34rpx;
  35 +}
  36 +.detail_bot{
  37 + padding: 40rpx 30rpx 0;
  38 +}
  39 +.bot_msg{
  40 + padding: 30rpx;
  41 + background-color: #f5f5f5;
  42 + border-radius: 10rpx;
  43 + font-size: 28rpx;
  44 + color: #666;
  45 +}
  46 +.bot_name{
  47 + margin-bottom: 10rpx;
  48 +}
  49 +.remark{
  50 + color: #333;
  51 + margin-top: 20rpx;
  52 + overflow: hidden;
  53 + zoom: 1;
  54 +}
  55 +.remark_title,.remark_content{
  56 + float: left
  57 +}
  58 +.remark_content{
  59 + width: 85%;
  60 +}
  61 +.bot_btn{
  62 + color: #FF3038;
  63 + display: flex;
  64 + justify-content: flex-end;
  65 +}
  1 +// pages/yujing/yujingDetail/yujingRemark/yujingRemark.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad: function (options) {
  15 +
  16 + },
  17 +
  18 + /**
  19 + * 生命周期函数--监听页面初次渲染完成
  20 + */
  21 + onReady: function () {
  22 +
  23 + },
  24 +
  25 + /**
  26 + * 生命周期函数--监听页面显示
  27 + */
  28 + onShow: function () {
  29 +
  30 + },
  31 +
  32 + /**
  33 + * 生命周期函数--监听页面隐藏
  34 + */
  35 + onHide: function () {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * 生命周期函数--监听页面卸载
  41 + */
  42 + onUnload: function () {
  43 +
  44 + },
  45 +
  46 + /**
  47 + * 页面相关事件处理函数--监听用户下拉动作
  48 + */
  49 + onPullDownRefresh: function () {
  50 +
  51 + },
  52 +
  53 + /**
  54 + * 页面上拉触底事件的处理函数
  55 + */
  56 + onReachBottom: function () {
  57 +
  58 + },
  59 +
  60 + /**
  61 + * 用户点击右上角分享
  62 + */
  63 + onShareAppMessage: function () {
  64 +
  65 + }
  66 +})
  1 +{
  2 + "navigationBarTextStyle": "black",
  3 + "navigationBarTitleText": "备注",
  4 + "usingComponents": {}
  5 +}
  1 +<!--pages/yujing/yujingDetail/yujingRemark/yujingRemark.wxml-->
  2 +<view class="ramark_area">
  3 + <textarea></textarea>
  4 +</view>
  1 +/* pages/yujing/yujingDetail/yujingRemark/yujingRemark.wxss */
  2 +page{
  3 + background-color: #f5f5f5
  4 +}
  5 +.ramark_area{
  6 + padding: 50rpx 30rpx;
  7 +}
  8 +textarea{
  9 + background-color:#fff;
  10 + width: 100%;
  11 + border-radius: 10rpx;
  12 +}
@@ -39,7 +39,7 @@ @@ -39,7 +39,7 @@
39 "list": [] 39 "list": []
40 }, 40 },
41 "miniprogram": { 41 "miniprogram": {
42 - "current": 9, 42 + "current": 11,
43 "list": [ 43 "list": [
44 { 44 {
45 "id": -1, 45 "id": -1,
@@ -110,6 +110,19 @@ @@ -110,6 +110,19 @@
110 "pathName": "pages/yujing/yujingSet/yujingPerson/yujingPerson", 110 "pathName": "pages/yujing/yujingSet/yujingPerson/yujingPerson",
111 "query": "", 111 "query": "",
112 "scene": null 112 "scene": null
  113 + },
  114 + {
  115 + "id": -1,
  116 + "name": "预警详情",
  117 + "pathName": "pages/yujing/yujingDetail/yujingDetail",
  118 + "query": "",
  119 + "scene": null
  120 + },
  121 + {
  122 + "id": -1,
  123 + "name": "预警详情备注",
  124 + "pathName": "pages/yujing/yujingDetail/yujingRemark/yujingRemark",
  125 + "scene": null
113 } 126 }
114 ] 127 ]
115 } 128 }