deliverGoods.vue 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <template>
  2. <zj-page-container>
  3. <zj-page-fill>
  4. <div style="box-sizing: border-box; padding:10px;">
  5. <zj-form-container ref="formRef" :form-data="formData" :form-attributes="{ size: 'mini' }">
  6. <zj-form-module title="客户信息" label-width="80px" :form-data="formData" :form-items="formItems" />
  7. <zj-form-module title="商品信息" label-width="80px" :form-data="formData" :form-items="formItems2" />
  8. </zj-form-container>
  9. </div>
  10. </zj-page-fill>
  11. </zj-page-container>
  12. </template>
  13. <script>
  14. export default {
  15. components: {ImageUpload},
  16. data(){
  17. return {
  18. formData: {
  19. imgSrc: [],
  20. promotionQuestionnaireQrcodes: []
  21. }
  22. }
  23. },
  24. computed: {
  25. formItems(){
  26. return [{
  27. name: 'el-radio',
  28. options: [
  29. { label: '一级能效', value: "一级能效" },
  30. { label: '二级能效', value: "二级能效" },
  31. ],
  32. md: 24,
  33. attributes: { disabled: this.disabled },
  34. formItemAttributes: { label: '发货方式', prop: 'mark' }
  35. },{
  36. name: 'el-input',
  37. md: 12,
  38. attributes: { disabled: false },
  39. formItemAttributes: { label: '物流公司', prop: 'categoryName' }
  40. },{
  41. name: 'el-input',
  42. md: 12,
  43. attributes: { disabled: false },
  44. formItemAttributes: { label: '快递单号', prop: 'categoryName' }
  45. }]
  46. },
  47. formItems2(){
  48. return [{
  49. name: 'slot-component',
  50. md: 24,
  51. formItemAttributes: {
  52. label: '',
  53. 'label-width': '0px',
  54. prop: 'promotionQuestionnaireQrcodes',
  55. rules: []
  56. },
  57. render: (h, { props, onInput }) => {
  58. var { value } = props
  59. return null
  60. }
  61. }]
  62. }
  63. },
  64. methods: {
  65. }
  66. }
  67. </script>
  68. <style lang="scss" scoped>
  69. </style>