Vue_New/src/xt_pages/DepositManagement/Template/add_page.vue

<template>
  <div>
    <el-form ref="form" :model="form" label-width="80px">
      <el-form-item label="押金编号">
        <span>{{form.id}}</span>
      </el-form-item>
      <el-form-item label="患者名称">
        <el-input v-model="form.patient_name"></el-input>
      </el-form-item>
      <el-form-item label="押金金额">
        <el-input v-model="form.money"></el-input>
      </el-form-item>
      <el-form-item label="备注">
        <el-input type="textarea" v-model="form.remarks"></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {
        remarks:"",
        id:"HSG47565",
        patient_name:"",
        money:0
      },
    };
  },
};
</script>

<style scoped>
.el-input{
    width: 50%;
}

.el-textarea{
    width: 65%;
}
</style>