no message

src/views/setting/insuranceAdministration/InsuranceContract/InsuranceContractForm.vue

@@ -171,8 +171,12 @@ export default {
                         label: '保险期间(个月)',
                         width: '110px'
                       },
-                      render: (h, { row }) => {
-                        return <div style="box-sizing: border-box;padding: 0 6px;">年费率百分比</div>
+                      render: (h, { row, column, index }) => {
+                        return (
+                          <div style="box-sizing: border-box;padding: 0 6px;">
+                            {index ? '保险金额（元）' : '年费率百分比'}
+                          </div>
+                        )
                       }
                     },
                     ...(keys => {
@@ -182,35 +186,48 @@ export default {
                           columnAttributes: {
                             label: i + 1 + ''
                           },
-                          render: (h, { row }) => {
-                            return (
-                              <el-form-item
-                                prop={keys[i]}
-                                rules={this.formRules.month1}
-                                label-width="0px"
-                                style="margin:0"
-                              >
-                                <el-input
-                                  disabled={this.disabled}
-                                  type="number"
-                                  min={0}
-                                  max={100}
-                                  value={formData[keys[i]]}
-                                  onInput={val => {
-                                    formData[keys[i]] = val
-                                  }}
+                          render: (h, { row, column, index }) => {
+                            if (index) {
+                              return (
+                                <el-form-item
+                                  prop={keys[i]}
+                                  rules={this.formRules.month1}
+                                  label-width="0px"
+                                  style="margin:0"
+                                >
+                                  {Math.ceil((formData[keys[i]] || 0) * (formData.policyPrice || 0)) / 100}
+                                </el-form-item>
+                              )
+                            } else {
+                              return (
+                                <el-form-item
+                                  prop={keys[i]}
+                                  rules={this.formRules.month1}
+                                  label-width="0px"
+                                  style="margin:0"
                                 >
-                                  <span slot="suffix">%</span>
-                                </el-input>
-                              </el-form-item>
-                            )
+                                  <el-input
+                                    disabled={this.disabled}
+                                    type="number"
+                                    min={0}
+                                    max={100}
+                                    value={formData[keys[i]]}
+                                    onInput={val => {
+                                      formData[keys[i]] = val
+                                    }}
+                                  >
+                                    <span slot="suffix">%</span>
+                                  </el-input>
+                                </el-form-item>
+                              )
+                            }
                           }
                         })
                       }
                       return list
                     })(this.monthKeys)
                   ]}
-                  tableData={[{}]}
+                  tableData={[{}, {}]}
                 ></zj-table>
               </div>
             )