aqyxx.vue 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
  1. <template>
  2. <view>
  3. <view class="boxt">
  4. <view class="tit">
  5. <image :src="titimg"></image>基本信息
  6. </view>
  7. <view class="txt">统一社会信用代码:<text>{{qyinfo.creditCode}}</text></view>
  8. <view class="txt">企业类型:<text>{{qyinfo.enterpriseType}}</text></view>
  9. <view class="flexcw">
  10. <view class="txt">法人姓名:<text>{{qyinfo.legalName}}</text></view>
  11. <view class="txt">注册资金:<text>{{qyinfo.registeredCapital}}</text></view>
  12. </view>
  13. <view class="txt">成立日期:<text>{{qyinfo.establishData}}</text></view>
  14. <view class="txt">营业期限:<text>{{qyinfo.businessTerm}}</text></view>
  15. <view class="txt">行业类型:<text>{{datainfo.categoryType}}</text></view>
  16. <view class="flexcw">
  17. <view class="txt">是否制造业:<text>{{datainfo.isMake=='Y'?'是':'否'}}</text></view>
  18. <view class="txt">是否小微企业:<text>{{datainfo.isSmall=='Y'?'是':'否'}}</text></view>
  19. <view class="txt">是否免税:<text><block v-if="datainfo.isDuty">{{datainfo.isDuty=='Y'?'是':'否'}}</block></text></view>
  20. </view>
  21. <view class="txt flext" v-if="basicFj.gsyyzhz&&basicFj.gsyyzhz.length">
  22. <view class="flex0">营业执照:</view>
  23. <view class="flex1 over">
  24. <block v-if="basicFj.gsyyzhz.length>1">
  25. <view v-for="(ite,idx) in basicFj.gsyyzhz" class="filist over" @click="getDown(ite.url)" :key="idx">{{ite.name}}</view>
  26. </block>
  27. <text v-else class="txta" @click="getDown(basicFj.gsyyzhz[0].url)">在线查看</text>
  28. </view>
  29. </view>
  30. <view class="txt">公司简介:<text>{{datainfo.companyIntroduction}}</text></view>
  31. <view class="txt flext" v-if="basicFj.gsjj&&basicFj.gsjj.length">
  32. <view class="flex0">公司简介:</view>
  33. <view class="flex1 over">
  34. <block v-if="basicFj.gsjj.length>1">
  35. <view v-for="(ite,idx) in basicFj.gsjj" class="filist over" @click="getDown(ite.url)" :key="idx">{{ite.name}}</view>
  36. </block>
  37. <text v-else class="txta" @click="getDown(basicFj.gsjj[0].url)">在线查看</text>
  38. </view>
  39. </view>
  40. <view class="txt flext">
  41. <view class="flex0">公司章程:</view>
  42. <view class="flex1 over">
  43. <block v-if="basicFj.gszc&&basicFj.gszc.length">
  44. <block v-if="basicFj.gszc.length>1">
  45. <view v-for="(ite,idx) in basicFj.gszc" class="filist over" @click="getDown(ite.url)" :key="idx">{{ite.name}}</view>
  46. </block>
  47. <text v-else class="txta" @click="getDown(basicFj.gszc[0].url)">在线查看</text>
  48. </block>
  49. </view>
  50. </view>
  51. <view class="txt flext">开户许可证:
  52. <view class="flex1 over">
  53. <block v-if="basicFj.khxkz&&basicFj.khxkz.length">
  54. <block v-if="basicFj.khxkz.length>1">
  55. <view v-for="(ite,idx) in basicFj.khxkz" class="filist over" @click="getDown(ite.url)" :key="idx">{{ite.name}}</view>
  56. </block>
  57. <text v-else class="txta" @click="getDown(basicFj.khxkz[0].url)">在线查看</text>
  58. </block>
  59. </view>
  60. </view>
  61. </view>
  62. <view class="boxt" v-if="datainfo.shareholderFjList&&datainfo.shareholderFjList.length">
  63. <view class="tit">
  64. <image :src="titimg"></image>全体股东身份及征信
  65. </view>
  66. <view class="flexcw" v-for="(ite,idx) in datainfo.shareholderFjList" :key="idx">
  67. <view class="txt" v-if="ite.shareholderFrontUrl||ite.shareholderBackUrl">股东{{Number(idx)+1}}身份证:<text class="txta" @click="getDownGd(ite)">在线查看</text></view>
  68. <view class="txt" >股东{{Number(idx)+1}}营业执照:
  69. <!-- 其他的营业执照 -->
  70. <block v-if="ite.shareholderBusinessUrl">
  71. <block v-for="(itea,idxa) in getYyzzFn(ite.shareholderBusinessUrl)" :key="idxa">
  72. <text class="txtab" v-if="itea" @click="getDown(itea)">在线查看</text>
  73. </block>
  74. </block>
  75. </view>
  76. <view class="txt" >股东{{Number(idx)+1}}征信:
  77. <!-- 其他的征信 -->
  78. <block v-if="ite.shareholderZxUrl">
  79. <block v-for="(itea,idxa) in getFilteFn(ite.shareholderZxUrl)" :key="idxa">
  80. <text class="txtab" v-if="itea" @click="getDown(itea)">在线查看</text>
  81. </block>
  82. </block>
  83. <text class="txta" v-if="ite.shareholderZxUrlPdf" @click="getDowns(ite.shareholderZxUrlPdf)">在线查看</text>
  84. </view>
  85. </view>
  86. </view>
  87. <view class="boxt">
  88. <view class="tit">
  89. <image :src="titimg"></image>企业征信
  90. </view>
  91. <view class="txt flext">申请企业:
  92. <view class="flex1 over">
  93. <block v-if="basicFj.sqqyzxbg&&basicFj.sqqyzxbg.length">
  94. <block v-if="basicFj.sqqyzxbg.length>1">
  95. <view v-for="(ite,idx) in basicFj.sqqyzxbg" class="filist over" @click="getDown(ite.url)" :key="idx">{{ite.name}}</view>
  96. </block>
  97. <text v-else class="txta" @click="getDown(basicFj.sqqyzxbg[0].url)">在线查看</text>
  98. </block>
  99. </view>
  100. </view>
  101. <view class="txt flext">关联企业:
  102. <view class="flex1 over">
  103. <block v-if="basicFj.glqyzxbg&&basicFj.glqyzxbg.length">
  104. <block v-if="basicFj.glqyzxbg.length>1">
  105. <view v-for="(ite,idx) in basicFj.glqyzxbg" class="filist over" @click="getDown(ite.url)" :key="idx">{{ite.name}}</view>
  106. </block>
  107. <text v-else class="txta" @click="getDown(basicFj.glqyzxbg[0].url)">在线查看</text>
  108. </block>
  109. </view>
  110. </view>
  111. <!-- <view class="txt">申请企业:<text class="txta" @click="getDown(a)">在线查看</text></view>
  112. <view class="txt">关联企业:<text class="txta" @click="getDown(a)">在线查看</text></view> -->
  113. </view>
  114. <view class="boxt">
  115. <view class="tit">
  116. <image :src="titimg"></image>企业法人及控股人征信
  117. </view>
  118. <view class="txt flext">企业法人:
  119. <view class="flex1 over">
  120. <block v-if="basicFj.qyfrzxbg&&basicFj.qyfrzxbg.length">
  121. <block v-if="basicFj.qyfrzxbg.length>1">
  122. <view v-for="(ite,idx) in basicFj.qyfrzxbg" class="filist over" @click="getDown(ite.url)" :key="idx">{{ite.name}}</view>
  123. </block>
  124. <text v-else class="txta" @click="getDown(basicFj.qyfrzxbg[0].url)">在线查看</text>
  125. </block>
  126. </view>
  127. </view>
  128. <view class="txt flext">实际控股人:
  129. <view class="flex1 over">
  130. <block v-if="basicFj.sjkgrzxbg&&basicFj.sjkgrzxbg.length">
  131. <block v-if="basicFj.sjkgrzxbg.length>1">
  132. <view v-for="(ite,idx) in basicFj.sjkgrzxbg" class="filist over" @click="getDown(ite.url)" :key="idx">{{ite.name}}</view>
  133. </block>
  134. <text v-else class="txta" @click="getDown(basicFj.sjkgrzxbg[0].url)">在线查看</text>
  135. </block>
  136. </view>
  137. </view>
  138. <view class="txt flext">配偶征信:
  139. <view class="flex1 over">
  140. <block v-if="basicFj.sjkgrpozxbg&&basicFj.sjkgrpozxbg.length">
  141. <block v-if="basicFj.sjkgrpozxbg.length>1">
  142. <view v-for="(ite,idx) in basicFj.sjkgrpozxbg" class="filist over" @click="getDown(ite.url)" :key="idx">{{ite.name}}</view>
  143. </block>
  144. <text v-else class="txta" @click="getDown(basicFj.sjkgrpozxbg[0].url)">在线查看</text>
  145. </block>
  146. </view>
  147. </view>
  148. <!-- <view class="txt">企业法人:<text class="txta" @click="getDown(a)">在线查看</text></view>
  149. <view class="flexcw">
  150. <view class="txt">实际控股人:<text class="txta" @click="getDown(a)">在线查看</text></view>
  151. <view class="txt">配偶征信:<text class="txta" @click="getDown(a)">在线查看</text></view>
  152. </view> -->
  153. </view>
  154. </view>
  155. </template>
  156. <script>
  157. import config from '@/config'
  158. const baseUrl = config.baseUrl
  159. import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
  160. import { selectValue } from '@/utils/common.js';
  161. import noData from "@/components/nodata/nodata.vue"
  162. export default {
  163. props:{
  164. datainfo: {
  165. type: Object,
  166. default () {
  167. return {}
  168. }
  169. },
  170. qyinfo:{
  171. type: Object,
  172. default () {
  173. return {}
  174. }
  175. },
  176. basicFj:{
  177. type: Object,
  178. default () {
  179. return {}
  180. }
  181. }
  182. },
  183. components:{
  184. noData
  185. },
  186. data(){
  187. return{
  188. titimg:require('@/work/static/images/infotit.png'),
  189. }
  190. },
  191. onLoad: function() {
  192. },
  193. methods:{
  194. checkPermi, checkRole,
  195. kaType(ite){
  196. return selectValue(this.tajdlist, ite);
  197. },
  198. getDown(url){
  199. this.$emit('getDown',url)
  200. },
  201. getDowns(url){
  202. var s=url.split(',')[0]
  203. this.$emit('getDown',s)
  204. },
  205. getDownGd(ite){
  206. var url=[]
  207. if(ite.shareholderFrontUrl){
  208. var urla=baseUrl+ite.shareholderFrontUrl;
  209. url.push(urla)
  210. }
  211. if(ite.shareholderBackUrl){
  212. var urlb=baseUrl+ite.shareholderBackUrl;
  213. url.push(urlb)
  214. }
  215. uni.previewImage({
  216. current: 0,
  217. urls: url,
  218. });
  219. },
  220. // 营业执照
  221. getYyzzFn(url){
  222. var list=url.split(',')
  223. return list
  224. },
  225. //征信报表
  226. getFilteFn(url){
  227. var list=url.split(',')
  228. list=list.filter((ite) => {
  229. return this.getFilterFj(ite);
  230. })
  231. return list
  232. },
  233. // 数据处理
  234. getFilterFj(url){
  235. let index1 = url.lastIndexOf("."); // 得到一个索引值
  236. let index2 = url.length;
  237. let type = url.substring(index1, index2);
  238. if ((type.indexOf('jpg') >-1 || type.indexOf('jpeg') > -1 || type.indexOf('png') > -1)) {
  239. return false
  240. }else{
  241. return true
  242. }
  243. },
  244. },
  245. }
  246. </script>
  247. <style lang="scss" scoped>
  248. .boxt{padding: 0 16rpx;border-top: 2rpx solid #E6E6E6;}
  249. .tit{font-weight: bold;font-size: 30rpx;color: $com-cd3;display: flex;align-items: center;padding-top: 44rpx;margin-bottom: 50rpx;padding-left: 20rpx;
  250. image{width: 30rpx;height: 30rpx;margin-right: 14rpx;}
  251. }
  252. .txt{font-weight: bold;font-size: 30rpx;color: #222327;margin-bottom: 44rpx;padding-left: 20rpx;
  253. text{color: #666666;font-weight: 500;
  254. &.txta{color: #28C529;}
  255. }
  256. .txtab{color: #28C529;font-weight: 500;margin-right: 24rpx;margin-bottom: 12rpx;display: inline-block;}
  257. .filist{font-weight: 500;
  258. color: #28C529;margin-bottom: 8rpx;
  259. }
  260. }
  261. .flexcw{display: flex;
  262. .txt{min-width: 50%;}
  263. }
  264. </style>