diff --git a/pages/home/news.vue b/pages/home/news.vue index 40b8fc3..65591fc 100644 --- a/pages/home/news.vue +++ b/pages/home/news.vue @@ -2,31 +2,24 @@ .container{ height:100%; background:#f6f6f6; - &>.d-search{ - .u-tabs{ - margin-top:-20rpx; - } - .tabs{ - display:flex; - flex-wrap: wrap; - margin:20rpx -20rpx -15rpx 0; - text{ - height:48rpx; - line-height: 48rpx; - background:rgba(238, 238, 238, 0.4); - color:#999; - font-size:24rpx; - border-radius: 48rpx; - min-width:110rpx; - padding:0 10rpx; - box-sizing: border-box; - text-align: center; - transition: all 0.3s; - margin:0 20rpx 15rpx 0; - &.active{ - color:#fff; - background:#10C176; - } + + &>.btns{ + flex-shrink: 0; + margin:30rpx; + display:flex; + border-radius: 30rpx; + button{ + width:50%; + color:#999; + &:first-child{ + border-radius: 30rpx 0 0 30rpx; + } + &:nth-child(2){ + border-radius:0 30rpx 30rpx 0; + } + &.active{ + background:#10C176; + color:#fff; } } } @@ -36,154 +29,59 @@ height:1rpx; .card{ margin-top:0; - &>.info{ - display:flex; + &>view{ + display: flex; align-items: center; - &>.plant-xitongxiaoxi{ + &+view{ + border-top:2rpx solid rgba(216, 216, 216, 0.2); + margin-top:20rpx; + padding-top:20rpx; + } + .PA-news{ + flex-shrink: 0; + width:76rpx; + height:76rpx; background:#10C176; + border-radius: 50%; color:#fff; - width:90rpx; - height:90rpx; - line-height: 90rpx; + font-size:40rpx; text-align: center; - border-radius: 50%; + line-height: 76rpx; + box-shadow: 0 4rpx 6rpx rgba(0, 0, 0, 0.1); + margin-right:20rpx; position:relative; - margin-right:16rpx; - &.noRead{ - &:after{ - content:""; - position:absolute; - background:red; - width:12rpx; - height:12rpx; - border-radius: 50%; - top:9rpx; - right:9rpx; - } + &.unread:after{ + content:""; + position:absolute; + width:16rpx; + height:16rpx; + border-radius: 50%; + top:1rpx; + right:1rpx; + background:#EE4949; } } - &>view{ + .content{ flex-grow: 1; width:1rpx; - .title{ - display:flex; + .head{ + display: flex; align-items: center; - text{ - &:first-child{ - font-weight: bold; - } - &:nth-child(2){ - margin:0 20rpx 0 18rpx; - color:#fff; - background:#10C176; - border-radius: 4rpx 40rpx 4rpx 40rpx; - height:34rpx; - line-height: 34rpx; - padding:0 10rpx; - min-width:80rpx; - text-align: center; - font-size:20rpx; - } - &:nth-child(3){ - margin-left:auto; - } + justify-content: space-between; + .name{ + font-size:28rpx; } - } - .tabs{ - display:flex; - flex-wrap: wrap; - margin:12rpx -18rpx -16rpx 0; - text{ - border-radius: 44rpx; - margin:0 18rpx 16rpx 0; + .date{ font-size:24rpx; - height:44rpx; - line-height: 44rpx; - background-position: 20rpx 12rpx; - background-repeat: no-repeat; - color:rgba(var(--c),1); - background-color:rgba(var(--c),0.1); - padding-right:20rpx; - &.read{ - color:#999; - font-size:24rpx; - margin-left:auto; - } - } - .germinate{ - --c:15, 194, 119; - background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAAXNSR0IArs4c6QAAAYZJREFUKFOdkU1IVHEUxc957yE45YwKSRnUpp24dKELZ4YCMdFNJNWyRdDOr3lBkMzK0PmIEsFVqzDMlRsXBcObaBuCgRjMphREUOq9USqc9z/igGKKMHi3554f955D1DCXC8/aLNu8pNgFoonSqsA5v8m8YQ1+NBZTgcB6AN8oXRF5lYAjaakKuFQcbnfgDEHoAlkHaPlfxYz+vZ37AYGxz+4aoe8S7oIwMhxRuPe+fGdmhzEv9RTA9KEAYAPALwA3INh+ItOMD/ftaMvNOYvWIIC9CszAbjxbOLqcMc+doKV9iR0EegUJ4FcJpSAx9TDqua8rDiYdKa6K+VRO5rZPvv1fBg3eWL9Nzgq4BnEeMCuw2O53Zx6dl9XZENNpq74zuP6nJ78e+ei22nXmQTmRzdcOOLXZWEw9/h3PvL0wIOaNTfiJ7POaAZEvbqsT4okl3QMZGKlEoB+EF8K82936uYjBhfC4hVNkRgujL2jbfYBuEWyu6oIvahPkssL98SD5qnTkOwB+A5pVJ9wdJQAAAABJRU5ErkJggg==); - background-size:30rpx 22rpx; - padding-left:30rpx+25rpx; - } - .organ{ - --c:248, 203, 54; - background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAAXNSR0IArs4c6QAAAQ9JREFUKFOlUrtKA1EQPedeHxERFAQRCYK9GCW7Ivb+hEUqsbONhZVFCm0kYCPoD9gFS4tgYeFVsLBLmyaNWO5qmCOYjYJuksJphnmcmTMPIpPkIXoGuda3f7QEoSVgbyoOd+wH0sfoCKL/DZA0A+IAQLMQhR0moVwHXPFv5cxjuJTTIYHpQhTWmYRYA5O/AjoDUAIw+w+A0AV0QcemmTZIVAFm8+V2sBOjzq2bpnJ+fowTVwTjHtWBlGQATgHcSjgmuTUCkD+6YDVPNWjOj8fhfviWhNZrp12aW1jadbK3yc2n6xEA1QW8kFoF3IqXauy9BJbzCAlqOOpG8hVAi864//0aw473EcrbEt8NqnwCf8mG+U/vRGMAAAAASUVORK5CYII=); - background-size:26rpx 24rpx; - padding-left:26rpx+25rpx; + color:#bbb; } - .type{ - --c:235, 67, 118; - background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAASBJREFUKFN9kD0vQ2EYhq/7bUUklUhEYxAMNfsDJk0TGxN/wWJ0EpvExmjpajMYTAaDxSIWg1ERFh/toCGpr55bzkk1qmmf8cl9PR+XqvPRHfY+QRH9KvY2YkXVYmTgEFjCNIBmi8sghv7MSDNtwHapfv8+OlPZ/UhCV4W1wZHJoSpiuAV1AgltxxVJL0nA9ogUCj03YC8iPWBixDiQ/fdS10lz+ZOdsSRULUanwFxfIH0IPhMD2ANIj2rGURzClsT0r5hOS62Rtq8F5aZ9miHMWo4kXXZYSrW2AZ7q942p7MSrklYu5M8Qtz0B7POBz8zCV/Z7+Y3aXi6MHSHV+2xwjZhNiUnsG4I2kC5S4Lm4fqBYxwRWwekJ3aVEdtmi9AMqTJE6K1mcKgAAAABJRU5ErkJggg==); - background-size:24rpx 22rpx; - padding-left:24rpx+25rpx; - } - } - } - } - &>.content{ - display:flex; - align-items: center; - margin-top:10rpx; - .fruit,.food{ - border-radius: 8rpx; - flex-shrink: 0; - height:44rpx; - line-height: 44rpx; - color:rgba(var(--c),1); - background:rgba(var(--c),0.1); - display:flex; - align-items: center; - padding:0 5rpx; - &:before{ - content:""; - flex-shrink: 0; - margin-right:4rpx; - } - &:after{ - flex-shrink: 0; } - } - .fruit{ - --c:248, 203, 54; - &:before{ - width:29rpx; - height:21rpx; - background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAYAAACgR9dcAAAAAXNSR0IArs4c6QAAAitJREFUKFNVkV1Ik3EUxp//ecdm84ttMFHDGMYSbKaIbTPISTYzeJmDdiNUUhdZVHRRBEUXel1UBN6EF2LRRdEXIyiyG5sGGqkFUYph4i6knBs13Lv3/Z/YcsLOzTk8D7/DwzkCW6WqqtXutodGb40+Kmi5fjAUau/1Jf3js6WvUtoO98SzJy8KvsgN4fBRt6ZJf01D/Tm54bg2MjI0ntM7VLXt5OHkh/6uDXo7VyqjC/VxW+0P7+DpWDzn5+HW1tZql6tlyOl0RyrLa4zllY/Di4uxO2dPlKz2dSQtZhMjnSFMyAak06nUg5n3XU8vpabzcCAQMHn2hpbMZmtFWbnDvLAwuRmPf/r97t7a7u+zOu5SFezLVgQDNthShPJUevpXZu14HgZAp/oH32SySZ+mbaIzMGCdmbwiRnpfA/w/X1bfB8lN0AwdFos0Plds7C/A+Q2NjY325uaeaGXFTn9d7a7E1T1hW05nHUha6mSitIn0kqpMwmTr9B64ObUNHztz/vKh7iMDzCwAJiHIUISuFC7LTBJExBKSAf4yP5fdhtuDYSeb+YYQKGOIhACbpOSXRNTHzA8ZbIWAiyBaWPJ9kOIpiu1Tw9cJsELwOiTapNRuk2JRNWGMKUAdoDgUhoeZ/0iDxopgb09vUFHQzUATwN8YPAWQuvXTOcGoZgEHgPWp6PMLRXAkElFW/moXhUI+SKwKYXxlQd78O0BLzNIuWeiKMA3Hoo9//gNbO95NYH+HjwAAAABJRU5ErkJggg==); - } - &:after{ - content:"水果"; - } - } - .food{ - --c:16, 193, 118; - &:before{ - width:24rpx; - height:24rpx; - background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAkRJREFUKFM1kF9IU2EYxr/v/Nk52s7cGp45qSTMMbNAmDRFCwSXHOtiSQhGkWVddFEXYRde1FUQNaOrLhIMQS8kb3YROOjCZJFRRoWKiLV0Ttf+tu0c5znnO9+3OELP5fs8P3ifBwIAgL9faldaitf2mwsDwtfaqep1x8zi2/Bn0zshSRzTnYtiQbMxBX4b+np6anK3d34rbRmHGTBln3f/4qa9ravvZxWfz8dqEv9RPaq4IYEl6H3etpC7sHWG0mhClRmCq4wK4AgrTnsWLm97UR5pSlTY9SCXirFVr8Cml63fdHdZZBQLZ9gQYrIWHdWVuZM/GnITxS4vIgS/SMRnP2ysDhVFkYKnRs49Tt5ZHa1ZrMtiq0EohQZyR9r+cCy401slOqPFvzip618eTU1I5rvQL/UfKQTi41qD3FGhgQowUDuXmvaulzz1K0xMrxeL1HqWXYmsVd/8FAlvQpPyDQdu5friIeGnM39X67NpShnJ2i7laSxCwFYBou/DpQT3/Vlo5jwcvHf/qYW3dCqOQqOI7HS78ziLCEZbpU22qZ79PxxIZA24vI1eQenqjdeS1NutaxqgaRZACAEh+CBIUTSoVCoAYwQsHA/m5iLz0H/xUtfQlcF3G7EY73K5AMswwDCMA4BhGIAMA6RSKdDibVbHJycDZgdq+MHosiiKx3jOgmmaIaqqUSbA8xzB2KBUTafT6XR8IvTk9EHps8GBYG3t4THBKgg2wUYnU3/2zLvbVXeoJJewrMhyJpMfiYbfhP8BZDwCZS4yOV4AAAAASUVORK5CYII=); - } - &:after{ - content:"蔬菜"; + .dec{ + font-size:24rpx; + color:#999; + margin-top:10rpx; } } - .cause,.date{ - color:#999; - font-size:24rpx; - margin-left:16rpx; - } - .cause{ - flex-grow: 1; - } } } } @@ -191,43 +89,26 @@ @@ -238,70 +119,54 @@ export default { return{ tabIndex:0, searchVal:{ + companyId:this.$store.getters.userInfo.companyId, + msgType:0, pageNo:1, - pageSize:7, - search:"", - cropType:"", - mesType:"", + pageSize:5, }, list:[], total:0, } }, + watch:{ + 'searchVal.msgType'(n){ + this.search('pageOne') + } + }, onLoad(){ this.search() }, methods:{ - clean(e){ - this.total=0 - this.list=[] - this.searchVal.pageNo=1 - if(e){ - this.searchVal.cropType=this.searchVal.cropType==e.cropType?'':e.cropType - this.searchVal.mesType=this.searchVal.mesType==e.mesType?'':e.mesType + async search(type){ + if(type=='pageOne'){ + this.searchVal.pageNo=1 + this.list=[] + this.total=0 } - this.search() - }, - async search(){ - if(this.total==0||this.list.lengththis.search('pageOne')} + }) + }, }, } diff --git a/pages/home/newsDetail.vue b/pages/home/newsDetail.vue index 0d3b921..3ade768 100644 --- a/pages/home/newsDetail.vue +++ b/pages/home/newsDetail.vue @@ -1,138 +1,130 @@ \ No newline at end of file diff --git a/router/home.js b/router/home.js index 5d5e0b9..557e1e0 100644 --- a/router/home.js +++ b/router/home.js @@ -91,7 +91,7 @@ module.exports=[ { path:"pages/home/newsDetail", style:{ - navigationBarTitleText:"", + navigationBarTitleText:"消息详情", navigationBarBackgroundColor:"#10C176", navigationBarTextStyle:"white", "app-plus":{ diff --git a/store/index.js b/store/index.js index f4786bc..dd64e59 100644 --- a/store/index.js +++ b/store/index.js @@ -53,8 +53,15 @@ export default new Vuex.Store({ }, }, actions:{ - async getSysMsg({commit,dispatch}){ - var res=await request("/api/message/readNum",{disabledLoad:true}) + async getSysMsg({commit,dispatch,getters}){ + var res=await request("/suyuan/messageApi/queryMessageUnreadNum",{ + disabledLoad:true, + method:"post", + body:{ + companyId: getters.userInfo.companyId, + msgType:0, + } + }) if(res.statu){ commit("setSysMsgNum",res.data) }else{ diff --git a/uni.scss b/uni.scss index 684db2c..126e59f 100644 --- a/uni.scss +++ b/uni.scss @@ -85,7 +85,7 @@ $uni-font-size-paragraph:15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -@import url('https://at.alicdn.com/t/c/font_4432735_hckyohi9s2p.css'); +@import url('https://at.alicdn.com/t/c/font_4432735_14jlifn9uay.css'); [class*=PA-]{ font-family: "plantApp" !important; font-size: 16px;