no message

src/api/payRecords.js

@@ -15,4 +15,12 @@ export function pageExport(data, name) {
     data,
     name
   })
-}
+}
+
+export function buyServiceRecordDetail(params) {
+  return request({
+    url: '/buy/service/record/detail',
+    method: 'post',
+    params
+  })
+}

src/views/setting/payRecords/index.vue

@@ -15,6 +15,7 @@
           <zj-page-fill class="neibuview">
             <zj-form-container ref="formRef" :form-data="formData" :form-attributes="{ size: 'mini' }">
               <zj-form-module title="基本信息" label-width="120px" :form-data="formData" :form-items="formItems" />
+              <zj-form-module title="明细" label-width="120px" :form-data="formData" :form-items="formItems2" />
             </zj-form-container>
           </zj-page-fill>
           <div>
@@ -33,7 +34,7 @@ import TemplatePage from '@/components/template/template-page-1.vue'
 import import_mixin from '@/components/template/import_mixin.js'
 import ImageUpload from '@/components/file-upload'
 import { required, mobileRequired, mobile, httpUrl, email } from '@/components/template/rules_verify.js'
-import { listPageV2, pageExport } from '@/api/payRecords'
+import { listPageV2, pageExport, buyServiceRecordDetail } from '@/api/payRecords'
 import operation_mixin from '@/components/template/operation_mixin.js'
 export default {
   components: { TemplatePage, ImageUpload },
@@ -55,15 +56,7 @@ export default {
       recordSelected: [],
       // 表单弹窗
       formBool: false,
-      formData: {
-        dictCode: '',
-        dictType: '',
-        dictValue: '',
-        items: [],
-        price: 0,
-        remark: '',
-        status: true
-      }
+      formData: {}
     }
   },
   computed: {
@@ -72,7 +65,150 @@ export default {
       return []
     },
     formItems() {
-      return []
+      return [
+        {
+          name: 'el-input',
+          md: 6,
+          attributes: {
+            disabled: true,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '公司名称',
+            prop: 'companyName'
+          }
+        },
+        {
+          name: 'el-input',
+          md: 6,
+          attributes: {
+            disabled: true,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '购买套餐',
+            prop: 'normName'
+          }
+        },
+        {
+          name: 'el-input',
+          md: 6,
+          attributes: {
+            disabled: true,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '支付金额',
+            prop: 'payAmount'
+          }
+        },
+        {
+          name: 'el-input',
+          md: 6,
+          attributes: {
+            disabled: true,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '购买方式',
+            prop: 'buyMode'
+          }
+        },
+        {
+          name: 'el-input',
+          md: 6,
+          attributes: {
+            disabled: true,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '购买渠道',
+            prop: 'buyChannel'
+          }
+        },
+        {
+          name: 'el-input',
+          md: 6,
+          attributes: {
+            disabled: true,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '购买时间',
+            prop: 'createTime'
+          }
+        },
+        {
+          name: 'el-radio',
+          md: 6,
+          options: [
+            { label: '是', value: true },
+            { label: '否', value: false }
+          ],
+          attributes: {
+            disabled: true,
+            placeholder: '请输入'
+          },
+          formItemAttributes: {
+            label: '是否支付',
+            prop: 'isPay'
+          }
+        }
+      ]
+    },
+    formItems2() {
+      return [
+        {
+          md: 24,
+          isShow: true,
+          name: 'slot-component',
+          formItemAttributes: {
+            label: '',
+            prop: 'items',
+            'label-width': '0px'
+          },
+          render: (h, { props, onInput }) => {
+            var { value } = props
+            return (
+              <div>
+                <zj-table
+                  columns={[
+                    {
+                      columnAttributes: {
+                        label: '服务产品配置',
+                        prop: 'dictValue'
+                      }
+                    },
+                    {
+                      columnAttributes: {
+                        label: '销售价格',
+                        prop: 'normAmount'
+                      }
+                    },
+                    {
+                      columnAttributes: {
+                        label: '开通时间',
+                        prop: 'openTime'
+                      }
+                    },
+                    {
+                      columnAttributes: {
+                        label: '过期时间',
+                        prop: 'expireTime'
+                      }
+                    }
+                  ]}
+                  tableData={this.formData.items}
+                  tableAttributes={{
+                    size: 'mini',
+                    border: true
+                  }}
+                />
+              </div>
+            )
+          }
+        }
+      ]
     }
   },
   created() {},
@@ -90,7 +226,10 @@ export default {
       return this.operationBtn({
         view: {
           click: ({ row, index, column }) => {
-            this.formBool = true
+            buyServiceRecordDetail({ id: row.id }).then(res => {
+              this.formBool = true
+              this.formData = res.data
+            })
           }
         }
       })