loan-request.vue 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!-- -->
  2. <template>
  3. <div >
  4. <el-form ref="formRef" :model="otherInfo" label-position="top" disabled>
  5. <el-form-item label="申请人:" prop="loanUserName">
  6. <el-input v-model="otherInfo.loanUserName"/>
  7. </el-form-item>
  8. <el-form-item label="借款事由:">
  9. <el-input type="textarea" v-model="otherInfo.loanDesc" :autosize="{ minRows: 3, maxRows: 5 }"/>
  10. </el-form-item>
  11. <el-form-item prop="loanMoney">
  12. <template #label>
  13. <span>申请金额:</span>
  14. <span style="color: #8f8d8d;">{{otherInfo.loanMoneyText}}</span>
  15. </template>
  16. <el-input v-model="otherInfo.loanMoney" >
  17. <template #append>元</template>
  18. </el-input>
  19. </el-form-item>
  20. <div class="hc-form-item">
  21. <el-form-item label="使用日期:" prop="useDate">
  22. <el-date-picker type="date" class="block" v-model="otherInfo.useDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
  23. </el-form-item>
  24. <el-form-item label="归还日期:" prop="returnDate">
  25. <el-date-picker type="date" class="block" v-model="otherInfo.returnDate" format="YYYY-MM-DD" value-format="YYYY-MM-DD"/>
  26. </el-form-item>
  27. </div>
  28. <el-form-item label="备注:">
  29. <el-input type="textarea" v-model="otherInfo.remarks" :autosize="{ minRows: 3, maxRows: 5 }"/>
  30. </el-form-item>
  31. </el-form>
  32. </div>
  33. </template>
  34. <script setup>
  35. import { ref, watch,onActivated } from 'vue'
  36. import {getProjectList} from "~api/other";
  37. import {getArrValue} from "js-fast-way";
  38. onActivated(()=>{
  39. getProjectData()
  40. })
  41. //参数
  42. const props = defineProps({
  43. otherInfo: {
  44. type: Object,
  45. default: {}
  46. }
  47. })
  48. const trafficTypeData=ref([])
  49. const wayType=ref([])
  50. const cityType=ref([])
  51. const projectType=ref([])
  52. const partneroptions=ref([])
  53. //监听
  54. watch(() => [
  55. props.otherInfo,
  56. ], ([otherInfo]) => {
  57. console.log(otherInfo, 'otherInfo');
  58. })
  59. const getProjectData = async () => {
  60. const {error, code, data} = await getProjectList()
  61. //判断状态
  62. if (!error && code === 200) {
  63. projectType.value = getArrValue(data)
  64. } else {
  65. projectType.value = []
  66. }
  67. }
  68. </script>
  69. <style lang='scss' scoped>
  70. </style>