notApproved.vue 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <template>
  2. <view>
  3. <view v-if="list.length > 0">
  4. <view class="display" v-for="(item,index) in list">
  5. <view class="store-content" @click="handleClick(item)">
  6. <image :src="image(item.goodsPic)" mode="" class="store-image"></image>
  7. <view class="text-content">
  8. <view class="font-thirty-two font-color2">
  9. {{item.goodsName}}
  10. </view>
  11. <view class="font-twenty font-color5" style="margin-top: 20rpx;">
  12. 类别:商品信息修改
  13. </view>
  14. </view>
  15. </view>
  16. </view>
  17. </view>
  18. <view v-else style="padding-top: 200rpx;">
  19. <u-empty text="暂无数据" mode="list"></u-empty>
  20. </view>
  21. <u-toast ref="uToast" />
  22. </view>
  23. </template>
  24. <script>
  25. import server from "@/api/index";
  26. import http from '@/common/http.js'
  27. export default {
  28. data() {
  29. return {
  30. id: null,
  31. list: [],
  32. userInfo: {}
  33. }
  34. },
  35. mounted() {
  36. this.userInfo = uni.getStorageSync('userInfo');
  37. this.getList();
  38. },
  39. methods: {
  40. showMOdel(){
  41. this.userInfo = uni.getStorageSync('userInfo');
  42. this.getList();
  43. },
  44. image(e) {
  45. return http.webUrl + e
  46. },
  47. getList(){
  48. console.log('===',this.userInfo)
  49. server.getShenGoodsList({goodsStatus :'1', shopsId: this.userInfo.nickName}).then(res =>{
  50. this.list = [];
  51. if(res){
  52. this.list = res
  53. }
  54. })
  55. },
  56. handleClick(item){
  57. uni.navigateTo({
  58. url: '/pages/manage/modifyInfo/addToOrder?id=' + item.goodsId + '&flag="false"'
  59. })
  60. },
  61. }
  62. }
  63. </script>
  64. <style lang="scss" scoped>
  65. .display {
  66. margin: 30rpx 30rpx 0;
  67. padding: 30rpx;
  68. background: #FFFFFF;
  69. opacity: 1;
  70. border-radius: 8rpx;
  71. .store-content {
  72. display: flex;
  73. align-items: center;
  74. padding-bottom: 30rpx;
  75. border-bottom: 2rpx solid #DEDEDE;
  76. .store-image {
  77. width: 220rpx;
  78. height: 150rpx;
  79. }
  80. .text-content {
  81. margin-left: 30rpx;
  82. }
  83. }
  84. }
  85. </style>