SAbasics.vue 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template>
  2. <div class="basics_box">
  3. <div class="basics">
  4. <li class="basicslist" v-for="(item,index) in basicsdata" v-if="index ==0">
  5. <p class="basicslist_title">{{item.title}}</p>
  6. <p class="basicslist_num">{{item.num}}<Icon type="ios-arrow-round-up" style="color:#1acb9f;font-weight: bold;
  7. font-size: 40px;margin-top:10px;" v-if="icon_show"/></p>
  8. <p class="basicslist_total">{{item.total}}</p>
  9. <p class="basicslist_area">{{item.areadata}}</p>
  10. </li>
  11. <li v-else class="basicslist">
  12. <p class="basicslist_title">{{item.title}}</p>
  13. <p class="basicslist_num">{{item.num}}</p>
  14. <p class="basicslist_total">{{item.total}}</p>
  15. <p class="basicslist_area" >{{item.areadata}}</p>
  16. </li>
  17. </div>
  18. </div>
  19. </template>
  20. <script>
  21. export default {
  22. name: "basics",
  23. data(){
  24. return{
  25. // basicsdata:[],
  26. now_url: this.$route.path,
  27. icon_show: false
  28. }
  29. },
  30. created() {
  31. this.init();
  32. },
  33. computed: {
  34. basicsdata() {
  35. return this.$store.state.basicsdata
  36. }
  37. },
  38. methods:{
  39. init() {
  40. if (this.now_url == '/saindex') {
  41. this.$api.FindBasics({})
  42. .then((response) => {
  43. //console.log(response.result.data, 11111);
  44. this.icon_show = true;
  45. this.$store.state.basicsdata = response.result.data;
  46. //console.log(this.xueduan,333333)
  47. })
  48. } else if (this.now_url == '/teach') {
  49. this.$api.FindTeachBasics({})
  50. .then((response) => {
  51. this.$store.state.basicsdata = response.result.data;
  52. })
  53. }
  54. },
  55. }
  56. }
  57. </script>