unusualDealInfo.vue 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <template>
  2. <view class="content">
  3. <view class="status_bar">
  4. <view class="left" @click="goBack"><u-icon name="arrow-left"></u-icon>返回</view>
  5. <span style="font-size: 36rpx;">详情</span>
  6. <view class="right"></view>
  7. </view>
  8. <view class="mainCont">
  9. <view class="title">YU20212334234345<span style="float: right; color: #BCBCBC">已完成</span></view>
  10. <u-cell-group style="margin-bottom: 10px">
  11. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  12. <view slot="title"><span class="red"></span>科&emsp;&emsp;室:</view>
  13. 脑科
  14. </u-cell-item>
  15. </u-cell-group>
  16. <u-cell-group style="margin-bottom: 10px">
  17. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  18. <view slot="title"><span class="red"></span>分&emsp;&emsp;类:</view>
  19. 损伤性废物
  20. </u-cell-item>
  21. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  22. <view slot="title"><span class="red"></span>重&emsp;&emsp;量:</view>
  23. 2.03kg
  24. </u-cell-item>
  25. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  26. <view slot="title"><span class="red"></span>打&ensp;包&ensp;人:</view>
  27. 张雯雯
  28. </u-cell-item>
  29. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  30. <view slot="title"><span class="red"></span>打包时间:</view>
  31. 2021-05-18 12:23:09
  32. </u-cell-item>
  33. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  34. <view slot="title"><span class="red"></span>暂&ensp;存&ensp;点:</view>
  35. 西区内科大楼6层污洗室
  36. </u-cell-item>
  37. </u-cell-group>
  38. <view class="imgupload">
  39. <!-- <view>备注内容</view> -->
  40. <view class="imgbox">
  41. <img v-for="(item,index) in imgList" :src="item" alt="">
  42. </view>
  43. <!-- <u-upload :action="action" :file-list="fileList"></u-upload> -->
  44. </view>
  45. <u-cell-group style="margin-bottom: 10px">
  46. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  47. <view slot="title"><span class="red"></span>收&ensp;集&ensp;人:</view>
  48. 顾一野
  49. </u-cell-item>
  50. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  51. <view slot="title"><span class="red"></span>收集时间:</view>
  52. 2021-05-18 12:23:09
  53. </u-cell-item>
  54. </u-cell-group>
  55. <u-cell-group style="margin-bottom: 10px">
  56. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  57. <view slot="title"><span class="red"></span>验&ensp;收&ensp;人:</view>
  58. 王菲菲
  59. </u-cell-item>
  60. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  61. <view slot="title"><span class="red"></span>验收时间:</view>
  62. 2021-05-18 12:23:09
  63. </u-cell-item>
  64. </u-cell-group>
  65. <view class="imgupload">
  66. <view>异常内容:垃圾袋上的标签码扫不了</view>
  67. <view class="imgbox">
  68. <img v-for="(item,index) in imgList2" :src="item" alt="">
  69. </view>
  70. <!-- <u-upload :action="action" :file-list="fileList"></u-upload> -->
  71. </view>
  72. <view class="pcTop">异常处理</view>
  73. <u-cell-group style="margin-bottom: 10px">
  74. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  75. <view slot="title"><span class="red"></span>异常类型:</view>
  76. 医废垃圾丢失
  77. </u-cell-item>
  78. <u-cell-item :arrow="false" :value-style="{textAlign: 'left',paddingLeft: '10px'}">
  79. <view slot="title"><span class="red"></span>备注说明:</view>
  80. 内容
  81. </u-cell-item>
  82. </u-cell-group>
  83. </view>
  84. </view>
  85. </template>
  86. <script>
  87. export default {
  88. data() {
  89. return {
  90. remark: "",
  91. action: "",
  92. fileList: [],
  93. imgList: [
  94. 'https://axure-file.lanhuapp.com/5d491d5c-5cae-4e6d-82e5-5cf1e34fce95__8f82b5f60d5110abb671e8328d88222a.png',
  95. 'https://axure-file.lanhuapp.com/5d491d5c-5cae-4e6d-82e5-5cf1e34fce95__8f82b5f60d5110abb671e8328d88222a.png'
  96. ],
  97. imgList2: [
  98. 'https://axure-file.lanhuapp.com/5d491d5c-5cae-4e6d-82e5-5cf1e34fce95__8f82b5f60d5110abb671e8328d88222a.png',
  99. 'https://axure-file.lanhuapp.com/5d491d5c-5cae-4e6d-82e5-5cf1e34fce95__8f82b5f60d5110abb671e8328d88222a.png'
  100. ]
  101. }
  102. },
  103. methods: {
  104. goBack() {
  105. uni.navigateBack({
  106. delta: 1
  107. });
  108. },
  109. }
  110. }
  111. </script>
  112. <style lang="scss">
  113. .mainCont {
  114. height: calc(100% - 80rpx);
  115. padding-bottom: 10px;
  116. overflow-y: scroll;
  117. }
  118. .title {
  119. height: 40px;
  120. line-height: 20px;
  121. padding: 10px;
  122. }
  123. .red {
  124. display: inline-block;
  125. width: 10px;
  126. height: 10px;
  127. color: red;
  128. }
  129. .imgupload {
  130. margin-bottom: 10px;
  131. padding: 10px 25px;
  132. background: #fff;
  133. .imgbox {
  134. img {
  135. width: 80px;
  136. height: 80px;
  137. margin: 10px 10px 10px 0;
  138. }
  139. }
  140. }
  141. .slot-btn {
  142. width: 80px;
  143. height: 80px;
  144. display: flex;
  145. justify-content: center;
  146. align-items: center;
  147. border: 1px solid #c0c4cc;
  148. border-radius: 5px;
  149. }
  150. .pcTop {
  151. width: calc(100% - 20px);
  152. padding: 0 10px;
  153. height: 20px;
  154. line-height: 20px;
  155. margin: 0 auto;
  156. margin-top: 10px;
  157. margin-bottom: 10px;
  158. position: relative;
  159. &:after {
  160. content: '';
  161. position: absolute;
  162. height: 20px;
  163. top: 0;
  164. left: 0;
  165. width: 2px;
  166. background-color: #6aa0f7;
  167. }
  168. }
  169. /deep/ .u-cell__value {
  170. color: #1c1c1c;
  171. }
  172. </style>