detail.vue 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <template>
  2. <view class="apply-wrap flex flex_column" v-if="form" >
  3. <view class="title flex align_center justify_center">
  4. <u-icon :name="form.auditStatus == 'PASS'?'icon_complete':(form.auditStatus == 'WAIT'?'wait':'icon_cancel')" custom-prefix="iscm-icon" size="40"></u-icon>
  5. <text style="margin-left: 0.5rem;">{{form.auditStatusDictValue}}</text>
  6. </view>
  7. <view class="login-form">
  8. <u-form :model="form" label-width="180rpx" :error-type="['toast']" ref="uForm">
  9. <u-form-item label="门头照片">
  10. <u-image :src="form.storeImage" width="200" height="150"></u-image>
  11. </u-form-item>
  12. <u-form-item label="营业执照">
  13. <u-image v-if="form.licenseImage" :src="form.licenseImage" width="200" height="150"></u-image>
  14. <text v-else>未上传</text>
  15. </u-form-item>
  16. <u-form-item label="门店名称">
  17. {{form.storeName||'--'}}
  18. </u-form-item>
  19. <u-form-item label="所在地区">
  20. {{form.label||'--'}}
  21. </u-form-item>
  22. <u-form-item label="详细地址">
  23. {{form.addrDetail||'--'}}
  24. </u-form-item>
  25. <u-form-item label="联系人姓名">
  26. {{form.contactName||'--'}}
  27. </u-form-item>
  28. <u-form-item label="联系人手机">
  29. {{form.contactPhone||'--'}}
  30. </u-form-item>
  31. <u-form-item label="关联客户" v-if="form.auditStatus != 'WAIT'">
  32. {{form.customerName||'--'}}
  33. </u-form-item>
  34. <u-form-item label="结算方式" v-if="form.auditStatus != 'WAIT'">
  35. {{form.settleTypeDictValue||'--'}}
  36. </u-form-item>
  37. <u-form-item label="授信金额" v-if="form.auditStatus != 'WAIT'">
  38. {{form.creditLimit||'--'}}
  39. </u-form-item>
  40. </u-form>
  41. </view>
  42. </view>
  43. </template>
  44. <script>
  45. import { xprhStoreApplyDetail } from '@/api/approveStore'
  46. export default{
  47. data(){
  48. return{
  49. loading: false,
  50. theme: '',
  51. form: {
  52. storeName: '', // 门店名称
  53. contactPhone: '', // 联系手机
  54. contactName: '', // 联系人
  55. addrProvince: undefined, // 省
  56. addrProvinceName: '',
  57. addrCity: undefined, // 市
  58. addrCityName: '',
  59. addrDistrict: undefined, // 区
  60. addrDistrictName: '',
  61. addrDetail: '', // 详细地址
  62. storeImage: '', // 门头照片
  63. licenseImage: '', // 营业执照
  64. settleType: undefined, // 结算方式
  65. settleTypeDictValue: undefined,
  66. customerSn: undefined, // 关联客户
  67. customerName: undefined,
  68. creditLimit: '', // 授信额度
  69. delearSn: undefined,
  70. applySn: undefined,
  71. auditStatus: undefined // 审核状态
  72. },
  73. rules: {},
  74. areaIdArr: [], // 省市区id数组
  75. labelArr: [],
  76. storePhotoList: [],
  77. yyzzPhotoList: [],
  78. settleStyleList: []
  79. }
  80. },
  81. onLoad(options) {
  82. const _this = this
  83. this.applySn = options.sn
  84. this.getDetail()
  85. this.settleStyleList = this.$store.state.vuex_shelfSettleType
  86. },
  87. methods: {
  88. // 获取详细
  89. getDetail () {
  90. xprhStoreApplyDetail({ sn: this.applySn }).then(res => {
  91. if (res.status == 200) {
  92. this.form = Object.assign(this.form, res.data)
  93. this.labelArr = [this.form.addrProvinceName,this.form.addrCityName,this.form.addrDistrictName]
  94. this.areaIdArr = [this.form.addrProvince,this.form.addrCity,this.form.addrDistrict]
  95. this.form.label = this.labelArr.join('-')
  96. } else {
  97. this.$refs.ruleForm.resetFields()
  98. }
  99. })
  100. },
  101. }
  102. }
  103. </script>
  104. <style scoped lang="scss">
  105. .apply-wrap{
  106. width:100%;
  107. height: 100vh;
  108. background-color: #fff;
  109. .title{
  110. text-align: center;
  111. font-size: 1.2rem;
  112. border-bottom: 0.5rem solid #f8f8f8;
  113. padding: 0.5rem;
  114. }
  115. .login-form{
  116. padding: 0.7rem 1.5rem;
  117. flex-grow: 1;
  118. overflow: auto;
  119. }
  120. }
  121. </style>