BatteryDrawer.vue 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view>
  3. <uni-forms :modelValue="BatteryForm" ref="valueForm" :rules="rules">
  4. <uni-forms-item label="电池编号SN:" required name="sn" label-align="right" label-width="138px">
  5. <uni-easyinput type="text" :maxlength="30" v-model="BatteryForm.sn" placeholder="请输入电池编号" :clear="false"/>
  6. </uni-forms-item>
  7. <uni-forms-item label="长(cm):" required name="length" label-align="right" label-width="138px">
  8. <uni-easyinput type="text" v-model.trim="BatteryForm.length" :maxlength="5" placeholder="请输入电池长度" :clear="false"/>
  9. </uni-forms-item>
  10. <uni-forms-item label="宽(cm):" required name="width" label-align="right" label-width="138px">
  11. <uni-easyinput type="text" v-model.trim="BatteryForm.width" :maxlength="5" placeholder="请输入电池宽度" :clear="false"/>
  12. </uni-forms-item>
  13. <uni-forms-item label="高(cm):" required name="height" label-align="right" label-width="138px">
  14. <uni-easyinput type="text" v-model.trim="BatteryForm.height" :maxlength="5" placeholder="请输入电池高度" :clear="false"/>
  15. </uni-forms-item>
  16. <uni-forms-item label="重量(kg):" required name="weight" label-align="right" label-width="138px">
  17. <uni-easyinput type="text" v-model.trim="BatteryForm.weight" :maxlength="5" placeholder="请输入电池重量" :clear="false"/>
  18. </uni-forms-item>
  19. </uni-forms>
  20. </view>
  21. </template>
  22. <script>
  23. export default {
  24. name: 'BatteryDrawer',
  25. props: ['BatteryForm','rules'],
  26. data() {
  27. return {
  28. // getbasicFrom:{}
  29. }
  30. },
  31. methods:{
  32. }
  33. }
  34. </script>
  35. <style lang="scss" scoped>
  36. ::v-deep .uni-forms-item {
  37. width: 100% !important;
  38. }
  39. </style>