index.vue 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <template>
  2. <div class="area_asset">
  3. <div class="title">
  4. <div class="title_name">网格员:张三</div>
  5. <div class="title_info">
  6. <div>辖区资产(个):30</div>
  7. <div>已走访(个):30</div>
  8. <div>待走访(个):30</div>
  9. </div>
  10. </div>
  11. <div class="searchbox">
  12. <uni-search-bar
  13. placeholder="资产名称模糊查找"
  14. clearButton="none"
  15. cancelButton="none"
  16. v-model="search.qymc"
  17. >
  18. </uni-search-bar>
  19. </div>
  20. <div class="area_list">
  21. <div class="status">待走访</div>
  22. <div class="area_value">资产名称:原金路织带公司(土地)</div>
  23. <div class="mt22rpx area_value">
  24. 资产类型/面积(㎡):土地(房屋751.77/土地2430.3
  25. </div>
  26. <div class="mt22rpx area_value">坐落位置:湖渎社区</div>
  27. <div class="mt22rpx area_value">当前状态:闲置</div>
  28. <div style="display: flex; justify-content: flex-end">
  29. <button
  30. style="
  31. width: 200px;
  32. background-color: blue;
  33. height: 48rpx;
  34. line-height: 48rpx;
  35. "
  36. @click="goadd"
  37. type="primary"
  38. >
  39. 走访记录
  40. </button>
  41. </div>
  42. </div>
  43. </div>
  44. </template>
  45. <script>
  46. export default {
  47. data() {
  48. return {
  49. search: {},
  50. };
  51. },
  52. methods: {
  53. goadd() {
  54. uni.navigateTo({
  55. url: "/pages/subPackages/area_asset/add",
  56. });
  57. },
  58. },
  59. };
  60. </script>
  61. <style lang="scss">
  62. .dis_flex {
  63. display: flex;
  64. }
  65. .area_asset {
  66. .searchbox {
  67. display: block;
  68. background: white;
  69. }
  70. .title {
  71. width: calc(100%-48rpx);
  72. padding: 48rpx 48rpx 16rpx 48rpx;
  73. background: white;
  74. font-size: 22rpx;
  75. color: #666666;
  76. .title_name {
  77. margin-bottom: 20rpx;
  78. }
  79. .title_info {
  80. display: flex;
  81. justify-content: space-between;
  82. }
  83. }
  84. .area_list {
  85. width: calc(100%-110rpx);
  86. padding: 22rpx;
  87. margin: 22rpx 22rpx;
  88. background: white;
  89. .status {
  90. text-align: right;
  91. }
  92. }
  93. .area_value {
  94. font-size: 26rpx;
  95. color: #333333;
  96. }
  97. .mt22rpx {
  98. margin-top: 22rpx;
  99. }
  100. }
  101. </style>