detail.vue 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  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 v-if="form.storeImage" :src="form.storeImage" width="200" height="150"></u-image>
  11. <text v-else>未上传</text>
  12. </u-form-item>
  13. <u-form-item label="营业执照">
  14. <u-image v-if="form.licenseImage" :src="form.licenseImage" width="200" height="150"></u-image>
  15. <text v-else>未上传</text>
  16. </u-form-item>
  17. <u-form-item label="门店名称">
  18. <view style="word-break: break-all;line-height: normal;">
  19. {{form.storeName||'--'}}
  20. </view>
  21. </u-form-item>
  22. <u-form-item label="所在地区">
  23. <view style="word-break: break-all;line-height: normal;">
  24. {{form.label||'--'}}
  25. </view>
  26. </u-form-item>
  27. <u-form-item label="详细地址">
  28. <view style="word-break: break-all;line-height: normal;">{{form.addrDetail||'--'}}</view>
  29. </u-form-item>
  30. <u-form-item label="联系人姓名">
  31. <view style="word-break: break-all;line-height: normal;">
  32. {{form.contactName||'--'}}
  33. </view>
  34. </u-form-item>
  35. <u-form-item label="联系人手机">
  36. {{form.contactPhone||'--'}}
  37. </u-form-item>
  38. <u-form-item label="关联客户" v-if="form.auditStatus == 'PASS'">
  39. <view style="word-break: break-all;line-height: normal;">
  40. {{form.customerName||'--'}}
  41. </view>
  42. </u-form-item>
  43. <u-form-item label="结算方式" v-if="form.auditStatus == 'PASS'">
  44. {{form.settleTypeDictValue||'--'}}
  45. </u-form-item>
  46. <u-form-item label="授信金额" v-if="form.auditStatus == 'PASS'&&form.settleType == 'CREDIT'">
  47. {{form.creditLimit||'--'}}
  48. </u-form-item>
  49. <view class="flex">
  50. <view style="padding: 0.5rem 0;width: 90px;">价格权限</view>
  51. <view>
  52. <view style="padding: 0.5rem 1rem 0.3rem 0;">
  53. 货架产品:{{showPriceStr.length ? showPriceStr.join("/") : '--'}}
  54. </view>
  55. <view style="padding: 0.5rem 1rem 0.5rem 0">
  56. 非货架产品:{{showNonPriceStr.length ? showNonPriceStr.join("/") : '--'}}
  57. </view>
  58. </view>
  59. </view>
  60. </u-form>
  61. </view>
  62. </view>
  63. </template>
  64. <script>
  65. import { xprhStoreApplyDetail } from '@/api/approveStore'
  66. import { getShelfPriceShow } from '@/api/shelf'
  67. export default{
  68. data(){
  69. return{
  70. loading: false,
  71. theme: '',
  72. form: {
  73. storeName: '', // 门店名称
  74. contactPhone: '', // 联系手机
  75. contactName: '', // 联系人
  76. addrProvince: undefined, // 省
  77. addrProvinceName: '',
  78. addrCity: undefined, // 市
  79. addrCityName: '',
  80. addrDistrict: undefined, // 区
  81. addrDistrictName: '',
  82. addrDetail: '', // 详细地址
  83. storeImage: '', // 门头照片
  84. licenseImage: '', // 营业执照
  85. settleType: undefined, // 结算方式
  86. settleTypeDictValue: undefined,
  87. customerSn: undefined, // 关联客户
  88. customerName: undefined,
  89. creditLimit: '', // 授信额度
  90. delearSn: undefined,
  91. applySn: undefined,
  92. auditStatus: undefined // 审核状态
  93. },
  94. rules: {},
  95. areaIdArr: [], // 省市区id数组
  96. labelArr: [],
  97. showPriceStr: [],
  98. showNonPriceStr: []
  99. }
  100. },
  101. onLoad(options) {
  102. const _this = this
  103. this.applySn = options.sn
  104. this.getDetail()
  105. },
  106. methods: {
  107. // 获取详细
  108. getDetail () {
  109. xprhStoreApplyDetail({ sn: this.applySn }).then(res => {
  110. console.log(res)
  111. if (res.status == 200) {
  112. this.form = Object.assign(this.form, res.data)
  113. this.form.addrDetail = this.form.addrDetail || '--'
  114. if(this.form.addrProvinceName&&this.form.addrCityName&&this.form.addrDistrictName){
  115. this.labelArr = [this.form.addrProvinceName,this.form.addrCityName,this.form.addrDistrictName]
  116. this.areaIdArr = [this.form.addrProvince,this.form.addrCity,this.form.addrDistrict]
  117. this.form.label = this.labelArr.join('-')
  118. }else{
  119. this.labelArr = []
  120. this.areaIdArr = []
  121. this.form.label = '--'
  122. }
  123. this.getShelfPriceShow(res.data)
  124. }
  125. })
  126. },
  127. // 获取价格显示设置
  128. getShelfPriceShow(data) {
  129. this.showPriceStr = []
  130. this.showNonPriceStr = []
  131. getShelfPriceShow({
  132. shelfSn: data.shelfSn
  133. }).then(res => {
  134. if (res.status == 200) {
  135. const ret = res.data && res.data
  136. ret.map(item => {
  137. if (item.paramCode == 'shelf_price_show' && item.paramValue == 1) {
  138. this.showPriceStr.push("车主价")
  139. }
  140. if (item.paramCode == 'shelf_cost_show' && item.paramValue == 1) {
  141. this.showPriceStr.push("结算价")
  142. }
  143. if (item.paramCode == 'non_shelf_price_show' && item.paramValue == 1) {
  144. this.showNonPriceStr.push("车主价")
  145. }
  146. if (item.paramCode == 'non_shelf_cost_show' && item.paramValue == 1) {
  147. this.showNonPriceStr.push("结算价")
  148. }
  149. })
  150. }
  151. })
  152. },
  153. }
  154. }
  155. </script>
  156. <style scoped lang="scss">
  157. .apply-wrap{
  158. width:100%;
  159. height: 100vh;
  160. background-color: #fff;
  161. .title{
  162. text-align: center;
  163. font-size: 1.2rem;
  164. border-bottom: 0.5rem solid #f8f8f8;
  165. padding: 0.5rem;
  166. }
  167. .login-form{
  168. padding: 0.7rem 1.5rem;
  169. flex-grow: 1;
  170. overflow: auto;
  171. }
  172. }
  173. </style>