detail.vue 5.8 KB

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