sort.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <template>
  2. <view v-if="isShow">
  3. <block v-if="pageList && pageList.length > 0">
  4. <view class="tits dflex">
  5. <view class="flex">所有类目</view>
  6. </view>
  7. <view class="list">
  8. <view class="li" v-for="(item, index) in pageList" :key="index">
  9. <view class="lit ddflex" @click="selectNode(item)">
  10. <view class="flex">{{ item.dictName}}</view>
  11. <view class="del">
  12. <image
  13. :src="'/match/static/images/' + (categoryList==item.dictValue ? 'checkBox_h' : 'checkBox') + '.png'">
  14. </image>
  15. </view>
  16. </view>
  17. </view>
  18. </view>
  19. <view class="btns" @click="submitSave()">确定</view>
  20. </block>
  21. </view>
  22. </template>
  23. <script>
  24. const req = require('../../utils/request.js');
  25. const util = require('../../utils/util.js');
  26. var app = getApp();
  27. export default {
  28. data() {
  29. return {
  30. isShow: false,
  31. pageList: [],
  32. categoryList: '', //选择的类目
  33. };
  34. },
  35. onLoad(opt) {
  36. let pages = getCurrentPages(); //获取所有页面栈实例列表
  37. let prevPage = pages[pages.length - 2]; //上一页页面实例
  38. this.categoryList = JSON.parse(JSON.stringify(prevPage.$vm.matchType)); //上页面选中的成员
  39. console.log('this.deptObj》》》》》》》',this.categoryList);
  40. },
  41. onShow() {
  42. this.getList();
  43. },
  44. methods: {
  45. selectNode(item){
  46. if(this.categoryList!=item.dictValue){
  47. this.categoryList = item.dictValue
  48. }else{
  49. this.categoryList = ''
  50. }
  51. },
  52. submitSave() {
  53. let pages = getCurrentPages(); //获取所有页面栈实例列表
  54. let prevPage = pages[pages.length - 2]; //上一页页面实例
  55. prevPage.$vm.matchType = this.categoryList; //修改上一页
  56. uni.navigateBack({
  57. delta: 1
  58. });
  59. },
  60. getList() {
  61. uni.showLoading({
  62. title: '加载中'
  63. });
  64. let params = {
  65. dictType:'match_type'
  66. };
  67. req.getRequest('/api/other/dict/info', params, res => {
  68. if (res && res.length > 0) {
  69. res.map(it => {
  70. it.isOperate = false;
  71. it.isShowChildren = true;
  72. return it;
  73. });
  74. }
  75. this.pageList = res;
  76. this.isShow = true;
  77. uni.hideLoading();
  78. });
  79. },
  80. jumpUrl(url) {
  81. uni.navigateTo({
  82. url: url
  83. });
  84. },
  85. }
  86. };
  87. </script>
  88. <style>
  89. @import './sort.css';
  90. </style>