printerDetail.vue 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <template>
  2. <view class="container">
  3. <view class="page-block">
  4. <view class="page-title-block">
  5. <view class="title">基本信息</view>
  6. </view>
  7. <view class="content">
  8. <view class="cell flex flex-y-center">
  9. <view class="title-block">
  10. <text>设备名称</text>
  11. </view>
  12. <view class="desc">
  13. <view class="input-box">dfadf</view>
  14. </view>
  15. </view>
  16. <view class="cell flex flex-y-center">
  17. <view class="title-block">
  18. <text>设备位置</text>
  19. </view>
  20. <view class="desc">
  21. <view class="input-box">dfadf</view>
  22. </view>
  23. </view>
  24. <view class="cell flex flex-y-center">
  25. <view class="title-block">
  26. <text>设备状态</text>
  27. </view>
  28. <view class="desc">
  29. <view class="input-box">dfadf</view>
  30. </view>
  31. </view>
  32. </view>
  33. </view>
  34. <!-- -->
  35. <view class="page-block">
  36. <view class="page-title-block">
  37. <view class="title">设备信息</view>
  38. </view>
  39. <view class="content">
  40. <view class="cell flex flex-y-center">
  41. <view class="title-block ">
  42. <text>设备类型</text>
  43. </view>
  44. <view class="desc">
  45. <view class="input-box">dfadf</view>
  46. </view>
  47. </view>
  48. <view class="cell flex flex-y-center">
  49. <view class="title-block">
  50. <text>设备编码</text>
  51. </view>
  52. <view class="desc">
  53. <view class="input-box">dfadf</view>
  54. </view>
  55. </view>
  56. <view class="cell flex flex-y-center">
  57. <view class="title-block">
  58. <text>API秘钥</text>
  59. </view>
  60. <view class="desc">
  61. <view class="input-box">dfadf</view>
  62. </view>
  63. </view>
  64. </view>
  65. </view>
  66. <!-- -->
  67. <view class="page-block">
  68. <view class="page-title-block">
  69. <view class="title">打印信息</view>
  70. </view>
  71. <view class="content">
  72. <view class="cell flex flex-y-center">
  73. <view class="title-block">
  74. <text>头部标题</text>
  75. </view>
  76. <view class="desc">
  77. <view class="input-box">dfadf</view>
  78. </view>
  79. </view>
  80. <view class="cell flex flex-y-center">
  81. <view class="title-block">
  82. <text>打印标签秘钥</text>
  83. </view>
  84. <view class="desc">
  85. <view class="input-box">dfadf</view>
  86. </view>
  87. </view>
  88. <view class="cell flex flex-y-center">
  89. <view class="title-block">
  90. <text>打印次数</text>
  91. </view>
  92. <view class="desc">
  93. <view class="input-box">dfadf</view>
  94. </view>
  95. </view>
  96. </view>
  97. </view>
  98. <!-- -->
  99. <view style="height:30rpx;"></view>
  100. <view class="footer-bar" style="height: 100rpx;">
  101. <view class="content flex flex-center" style="height: 100rpx;">
  102. <view class="detail-btn flex flex-center" style="border-right: 2rpx solid #F4F5F7;">
  103. <image src="../static/images/icon_16.png" mode="aspectFit" class="btn-icon"></image>
  104. <view style="color:#999999">删除设备</view>
  105. </view>
  106. <view class="detail-btn flex flex-center">
  107. <image src="../static/images/icon_17.png" mode="aspectFit" class="btn-icon"></image>
  108. <view style="color:#3387FF">重新编辑</view>
  109. </view>
  110. </view>
  111. </view>
  112. </view>
  113. </template>
  114. <script>
  115. export default {
  116. data() {
  117. return {
  118. }
  119. },
  120. methods: {
  121. }
  122. }
  123. </script>
  124. <style>
  125. @import url("../static/css/common.css");
  126. page {
  127. background-color: #F4F5F7;
  128. }
  129. </style>