details.vue 41 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222
  1. <template>
  2. <view class="details">
  3. <view class="zxtop">
  4. <!-- 风险部 -->
  5. <view class="failtit" v-if="datainfo.auditType==4">该业务申请未通过审核,可完善信息后进行申诉</view>
  6. <view class="detop">
  7. <!-- 归档 归档后没有业务进度-->
  8. <image :src="gdicoimg" class="gdimg" v-if="datainfo.loanApplicationType==4"></image>
  9. <block v-else>
  10. <view class="speed" v-if="checkPermi(['system:schedule:list'])" @click="getSpeedFn" :style="type=='ywjd'?'z-index: 6;':''">
  11. <image :src="speedimg"></image>
  12. <view>业务</view>
  13. <view>进度</view>
  14. </view>
  15. </block>
  16. <view class="head">
  17. <view class="top">
  18. <view class="toptit">{{datainfo.enterpriseName}}</view>
  19. <view class="statbox" v-if="datainfo.isNew=='Y'">专精特新<image :src="start"></image></view>
  20. </view>
  21. <view class="adr">贷款编号 | {{datainfo.loanApplicationNumber}}</view>
  22. <view class="adr">企业地址 | {{datainfo.enterpriseName}}</view>
  23. <view class="adr">申报时间 | {{datainfo.applicationTime}}</view>
  24. <view class="adr" v-if="datainfo.fileTime">归档时间 | {{datainfo.fileTime}}</view>
  25. </view>
  26. <view class="deta">
  27. <view class="lists">
  28. <view class="tit">申请额度</view>
  29. <view class="txt">{{datainfo.applicationAmount}}<text>/万元</text></view>
  30. </view>
  31. <view class="lists">
  32. <view class="tit">使用期限</view>
  33. <view class="txt">{{datainfo.usagePeriod}}<text>/个月</text></view>
  34. </view>
  35. <view class="lists">
  36. <view class="tit">申贷银行</view>
  37. <view class="txt">{{kaType(datainfo.applicationBank,sdyhlist)}}</view>
  38. </view>
  39. <view class="lists">
  40. <view class="tit">资金用途</view>
  41. <view class="txt">{{datainfo.purposeFunds}}</view>
  42. </view>
  43. <view class="lists">
  44. <view class="tit">还款来源</view>
  45. <view class="txt">{{datainfo.repaymentSource}}</view>
  46. </view>
  47. <view class="lists">
  48. <view class="tit">担保类型</view>
  49. <view class="txt">{{kaType(datainfo.guaranteeType,dblxlist)}}</view>
  50. </view>
  51. </view>
  52. </view>
  53. </view>
  54. <view class="main">
  55. <!-- tab -->
  56. <view class="tabs" :class="fixedflag?'tabfix':''">
  57. <view v-if="!ite.limit||ite.limit&&checkPermi([ite.limit])" class="tab" :class="tabval==ite.val?'act':''" v-for="(ite,idx) in tabList" :key="idx" @click="getTab(ite.val)">{{ite.tit}}</view>
  58. <!-- <view v-if='!isqiye' class="tab" :class="tabval==ite.val?'act':''" v-for="(ite,idx) in tabList" :key="idx" @click="getTab(ite.val)">{{ite.tit}}</view>
  59. <view v-if='isqiye' class="tab" :class="tabval==ite.val?'act':''" v-for="(ite,idx) in tabLists" :key="idx" @click="getTab(ite.val)">{{ite.tit}}</view>
  60. -->
  61. </view>
  62. <view style="height:116rpx;" v-if="fixedflag"></view>
  63. <!-- 企业信息 -->
  64. <view class="mainb" :style="'min-height: ' + minheight + 'px;'">
  65. <block v-if="tabval==0">
  66. <aqyxx @getDown="getDown" :qyinfo="qyinfo" :datainfo="datainfo" :basicFj="basicFj" ></aqyxx>
  67. </block>
  68. <block v-if="tabval==1">
  69. <bfrxx @getDown="getDown" :datainfo="datainfo" :yhlxlist="yhlxlist" :hyztlist="hyztlist" :basicFj="basicFj"></bfrxx>
  70. </block>
  71. <block v-if="tabval==2">
  72. <cfdbrxx @getDown="getDown" :datainfo="datainfo" :hyztlist="hyztlist" :basicFj="basicFj"></cfdbrxx>
  73. </block>
  74. <block v-if="tabval==3">
  75. <dfjxx @getDown="getDown" :datainfo="datainfo" :declareFj="datainfo.declareFj" :sbfjlist="sbfjlist" @getXzFn="getXzFn"></dfjxx>
  76. </block>
  77. <block v-if="tabval==4">
  78. <ewjcj @getDown="getDown" @getQmFn="getQmFn" :datainfo="datainfo" @getDelwjFj="getDelwjFj" @getfjEdit="getfjEdit" :wjcjlist="wjcjlist" :qtfileFj="datainfo.otherFj" :fileFj="datainfo.fileFj"></ewjcj>
  79. </block>
  80. <block v-if="tabval==5">
  81. <fshxx @getDown="getDown" :shjdlist="shjdlist" :datalist="shlist" ></fshxx>
  82. </block>
  83. </view>
  84. <!-- 法人信息 -->
  85. </view>
  86. <block v-if="datainfo.loanApplicationType!=4&&tabval!=5">
  87. <view class="h50"></view>
  88. <view class="footbtns">
  89. <!-- (业务进度表查询进度列表):1:申报提交 stepval 4,7,8,9,没有通过不通过
  90. 2:业务审核/分配
  91. 3:担保初审
  92. 4:尽职调查
  93. 5:初审风险合规
  94. 6:评审会
  95. 7:合同签约
  96. 8:放款合规风险审核
  97. 9:放款通知
  98. 10:归档 -->
  99. <!-- 审核进度 auditSchedule
  100. 1:业务审核/分配
  101. 2:A角色审核
  102. 3:B角色审核
  103. 4:风险审核
  104. 5:尽职调查
  105. 6:初审风险合规
  106. 7:上会评审 -->
  107. <!-- 申请审核 start-->
  108. <block v-if="datainfo.loanApplicationType!=3">
  109. <view class="fbtns bga" v-if="checkPermi(['system:application:edit'])&&stepval<2" @click="getedit">修改</view>
  110. <view class="fbtns bgc" v-if="checkPermi(['system:application:remove'])&&stepval<2" @click="getDel">删除</view>
  111. </block>
  112. <view class="fbtns bga" v-if="auditSchedule==1&&checkPermi(['system:application:sh'])" @click="getShFn('sh')">审核</view>
  113. <view class="fbtns bga" v-if="auditSchedule==4&&datainfo.auditType!=4&&checkPermi(['system:application:sh'])&&checkRole(['auditing_risk'])" @click="getShFn('fxsh')">风险审核</view>
  114. <!-- end -->
  115. <!-- a,b角按钮 start-->
  116. <view class="fbtns bgb" v-if="checkPermi(['system:application:sh'])&&userId==datainfo.aUserId&&auditSchedule==5" @click="getShFn('jztcsh')">尽职调查反馈</view>
  117. <view class="fbtns bga" v-if="checkPermi(['system:application:sh'])&&userId==datainfo.aUserId&&auditSchedule==2&&datainfo.auditType==1" @click="getShFn('ajssh')">审核</view>
  118. <view class="fbtns bga" v-if="checkPermi(['system:application:sh'])&&userId==datainfo.bUserId&&auditSchedule==3" @click="getShFn('bjssh')">审核</view>
  119. <!-- 审核后 -->
  120. <!-- <view class="fbtns bga" @click="getMoreFn('more')">更多操作</view> -->
  121. <!-- 未通过申诉 风险不通过,上会不通过-->
  122. <!-- 撤销, 业务分配,a,b角撤销 -->
  123. <view class="fbtns bga" v-if="checkPermi(['system:application:ss'])&&datainfo.auditType==4&&userId==datainfo.aUserId" @click="getSsFn">申诉</view>
  124. <!-- <block ></block> -->
  125. <!-- 申诉的时候不能撤销 -->
  126. <!-- <view class="fbtns" :class="auditSchedule==5?'bga':'bgb'" v-if="checkPermi(['system:application:cx'])&&(stepval!=1&&stepval!=10&&(datainfo.auditType!=1||auditSchedule<6&&auditSchedule>2))" @click="getCxFn">撤销</view> -->
  127. <block v-if="checkPermi(['system:application:cx'])&&stepval!=1&&stepval!=10">
  128. <view class="fbtns bga" v-if="userId==datainfo.aUserId&&auditSchedule==3" @click="getCxFn">撤销</view>
  129. <view class="fbtns bga" v-if="userId==datainfo.bUserId&&auditSchedule==4" @click="getCxFn">撤销</view>
  130. <!-- auditSchedule<7&& -->
  131. <view class="fbtns" :class="auditSchedule==5?'bga':'bgb'" v-if="(datainfo.auditType!=1||auditSchedule>4)" @click="getCxFn">撤销</view>
  132. </block>
  133. <!-- 回收站,暂存,归档不能撤 项目进度是申报提交-->
  134. <!-- 撤销,管理员在 a待审核 可以撤,
  135. a,b角是自己的时候可以撤
  136. -->
  137. <view class="fbtns bga" v-if="checkPermi(['system:application:schedule'])&&stepval<9&&stepval>6" @click="getXybFn">项目推进</view>
  138. <!-- end -->
  139. <!-- 管理员业务初审审核后出具担保意向函-->
  140. <!-- <block v-if="auditSchedule>1&&stepval<4"> -->
  141. <block v-if="checkRole(['manager'])&&auditSchedule>1&&stepval<4">
  142. <!-- <view class="fbtns bgb" @click="getfjEdit('dbyxh')">上传文件</view> -->
  143. <view class="fbtns bga" @click="getIssureFn(3,'dbyxh')">出具担保意向函</view>
  144. <view class="fbtns bgb" v-if="checkPermi(['system:application:cx'])&&auditSchedule<3&&datainfo.auditType<2" @click="getCxFn">撤销</view>
  145. </block>
  146. <!-- 风险部门 start-->
  147. <block v-if="stepval==5&&checkRole(['auditing_risk'])">
  148. <view class="fbtns bgb" v-if="checkPermi(['system:hyperlink:list'])" @click="getMoreFn('wb')">外部工具平台</view>
  149. <view class="fbtns bga" @click="getMoreFn('fxmore')">更多操作</view>
  150. </block>
  151. <!-- end -->
  152. <!-- 上会管理员 start -->
  153. <block v-if="stepval==6">
  154. <view class="fbtns bga" @click="getShFn('shsh')">审核</view>
  155. </block>
  156. <!-- 上会管理员 end -->
  157. <!-- 合同签约start -->
  158. <!-- 上传附件 是上传其他 和出具合同的附件-->
  159. <block v-if="stepval==7">
  160. <view class="fbtns bgb" @click="getMoreFn('shmore')">更多操作</view>
  161. <!-- <view class="fbtns bgb" @click="getMoreFn('htsc')">上传附件</view> -->
  162. <view class="fbtns bga" @click="getMoreFn('htqy')">出具合同</view>
  163. </block>
  164. <!-- 合同签约end -->
  165. <!-- 风险部放款 start-->
  166. <block v-if="stepval==8">
  167. <!-- <view class="fbtns bgb" @click="getfjEdit('fkhgb')">上传附件</view> -->
  168. <view class="fbtns bga" @click="getIssureFn(14,'fkhgb')">出具放款合规表</view>
  169. </block>
  170. <!-- end -->
  171. <block v-if="stepval==9">
  172. <!-- <view class="fbtns bgb" @click="getfjEdit('fktzs')">上传附件</view> -->
  173. <view class="fbtns bga" @click="getIssureFn(4,'fktzhsh')">放款通知书</view>
  174. </block>
  175. <view class="fbtns bga" v-if="stepval==9&&datainfo.loanApplicationType!=4" @click="getGdFn">一键归档</view>
  176. </view>
  177. </block>
  178. <!-- 更多操作 -->
  179. <view class="bgbox" @click="getClose" v-if="mtype"></view>
  180. <view v-if="mtype" class="morebox">
  181. <view class="molists">
  182. <!-- 审核详情后 -->
  183. <!-- <block v-if="mtype=='more'">
  184. <view class="mcoa" @click="getShFn('shhj')">上传附件</view>
  185. <view>撤回</view>
  186. </block> -->
  187. <!--风险部门 start 外部工具平台 -->
  188. <block v-if="mtype=='wb'">
  189. <view v-for="(ite,idx) in linkList" :key="idx" @click="getWebUel(ite.url)">{{ite.name}}</view>
  190. </block>
  191. <!-- 更多操作 -->
  192. <block v-if="mtype=='fxmore'">
  193. <!-- auditSchedule==6&& -->
  194. <view @click="getShFn('fxbmsh')" v-if="checkPermi(['system:application:sh'])">审核</view>
  195. <view @click="getIssureFn(13,'clhgb')">出具材料合规表</view>
  196. <!-- <view @click="getfjEdit('clhgb')">上传附件</view> -->
  197. <!-- <view @click="getfjEdit('clhgb')">上传材料合规表</view> -->
  198. <view v-if="checkPermi(['system:application:cx'])" @click="getCxFn">撤回</view>
  199. </block>
  200. <!-- 风险部门 end -->
  201. <!-- 上会管理员 start -->
  202. <block v-if="mtype=='shmore'">
  203. <view @click="getIssureFn(12,'psyjqpb')">出具评审意见签批表</view>
  204. <!-- <view @click="getIssureFn()">上会纪要</view> -->
  205. <view @click="getIssureFn(11,'gdhyjy')">出具股东会决议</view>
  206. <!-- <view @click="getfjEdit('psyjqpb')">上传评审意见签批表</view>
  207. <view @click="getfjEdit('gdhyjy')">上传上会纪要</view> -->
  208. </block>
  209. <!-- 上会管理员 end -->
  210. <!-- 合同签约 start -->
  211. <!-- 合同上传信息 -->
  212. <block v-if="mtype=='htsc'">
  213. <!-- <view @click="getfjEdit('wtdbht')">上传委托保证合同</view>
  214. <block v-if="datainfo.guaranteeType=='2'">
  215. <view @click="getfjEdit('bzfdbhtfr')">上传保证反担保合同(法人)</view>
  216. <view @click="getfjEdit('bzfdbhtzrr')">上传保证反担保合同(自然人)</view>
  217. </block>
  218. <block v-if="datainfo.guaranteeType=='1'">
  219. <view @click="getfjEdit('dyfdbhtfr')">上传抵押反担保合同(法人)</view>
  220. <view @click="getfjEdit('dyfdbhtzrr')">上传抵押反担保合同(自然人)</view>
  221. </block> -->
  222. <view @click="getQtfjEdit('qtfj')">其他附件</view>
  223. <!-- 其他附件 都给放 -->
  224. </block>
  225. <block v-if="mtype=='htqy'">
  226. <view @click="getIssureFn(2,'wtdbht')">委托保证合同</view>
  227. <block v-if="datainfo.guaranteeType=='2'">
  228. <view @click="getIssureFn(5,'bzfdbhtfr')">保证反担保合同(法人)</view>
  229. <view @click="getIssureFn(6,'bzfdbhtzrr')">保证反担保合同(自然人)</view>
  230. </block>
  231. <block v-if="datainfo.guaranteeType=='1'">
  232. <view @click="getIssureFn(7,'dyfdbhtfr')">抵押反担保合同(法人)</view>
  233. <view @click="getIssureFn(8,'dyfdbhtzrr')">抵押反担保合同(自然人)</view>
  234. <!-- <view @click="getIssureFn(9,'qlzqfdbhtfr')">权利质权反担保合同(适用于法人)</view>
  235. <view @click="getIssureFn(10,'qlzqfdbhtzrr')">权利质权反担保合同(适用于自然人)</view> -->
  236. </block>
  237. </block>
  238. <!-- 合同签约 end -->
  239. </view>
  240. <!-- <view class="surbtns" @click="getMoreSure">确认</view> -->
  241. </view>
  242. <pop-up :type="type" :shtg="shtg" :loanApplicationId="datainfo.loanApplicationId" :loanApplicationNumber="datainfo.loanApplicationNumber" :userList="userList"
  243. :stepList="stepList" :wjcjobj='wjcjobj' :qtfjobj="qtfjobj" :stepval="stepval" :fjval="fjval"
  244. @getfjAdd="getfjAdd"
  245. @getClose="getClose" @getupSubmit="getupSubmit" @getSure="getSure"></pop-up>
  246. </view>
  247. </template>
  248. <script>
  249. import config from '@/config'
  250. const baseUrl = config.baseUrl
  251. const baseName = config.baseName
  252. import self from '@/utils/location.js';
  253. import { getToken } from '@/utils/auth'
  254. import popUp from "@/work/components/popup/popup.vue"
  255. import aqyxx from "@/work/components/business/aqyxx.vue"
  256. import bfrxx from "@/work/components/business/bfrxx.vue"
  257. import cfdbrxx from "@/work/components/business/cfdbrxx.vue"
  258. import dfjxx from "@/work/components/business/dfjxx.vue"
  259. import ewjcj from "@/work/components/business/ewjcj.vue"
  260. import fshxx from "@/work/components/business/fshxx.vue"
  261. import {uploadmore,selectValue} from '@/utils/common.js'
  262. import {getInfo} from "@/api/login.js"
  263. import {getDictionaryFn} from "@/api/mine/register.js"
  264. import {getUsernoPageList,getFjAdd,getFjDel} from "@/api/common.js"
  265. import {getApplicationDet,getScheduleList,getHyperlinkList,getApplicationDel,getApplicationSh,getCommentsList,getApplicationSs,getApplicationCx,getapplicationGd,getapplicationXib,getExportMb} from "@/api/mine/work.js"
  266. import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
  267. export default{
  268. components:{aqyxx,bfrxx,cfdbrxx,dfjxx,ewjcj,fshxx,popUp},
  269. data(){
  270. return{
  271. start:require('@/work/static/images/start.png'),
  272. titimg:require('@/work/static/images/infotit.png'),
  273. speedimg:require('@/work/static/images/speed.png'),
  274. gdicoimg:require('@/work/static/images/gdico.png'),
  275. tabval:0,
  276. type:'',
  277. tabList:[{tit:"企业信息",val:0},{tit:"法人信息",val:1},{tit:"反担保人信息",val:2},{tit:"附件信息",val:3},{tit:"文件出具",val:4,limit:'system:system:user'},{tit:"审核信息",val:5,limit:'system:system:user'},],
  278. // tabLists:[{tit:"企业信息",val:0},{tit:"法人信息",val:1},{tit:"反担保人信息",val:2},{tit:"附件信息",val:3}],
  279. stepList:[],
  280. stepval:0,
  281. gdflag:false,
  282. auditSchedule:'',//审核进度
  283. mtype:'',
  284. minheight:0,
  285. listTop:0,//距离顶部的距离
  286. fixedflag:false,
  287. dblxlist:[],
  288. sdyhlist:[],
  289. qyinfo:{},//企业信息
  290. datainfo:{
  291. // "createBy": "",//
  292. // "createTime": null,//
  293. // "updateBy": "",//
  294. // "updateTime": null,//
  295. // "remark": null,//
  296. "loanApplicationId": '',//贷款申请id
  297. "loanApplicationNumber": "",//贷款申请编号
  298. "applicationAmount": '',//申请额度(万元)
  299. "applicationBank": "",//申请银行
  300. "usagePeriod": "",//使用期限(月)
  301. "purposeFunds": "",//资金用途
  302. "repaymentSource": "",//还款来源
  303. "enterpriseName": "",//企业名称
  304. 'sysUserEnterprise':{},//企业对象具体字段查看营业执照
  305. "categoryType": "",//行业类型
  306. "isMake": "N",//是否是制造业
  307. "isNew": "N",//是否是精特新
  308. "isSmall": "N",//是否是小微企业
  309. "isDuty": "N",//是否是免税企业
  310. "companyIntroduction": "",//公司简介
  311. "customerType": "",//用户类型
  312. "corporationFront": "",//法人身份证正面
  313. "corporationBack": "",//法人身份证反面
  314. "corporationName": "",// 法人姓名
  315. "corporationIdCard": "",//法人身份证号
  316. "corporationPhone": "",// 法人手机号
  317. "familyPopulation": "",//家庭人口数
  318. "corporationJob": "",//法人职业
  319. "isLoan": "",//有无贷款
  320. "receivablePay": "",//应收应付款
  321. "businessSituation": "",//经营情况
  322. "businessEfficiency": "",//经营效益
  323. "corporationMaritalStatus": "",//法人婚姻状态
  324. "spouseFront": "",//配偶身份证正面
  325. "spouseBack": "",//配偶身份证反面
  326. "spouseName": "",//配偶姓名
  327. "spouseIdCard": "",//配偶身份证号
  328. "spousePhone": "",//配偶手机号
  329. "guaranteeType": "",//担保类型
  330. "guaranteeFront": "",//反担保人身份证正面
  331. "guaranteeBack": "",//反担保人身份证反面
  332. "guaranteeName": "",//反担保人姓名
  333. "guaranteeIdCard": "",//反担保人身份证号
  334. "guaranteePhone": "",//反担保人手机号
  335. // "guaranteeMaritalStatus": "",//反担保人婚姻状态
  336. // "guaranteeSpouseFront": "",//反担保人配偶身份证正面
  337. // "guaranteeSpouseBack": "",//反担保人配偶身份证反面
  338. // "guaranteeSpouseName": "",//反担保人配偶姓名
  339. // "guaranteeSpouseIdCard": "",//反担保人配偶身份证号
  340. // "guaranteeSpousePhone": "",//反担保人配偶手机号
  341. // "userId": '',//申请人用户ID
  342. // "idCard": "",//申请人身份证号码
  343. // "applicationTime": "",//申请时间
  344. "fileTime": "",//归档时间
  345. "loanSchedule": "",//贷款申请进度(业务进度表查询进度列表):1:申报提交2:业务审核/分配 3:担保初审 4:尽职调查 5:初审风险合规 6:评审会 7:合同签约 8:放款合规风险审核 9:放款通知 10:归档
  346. "loanScheduleName": '',//贷款申请进度名称(中文字)
  347. "auditSchedule": "",//审核进度1:担保初审 2:A角色审核 3:B角色审核 4:风险审核 5:尽职调查 6:上会评审
  348. "auditType": "",//审核状态 1:待审核 2:已通过 3:未通过 4:申诉
  349. "loanApplicationType": "",//贷款申请状态 1:暂存 2:正常 3:回收站 4:归档
  350. "aUserId": "",//A角色用户ID
  351. "aUserName": "",//A角色用户名称
  352. "bUserId": "",//B角色用户ID
  353. "bUserName": "",//B角色用户名称
  354. "shareholderFjList": [],//全体股东信息附件
  355. "loanApplicationFjList": [],//相关附件
  356. "basicFj": {},//基础附件
  357. "declareFj": {},//申报附件
  358. "fileFj": {},//文件出具
  359. "otherFj": {},//其他附件 key值是type类型 value值具体字段查看相关附件新增
  360. },
  361. gdlists:[],//股东信息
  362. basicFj:{},//基础附件
  363. yhlxlist:[],//用户类型
  364. hyztlist:[],//婚姻状态
  365. sbfjlist:[],//申报附件
  366. wjcjlist:[],//文件出具
  367. linkList:[],//外部链接
  368. userList:[],//用户列表
  369. shjdlist:[],//审核进度
  370. shlist:[],//审核信息
  371. shinfo:{},//审核信息
  372. wjcjobj:{},//文件出具对象
  373. qtfjobj:{'qtfj':"其他附件"},//其他附件
  374. qtfjlist:[],//其他附件
  375. fjval:'',//附件类型
  376. userId:this.$store.state.user.userId,
  377. iscjflag:false,
  378. contype:'',//二次确认弹窗
  379. mval:-1,
  380. mite:"",
  381. shtg:'',
  382. textType:[
  383. {tit:'文字',val:'w',children:['doc','docx','wps']},
  384. {tit:'表格',val:'s',children:['xls','xlsx']},
  385. {tit:'演示',val:'p',children:['ppt','pptx']},
  386. {tit:'PDF',val:'f',children:['pdf','ofd']},
  387. {tit:'智能文档',val:'o',children:['otl']},
  388. {tit:'多维表格',val:'d',children:['dbt']},
  389. ],
  390. isqiye:true
  391. }
  392. },
  393. onUnload() {
  394. uni.$off('refreshywlist')
  395. },
  396. onLoad(e) {
  397. this.id=e.id;
  398. uni.$on('refreshywlist',(e) => {
  399. this.getDetail();
  400. })
  401. this.init()
  402. this.getDetail();
  403. if(checkPermi(['system:schedule:list'])){
  404. this.getScheduleList();;//贷款进度
  405. }
  406. if(checkPermi(['system:hyperlink:list'])){
  407. this.getHyperlinkList();//外部链接stepval==5
  408. }
  409. if(checkPermi(['system:user:noPageList'])){
  410. this.getUsernoPageList();//获取用户列表stepval==2||stepval==6
  411. }
  412. if(checkPermi(['system:system:user']&&checkPermi(['system:application:schedule']))){
  413. this.getCommentsList()//审核意见
  414. }
  415. // this.getInfolis()
  416. },
  417. mounted() {
  418. var that=this;
  419. uni.getSystemInfo({
  420. success: (e) => {
  421. this.minheight = e.screenHeight- 50;
  422. }
  423. })
  424. setTimeout(function(){
  425. that.getHeightFn()
  426. },200)
  427. },
  428. onPageScroll(e) {
  429. var scrollTop = Number(e.scrollTop);
  430. var listTop=Number(this.listTop)
  431. if(scrollTop>listTop){
  432. this.fixedflag=true
  433. }else{
  434. this.fixedflag=false
  435. }
  436. },
  437. methods:{
  438. // getInfolis() {
  439. // getInfo().then(res=>{
  440. // if(res.code==200){
  441. // if(res.roles != null && res.roles[0] == 'qy_user'){
  442. // this.isqiye = true
  443. // }else{
  444. // this.isqiye = false;
  445. // this.getCommentsList()
  446. // }
  447. // }
  448. // })
  449. // },
  450. checkPermi, checkRole,
  451. kaType(ite,list){
  452. return selectValue(list, ite);
  453. },
  454. getedit(){
  455. var obj={
  456. type:'edit',
  457. id:this.id,
  458. val:this.tabval
  459. }
  460. this.$tab.navigateTo('/work/pages/business/add?data='+encodeURIComponent(JSON.stringify(obj)))
  461. },
  462. // 删除
  463. getDelwjFj(id){
  464. var that=this;
  465. uni.showModal({
  466. title: '确认删除',
  467. content: "是否确认删除",
  468. cancelText: '取消',
  469. confirmText: '确认',
  470. success: function(res) {
  471. if (res.confirm) {
  472. getFjDel(id).then(res=>{
  473. if(res.code==200){
  474. that.$toast("删除成功")
  475. setTimeout(function(){
  476. that.getDetail()
  477. },1200)
  478. }
  479. })
  480. } else if (res.cancel) {
  481. }
  482. }
  483. });
  484. },
  485. // 出具附件
  486. // getfjEdit(ite){
  487. // var type=0;
  488. // if(ite=='dbyxh'){
  489. // type=3
  490. // }else if(ite=='fkhgb'){
  491. // type=14
  492. // }else if(ite=='fktzs'){
  493. // type=4
  494. // }else if(ite=='clhgb'){
  495. // type=13
  496. // }else if(ite=='psyjqpb'){
  497. // type=12
  498. // }else if(ite=='gdhyjy'){
  499. // type=11
  500. // }else if(ite=='wtdbht'){
  501. // type=2
  502. // }else if(ite=='bzfdbhtfr'){
  503. // type=5
  504. // }else if(ite=='bzfdbhtzrr'){
  505. // type=6
  506. // }else if(ite=='dyfdbhtfr'){
  507. // type=7
  508. // }else if(ite=='dyfdbhtzrr'){
  509. // type=8
  510. // }else if(ite=='qlzqfdbhtfr'){
  511. // type=9
  512. // }else if(ite=='qlzqfdbhtzrr'){
  513. // type=10
  514. // }
  515. // if(type){
  516. // this.getIssureFn(type,ite)
  517. // }
  518. // },
  519. // 上传附件
  520. getfjEdit(ite){
  521. this.type='fjadd';
  522. this.mtype='';
  523. this.fjval=ite
  524. },
  525. getQtfjEdit(val){
  526. this.type='qtfjadd';
  527. this.mtype='';
  528. this.fjval=val
  529. },
  530. // 业务进度
  531. getScheduleList(){
  532. var params={
  533. loanApplicationId:this.id
  534. }
  535. getScheduleList(params).then(res=>{
  536. if(res.code==200){
  537. this.stepList=res.data
  538. }
  539. })
  540. },
  541. getWebUel(url){
  542. // this.mval=idx;
  543. // this.mite=ite
  544. this.mtype='';
  545. this.$tab.navigateTo("/pages/common/webview/index?url="+url)
  546. },
  547. getMoreSure(){
  548. var mttype=this.mtype;
  549. var mite=this.mite;
  550. if(mttype=='wb'){
  551. this.mtype='';
  552. this.$tab.navigateTo("/pages/common/webview/index?url="+mite.url)
  553. }
  554. },
  555. // 外部链接
  556. getHyperlinkList(){
  557. var params={
  558. type:1
  559. }
  560. getHyperlinkList(params).then(res=>{
  561. if(res.code==200){
  562. this.linkList=res.rows
  563. }
  564. })
  565. },
  566. // 用户-列表
  567. //用户类型(00系统用户 01注册用户 02管理用户
  568. getUsernoPageList(){
  569. var params={
  570. userType:'02'
  571. }
  572. getUsernoPageList(params).then(res=>{
  573. if(res.code==200){
  574. this.userList=res.rows
  575. }
  576. })
  577. },
  578. getCommentsList(){
  579. var params={
  580. loanApplicationId:this.id,
  581. }
  582. getCommentsList(params).then(res=>{
  583. if(res.code==200){
  584. var newArr=res.rows;
  585. newArr.forEach(ite=>{
  586. if(ite.imageUrl){
  587. ite.imageUrl=ite.imageUrl.split(',')
  588. }
  589. })
  590. this.shlist=newArr
  591. // this.shlist = res.rows.map(v => {
  592. // return {
  593. // auditType: v.auditType,
  594. // auditView: v.auditView,
  595. // fjUrl:v.fjUrl,
  596. // imageUrl:v.imageUrl.split(',')||v.imageUrl
  597. // }
  598. // })
  599. // this.shlist=res.rows
  600. }
  601. })
  602. },
  603. init(){
  604. // 用户类型
  605. getDictionaryFn('customer_type').then(res=>{
  606. if(res.code==200){
  607. this.yhlxlist = res.data.map(v => {
  608. return {
  609. label: v.dictLabel,
  610. value: v.dictValue
  611. }
  612. })
  613. }
  614. })
  615. // 婚姻状况
  616. getDictionaryFn('marital_status').then(res=>{
  617. if(res.code==200){
  618. this.hyztlist = res.data.map(v => {
  619. return {
  620. label: v.dictLabel,
  621. value: v.dictValue
  622. }
  623. })
  624. }
  625. })
  626. // 申贷银行
  627. getDictionaryFn('shendai_bank').then(res=>{
  628. if(res.code==200){
  629. this.sdyhlist = res.data.map(v => {
  630. return {
  631. label: v.dictLabel,
  632. value: v.dictValue
  633. }
  634. })
  635. }
  636. })
  637. //担保类型
  638. getDictionaryFn('guarantee_type').then(res=>{
  639. if(res.code==200){
  640. this.dblxlist = res.data.map(v => {
  641. return {
  642. label: v.dictLabel,
  643. value: v.dictValue
  644. }
  645. })
  646. }
  647. })
  648. // 附件信息
  649. getDictionaryFn('application_fj_sb').then(res=>{
  650. if(res.code==200){
  651. this.sbfjlist = res.data.map(v => {
  652. return {
  653. label: v.dictLabel,
  654. val: v.dictValue,
  655. fjlist:[]
  656. }
  657. })
  658. }
  659. })
  660. // // 文件出具
  661. getDictionaryFn('application_fj_wjcj').then(res=>{
  662. if(res.code==200){
  663. var obj={}
  664. this.wjcjlist = res.data.map(v => {
  665. // var key=v.dictValue
  666. obj[v.dictValue]=v.dictLabel
  667. return {
  668. label: v.dictLabel,
  669. val: v.dictValue,
  670. fjlist:[]
  671. }
  672. })
  673. this.wjcjobj=obj
  674. }
  675. })
  676. // 其他附件
  677. // getDictionaryFn('application_fj_other').then(res=>{
  678. // if(res.code==200){
  679. // var obj={}
  680. // this.qtfjlist = res.data.map(v => {
  681. // // var key=v.dictValue
  682. // obj[v.dictValue]=v.dictLabel
  683. // return {
  684. // label: v.dictLabel,
  685. // val: v.dictValue,
  686. // fjlist:[]
  687. // }
  688. // })
  689. // this.qtfjobj=obj
  690. // console.log(obj,1)
  691. // }
  692. // })
  693. //审核进度
  694. getDictionaryFn('audit_schedule').then(res=>{
  695. if(res.code==200){
  696. this.shjdlist = res.data.map(v => {
  697. return {
  698. label: v.dictLabel,
  699. value: v.dictValue,
  700. }
  701. })
  702. }
  703. })
  704. },
  705. getTab(val){
  706. this.tabval=val;
  707. uni.pageScrollTo({
  708. scrollTop: Number(this.listTop),
  709. duration: 0
  710. })
  711. if(val==5){
  712. this.getCommentsList()
  713. }else if(val==4&&this.iscjflag){
  714. this.iscjflag=false;
  715. this.getDetail();
  716. }
  717. },
  718. // 出具
  719. getIssureFn(type,fileType){
  720. var that=this;
  721. that.iscjflag=true;
  722. var params={
  723. type:type,
  724. loanApplicationId:this.id,
  725. fileType:fileType,
  726. bigType:'c',
  727. }
  728. getExportMb(params).then(res=>{
  729. if(res.code==200){
  730. var data=res.data;
  731. var path=data.path;
  732. var name=data.fileName;
  733. var fileName = name.replace(/.*(\/|\\)/, ""); // 获得文件名
  734. var fileSuffix = (/[.]/.exec(fileName)) ? /[^.]+$/.exec(fileName.toLowerCase()) : ''; // 获得文件后缀
  735. var texthz=fileSuffix[0];
  736. var type=''
  737. // 在线编辑
  738. // 获取后缀
  739. var textType=that.textType;
  740. Object.keys(textType).some((key) => {
  741. if (textType[key].children.indexOf(texthz)!=-1) {
  742. type=`${textType[key].val}`
  743. return true;
  744. }
  745. })
  746. data.type=type
  747. that.$tab.navigateTo('/pages/common/webview/weboffice?data='+encodeURIComponent(JSON.stringify(data)))
  748. }
  749. })
  750. },
  751. getDownloader(path,name){
  752. console.log(path,name)
  753. // #ifdef APP-PLUS
  754. self.getFilePermissions(function(res){
  755. if(res==1){
  756. uni.showLoading({
  757. title: '加载中'
  758. });
  759. var url = baseUrl + path;
  760. let dtask = plus.downloader.createDownload(url, {
  761. filename: 'file://storage/emulated/0/'+baseName+'/' + name
  762. }, (d, status) => {
  763. //d为下载的文件对象
  764. if (status == 200) {
  765. uni.hideLoading();
  766. uni.showToast({
  767. icon: 'none',
  768. mask: true,
  769. title: '已保存到文件夹:/'+baseName+'/'+ name, //保存路径
  770. duration: 3000,
  771. });
  772. //下载成功,d.filename是文件在保存在本地的相对路径,使用下面的API可转为平台绝对路径
  773. let fileSaveUrl = plus.io.convertLocalFileSystemURL(d.filename);
  774. setTimeout(() => {
  775. plus.runtime.openFile(d.filename); //选择软件打开文件
  776. }, 1500)
  777. } else {
  778. //下载失败
  779. uni.hideLoading();
  780. plus.downloader.clear(); //清除下载任务
  781. uni.showToast({
  782. icon: 'none',
  783. mask: true,
  784. title: '下载失败,请稍后重试',
  785. });
  786. }
  787. })
  788. dtask.start();
  789. }else{
  790. uni.hideLoading();
  791. uni.showToast({
  792. title: '无法获取权限,文件下载将出错!',
  793. icon: 'none',
  794. })
  795. }
  796. })
  797. // #endif
  798. },
  799. getClose(){
  800. this.type='';
  801. this.mtype='';
  802. },
  803. getupSubmit(data){
  804. this.shinfo=JSON.parse(JSON.stringify(data))
  805. var type=this.type;
  806. if(type=='ajssh'||type=='bjssh'){
  807. this.contype=this.type
  808. this.type='confirm'
  809. this.shtg=data.auditType
  810. }else{
  811. this.getApplicationSh()
  812. }
  813. },
  814. getSure(){
  815. this.getApplicationSh()
  816. },
  817. getfjAdd(data){
  818. var that=this;
  819. var params=JSON.parse(JSON.stringify(data));
  820. var fjUrl=params.fjUrl
  821. // params.loanApplicationId=this.id;
  822. // params.loanApplicationNumber=this.datainfo.loanApplicationNumber;
  823. // params.auditSchedule=this.auditSchedule;
  824. getFjAdd(fjUrl).then(res=>{
  825. if(res.code==200){
  826. that.$toast('上传附件成功')
  827. setTimeout(function(){
  828. that.getDetail();
  829. uni.$emit('refreshdatalist')
  830. that.type=''
  831. },1200)
  832. }
  833. })
  834. },
  835. getApplicationSh(){
  836. var that=this;
  837. var params=this.shinfo;
  838. params.loanApplicationId=this.id;
  839. params.loanApplicationNumber=this.datainfo.loanApplicationNumber;
  840. params.auditSchedule=this.auditSchedule;
  841. getApplicationSh(params).then(res=>{
  842. if(res.code==200){
  843. that.$toast('审核成功')
  844. setTimeout(function(){
  845. that.getDetail();
  846. uni.$emit('refreshdatalist')
  847. that.type=''
  848. },1200)
  849. }
  850. })
  851. },
  852. getShFn(type){
  853. this.type=type;
  854. this.mtype='';
  855. },
  856. getSsFn(){
  857. var that=this;
  858. uni.showModal({
  859. title: '确认申诉',
  860. content: "是否确认申诉",
  861. cancelText: '取消',
  862. confirmText: '确认',
  863. success: function(res) {
  864. if (res.confirm) {
  865. var params={
  866. loanApplicationId:that.id,
  867. aUserId:that.datainfo.aUserId
  868. }
  869. getApplicationSs(params).then(res=>{
  870. if(res.code==200){
  871. that.$toast("申诉成功")
  872. setTimeout(function(){
  873. that.getDetail();
  874. uni.$emit('refreshdatalist')
  875. // uni.navigateBack({
  876. // delta:1
  877. // })
  878. },1200)
  879. }
  880. })
  881. } else if (res.cancel) {
  882. }
  883. }
  884. });
  885. },
  886. getCxFn(){
  887. var that=this;
  888. uni.showModal({
  889. title: '确认撤销',
  890. content: "是否确认撤销",
  891. cancelText: '取消',
  892. confirmText: '确认',
  893. success: function(res) {
  894. if (res.confirm) {
  895. that.mtype=''
  896. var params={
  897. loanApplicationId:that.id,
  898. auditSchedule:that.auditSchedule,
  899. loanSchedule:that.datainfo.loanSchedule,
  900. loanApplicationType:that.datainfo.loanApplicationType,
  901. auditType:that.datainfo.auditType
  902. }
  903. getApplicationCx(params).then(res=>{
  904. if(res.code==200){
  905. that.$toast("撤销成功")
  906. setTimeout(function(){
  907. uni.$emit('refreshywlist')
  908. // uni.navigateBack({
  909. // delta:1
  910. // })
  911. },1200)
  912. }
  913. })
  914. } else if (res.cancel) {
  915. }
  916. }
  917. });
  918. },
  919. getXybFn(){
  920. var that=this;
  921. uni.showModal({
  922. title: '确认推进',
  923. content: "是否确认推进",
  924. cancelText: '取消',
  925. confirmText: '确认',
  926. success: function(res) {
  927. if (res.confirm) {
  928. var params={
  929. loanApplicationId:that.id,
  930. // auditSchedule:that.auditSchedule,
  931. loanSchedule:that.datainfo.loanSchedule,
  932. // loanApplicationType:that.datainfo.loanApplicationType
  933. }
  934. getapplicationXib(params).then(res=>{
  935. if(res.code==200){
  936. that.$toast("推进成功")
  937. setTimeout(function(){
  938. uni.$emit('refreshywlist')
  939. },1200)
  940. }
  941. })
  942. } else if (res.cancel) {
  943. }
  944. }
  945. });
  946. },
  947. getGdFn(){
  948. var that=this;
  949. uni.showModal({
  950. title: '确认归档',
  951. content: "是否确认归档",
  952. cancelText: '取消',
  953. confirmText: '确认',
  954. success: function(res) {
  955. if (res.confirm) {
  956. var params={
  957. loanApplicationId:that.id,
  958. auditSchedule:that.auditSchedule,
  959. loanSchedule:that.datainfo.loanSchedule,
  960. loanApplicationType:that.datainfo.loanApplicationType,
  961. loanApplicationNumber:that.datainfo.loanApplicationNumber,
  962. auditType:that.datainfo.auditType
  963. }
  964. getapplicationGd(params).then(res=>{
  965. if(res.code==200){
  966. that.$toast("归档成功")
  967. setTimeout(function(){
  968. uni.$emit('refreshywlist')
  969. // uni.navigateBack({
  970. // delta:1
  971. // })
  972. },1200)
  973. }
  974. })
  975. } else if (res.cancel) {
  976. }
  977. }
  978. });
  979. },
  980. getMoreFn(type){
  981. this.mtype=type;
  982. this.mval=-1;
  983. this.mtit=''
  984. },
  985. getSpeedFn(){
  986. if(this.type){
  987. this.type=''
  988. }else{
  989. this.type='ywjd'
  990. }
  991. },
  992. getQmFn(url){
  993. this.$tab.navigateTo("/work/pages/business/sign?url="+encodeURIComponent(JSON.stringify(url)))
  994. },
  995. getDel(){
  996. var that=this;
  997. uni.showModal({
  998. title: '确认删除',
  999. content: "是否确认删除",
  1000. cancelText: '取消',
  1001. confirmText: '确认',
  1002. success: function(res) {
  1003. if (res.confirm) {
  1004. getApplicationDel(that.id).then(res=>{
  1005. if(res.code==200){
  1006. that.$toast("删除成功")
  1007. setTimeout(function(){
  1008. uni.$emit('refreshdatalist')
  1009. uni.navigateBack({
  1010. delta:1
  1011. })
  1012. },1200)
  1013. }
  1014. })
  1015. } else if (res.cancel) {
  1016. }
  1017. }
  1018. });
  1019. },
  1020. getDetail(){
  1021. getApplicationDet(this.id).then(res=>{
  1022. if(res.code==200){
  1023. this.datainfo=res.data;
  1024. this.auditSchedule=res.data.auditSchedule
  1025. if(res.data.sysUserEnterprise){
  1026. this.qyinfo=res.data.sysUserEnterprise
  1027. }
  1028. if(res.data.basicFj){
  1029. // 数据处理
  1030. var basicFj=res.data.basicFj;
  1031. Object.keys(basicFj).some((key) => {
  1032. // 公司章程,企业征信,企业法人,实际控股人,配偶征信,个人征信
  1033. if(key=='gszc'||key=='sqqyzxbg'||key=='glqyzxbg'||key=='qyfrzxbg'||key=='sjkgrzxbg'||key=='sjkgrpozxbg'||key=='fdbrgrzxbg'){
  1034. basicFj[key]=basicFj[key].filter((ite) => {
  1035. return ite.remark==1||this.getFilterFj(ite.url);
  1036. })
  1037. }
  1038. })
  1039. this.basicFj=basicFj;
  1040. }
  1041. this.stepval=res.data.loanSchedule||0;
  1042. // var auditSchedule=res.data.auditSchedule
  1043. // if(checkPermi(['system:hyperlink:list'])&&auditSchedule==6){
  1044. // this.getHyperlinkList();//外部链接stepval==5
  1045. // }else if(auditSchedule==1||auditSchedule==7){
  1046. // if(checkPermi(['system:user:noPageList'])){
  1047. // this.getUsernoPageList();//获取用户列表stepval==2||stepval==6
  1048. // }
  1049. // }
  1050. }
  1051. })
  1052. },
  1053. // 数据处理
  1054. getFilterFj(url){
  1055. let index1 = url.lastIndexOf("."); // 得到一个索引值
  1056. let index2 = url.length;
  1057. let type = url.substring(index1, index2);
  1058. if ((type.indexOf('jpg') >-1 || type.indexOf('jpeg') > -1 || type.indexOf('png') > -1)) {
  1059. return false
  1060. }else{
  1061. return true
  1062. }
  1063. },
  1064. getHeightFn(){
  1065. let query = uni.createSelectorQuery().in(this);
  1066. //需要给黄色区域设置一个id标识,在这里是demo
  1067. query.select('.zxtop').boundingClientRect(data => {
  1068. this.listTop = data.height//赋值,待会要用
  1069. }).exec();
  1070. },
  1071. getPreview(url) {
  1072. var newArr=[];
  1073. newArr.push(url)
  1074. uni.previewImage({
  1075. urls: newArr,
  1076. current:0,
  1077. success: function(data) {
  1078. },
  1079. fail: function(err) {
  1080. }
  1081. });
  1082. },
  1083. onuploadEnd(item) {
  1084. var newobj={}
  1085. var responseText=JSON.parse(item.responseText)
  1086. newobj.name=responseText.originalFilename;
  1087. newobj.url=responseText.fileName;
  1088. this.filelist.push(newobj)
  1089. // this.datainfo.zsyzFjList=JSON.parse(JSON.stringify(this.filelist))
  1090. },
  1091. getXzFn(ite){
  1092. this.getDownloader(ite.url,ite.name)
  1093. },
  1094. getDown(e){
  1095. uni.showLoading({
  1096. title: '加载中'
  1097. });
  1098. var url=baseUrl+e;
  1099. let index1 = e.lastIndexOf("."); // 得到一个索引值
  1100. let index2 = e.length;
  1101. let type = e.substring(index1, index2);
  1102. if ((type.indexOf('jpg') > -1 || type.indexOf('jpeg') > -1 || type.indexOf('png') > -1)) {
  1103. uni.previewImage({
  1104. current: 0,
  1105. urls: [url],
  1106. // background: '#ffffff'
  1107. });
  1108. uni.hideLoading();
  1109. } else {
  1110. uni.downloadFile({
  1111. url: url,//文件的下载路径
  1112. success(result) {
  1113. uni.hideLoading()
  1114. var filePath = result.tempFilePath;
  1115. uni.openDocument({
  1116. filePath: filePath,
  1117. showMenu: true,
  1118. success: function (res) {
  1119. // console.log('打开文档成功');
  1120. }
  1121. });
  1122. },
  1123. fail(res) {uni.hideLoading()}
  1124. })
  1125. }
  1126. },
  1127. }
  1128. }
  1129. </script>
  1130. <style lang="scss" scoped>
  1131. .failtit{background: #FFECEC;font-weight: 500;font-size: 26rpx;color: #FF6969;text-align: center;line-height: 36rpx;padding: 22rpx;}
  1132. .zxtop{padding-bottom: 2rpx;}
  1133. .detop{background: #FFFFFF;padding:0rpx 24rpx;margin-bottom: 28rpx;flex: 0 0 auto;
  1134. position: relative;
  1135. .head{
  1136. padding: 40rpx 2rpx;border-bottom: 2rpx solid #E6E6E6;
  1137. .top{display: flex;align-items: center;overflow: hidden;
  1138. .toptit{font-weight: bold;font-size: 40rpx;color: #222327;}
  1139. .statbox{min-width: 140rpx;height: 36rpx;background-color: rgba(255,177,50,0.3);padding: 0 14rpx;box-sizing: border-box;font-weight: bold;font-size: 22rpx;color: #FF6924;display: flex;align-items: center;flex: 0 0 auto;border-radius: 10rpx;margin-left: 34rpx;
  1140. image{width: 22rpx;height: 22rpx;margin-left: 6rpx;}
  1141. }
  1142. }
  1143. .adr{font-weight: 500;font-size: 26rpx;color: #666666;margin-top: 12rpx;}
  1144. }
  1145. .deta{display: flex;flex-wrap: wrap;padding: 16rpx 0 28rpx;
  1146. .lists{padding:20rpx 0;width: 33.3%;display: flex;flex-direction: column;align-items: center;position: relative;
  1147. &::after{width: 2rpx;height: 60rpx;background: #E6E6E6;content: '';position: absolute;right: 0;top: 50%;margin-top: -30rpx;}
  1148. &:nth-of-type(3n){
  1149. &::after{display: none;}
  1150. }
  1151. .tit{font-weight: 500;font-size: 26rpx;color: #AAAAAA;margin-bottom: 38rpx;}
  1152. .txt{font-weight: bold;font-size: 30rpx;color: #222327;
  1153. text{font-size: 26rpx;color: #666666;font-weight: normal;}
  1154. }
  1155. }
  1156. }
  1157. }
  1158. .details{
  1159. // display: flex;flex-direction: column;height: 100vh;overflow: hidden;
  1160. }
  1161. .main{background-color: #FFFFFF;flex: 1;display: flex;flex-direction: column;overflow: hidden;
  1162. .tabs{padding: 0 6rpx 0 36rpx;display: flex;flex-wrap: nowrap;overflow: auto;flex: 0 0 auto;
  1163. &.tabfix{position: fixed;left: 0;right: 0;z-index: 2;top: 0;background-color: #ffffff;border-bottom: 2rpx solid #E6E6E6;}
  1164. .tab{font-weight: 500;font-size: 26rpx;color: #666666;height: 116rpx;display: flex;align-items: center;margin-right: 26rpx;flex: 0 0 auto;position: relative;
  1165. &.act{color: #00A9F0;font-weight: bold;
  1166. &::after{width: 100%;background: #00A9F0;position: absolute;left: 0;bottom: 0;
  1167. border-radius: 2rpx;height: 4rpx;content: '';}
  1168. }
  1169. }
  1170. }
  1171. .mainb{flex: 1;overflow: auto;}
  1172. }
  1173. .speed{width: 96rpx;height: 140rpx;background: #FFFFFF;box-shadow: 0px 0px 14rpx 0px rgba(184,184,184,0.76);border-radius: 20rpx;
  1174. display: flex;align-items: center;flex-direction: column;justify-content: center;
  1175. position: absolute;right: 28rpx;top: 86rpx;z-index: 2;padding: 0 6rpx;
  1176. image{width: 26rpx;height: 28rpx;margin-bottom: 8rpx;}
  1177. view{font-weight: 500;font-size: 22rpx;color: #666666;}
  1178. }
  1179. .gdimg{width: 110rpx;height: 86rpx;position: absolute;right: 40rpx;top: 130rpx;}
  1180. //
  1181. .footbtns{width: 100%;height: 100rpx;position: fixed;left: 0;right: 0;bottom: 0;display: flex;
  1182. .fbtns{flex: 1;height: 100rpx;font-weight: bold;font-size: 30rpx;display: flex;align-items: center;justify-content: center;border-top: 2rpx solid #E6E6E6;box-sizing: border-box;
  1183. &.bga{background: $com-cd3;color: #FFFFFF;}
  1184. &.bgb{background: #FFFFFF;;color: $com-cd3;}
  1185. &.bgc{background: #DF0303;;color: #FFFFFF;}
  1186. }
  1187. }
  1188. .morebox{
  1189. position: fixed;left: 0;right: 0;bottom: 0;z-index: 10;
  1190. .molists{
  1191. view{width: 100%;background: #ffffff;font-weight: 500;font-size: 30rpx;color: #222327;border-bottom: 2rpx solid #E6E6E6;min-height: 100rpx;display: flex;align-items: center;justify-content: center;padding: 10rpx;
  1192. box-sizing: border-box;
  1193. &.mcoa{color: #00A9F0;}
  1194. }
  1195. }
  1196. .surbtns{
  1197. width: 100%;height: 100rpx;background: #00A9F0;display: flex;align-items: center;justify-content: center;
  1198. font-size: 30rpx;color: #ffffff;margin-top: 24rpx;
  1199. }
  1200. }
  1201. </style>