save-component.vue 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <template>
  2. <view class="save-component">
  3. <u-navbar :bgStatusImage="backPic0" :bgImage="backPic" :title="topTitle" :safeAreaInsetTop="true"
  4. leftIcon="arrow-left" @leftClick="handlerToggle">
  5. </u-navbar>
  6. <u-list :height="666">
  7. <u-list-item v-for="(item, index) in zcList" :key="index">
  8. <u-cell icon="list-dot">
  9. <view slot="title" class="u-slot-title">
  10. <text class="u-cell-text">
  11. <text>{{ item.bc }}</text>
  12. <text style="margin-left:75px">{{ item.count }}</text>
  13. </text>
  14. </view>
  15. <view slot="value" class="u-slot-title">
  16. <u-tag text="提交" plain size="mini" type="primary" @click="getsubmit(item)">
  17. </u-tag>
  18. </view>
  19. </u-cell>
  20. </u-list-item>
  21. </u-list>
  22. </view>
  23. </template>
  24. <script>
  25. import api from "@/api/api";
  26. import moment from 'moment'
  27. export default {
  28. name: 'save-component',
  29. props: {},
  30. data() {
  31. return {
  32. indexList: [],
  33. topTitle: '暂存列表',//标题
  34. backPic0: "url(/static/topnavbar0.png)",
  35. backPic: "url(../../static/topnavbar.png)",
  36. }
  37. },
  38. computed: {
  39. zcList: function () {
  40. return uni.getStorageSync('zcList')
  41. },
  42. },
  43. mounted() { },
  44. methods: {
  45. //点击返回上一级
  46. handlerToggle() {
  47. this.$emit('closeZc')
  48. },
  49. //提交
  50. getsubmit(item) {
  51. this.$emit('closeZc', item)
  52. }
  53. }
  54. };
  55. </script>
  56. <style lang="scss" scoped>
  57. .save-component {
  58. position: relative;
  59. width: 100%;
  60. height: 100%;
  61. background-color: #fff;
  62. }
  63. ::v-deep .u-cell__body {
  64. font-size: 14px;
  65. }
  66. ::v-deep .u-popup {
  67. flex: 0
  68. }
  69. ::v-deep .u-slot-title {
  70. display: flex;
  71. }
  72. </style>