list.vue 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496
  1. <template>
  2. <view>
  3. <view v-if="datalist.length>0">
  4. <!-- 申报业务 v-if="listtype=='case'"-->
  5. <block v-if="type=='work'||type=='vote'">
  6. <view class="lists" v-for="(ite,idx) in datalist" @click="getDetail(ite.loanApplicationId)">
  7. <view class="listtop">
  8. <view class="toptit over">{{ite.enterpriseName}}</view>
  9. <view class="statbox" v-if="ite.isNew=='Y'">专精特新<image :src="start"></image></view>
  10. </view>
  11. <view class="listsm">
  12. <!-- 投票结果 1:投票中 2:投票完成,3:重新投票,4:待投票-->
  13. <block v-if="type=='vote'">
  14. <image v-if="ite.votingResult==1" :src="voteb" class="votea"></image>
  15. <image v-if="ite.votingResult==2" :src="votec" class="votea"></image>
  16. <image v-if="ite.votingResult==3" :src="voted" class="votea"></image>
  17. <image v-if="ite.votingResult==4" :src="votea" class="votea"></image>
  18. </block>
  19. <view class="txt"><text class="tit">贷款编号</text><text class="line">|</text><text>{{ite.loanApplicationNumber}}</text></view>
  20. <view class="txt" v-if="ite.loanApplicationType!=1&&ite.loanApplicationType!=4"><text class="tit">审核状态</text><text class="line">|</text><text class="co28">{{kaType(ite.auditSchedule,shjdlist)}}
  21. </text></view>
  22. <view class="txt"><text class="tit">申报时间</text><text class="line">|</text><text>{{ite.applicationTime}}</text></view>
  23. <view class="txt" v-if="type=='vote'"><text class="tit">上会时间</text><text class="line">|</text><text>{{ite.reviewTime}}</text></view>
  24. <view class="txt" v-else><text class="tit">归档时间</text><text class="line">|</text><text>{{ite.fileTime}}</text></view>
  25. <view class="flexcw">
  26. <view class="txt"><text class="tit">申请额度</text><text class="line">|</text><text>{{ite.applicationAmount}}万元</text></view>
  27. <view class="txt"><text class="tit">使用期限</text><text class="line">|</text><text>{{ite.usagePeriod}}月</text></view>
  28. <view class="txt"><text class="tit">申贷银行</text><text class="line">|</text><text>{{kaType(ite.applicationBank,sdyhlist)}}</text></view>
  29. <view class="txt"><text class="tit">担保类型</text><text class="line">|</text><text>{{statusFormats(ite.guaranteeType,dblxlist)}}</text></view>
  30. <view class="txt"><text class="tit">资金用途</text><text class="line">|</text><text>{{ite.purposeFunds}}</text></view>
  31. <view class="txt"><text class="tit">还款来源</text><text class="line">|</text><text>{{ite.repaymentSource}}</text></view>
  32. </view>
  33. </view>
  34. </view>
  35. </block>
  36. <!-- 客户 -->
  37. <block v-if="type=='custom'">
  38. <view class="lists" v-for="(ite,idx) in datalist" @click="getDetail(ite.userId)">
  39. <view class="listtop">
  40. <view class="head">{{ite.realName.substring(0,1)}}</view>
  41. <view class="flex1">
  42. <view class="headt">{{ite.realName}}</view>
  43. <view class="headx">资料更新时间 | {{ite.updateTime||ite.createTime}}</view>
  44. </view>
  45. </view>
  46. <view class="listsm">
  47. <view class="txt"><text class="tit">身份证号</text><text class="line">|</text><text>{{ite.idCard}}</text>
  48. <view class="copyimg">
  49. <image :src="copy" ></image>
  50. </view>
  51. </view>
  52. <view class="txt"><text class="tit">居住地址</text><text class="line">|</text><text>{{ite.address}}</text></view>
  53. <view class="txt"><text class="tit">手机号码</text><text class="line">|</text><text>{{ite.phonenumber}}</text></view>
  54. <view class="flexcw">
  55. <view class="txt"><text class="tit">关联企业</text><text class="line">|</text><text>{{ite.sysUserEnterpriseNum}}家</text></view>
  56. <view class="txt"><text class="tit">历史申贷记录</text><text class="line">|</text><text>{{ite.loanApplicationNum}}次</text></view>
  57. </view>
  58. </view>
  59. </view>
  60. </block>
  61. <!-- 企业 -->
  62. <block v-if="type=='qy'">
  63. <view class="lists qy" v-for="(ite,idx) in datalist" @click="getDetail" >
  64. <view class="listtop">
  65. <view class="flexc">
  66. <view class="toptit over f20">{{ite.enterpriseName}}</view>
  67. <!-- <view class="statbox">专精特新<image :src="start"></image></view> -->
  68. </view>
  69. <view class="adr f12">企业地址 | {{ite.enterpriseAddress}}</view>
  70. </view>
  71. <view class="listsm">
  72. <view class="txt"><text class="tit">统一社会信用代码:</text><text>{{ite.creditCode}}</text></view>
  73. <view class="txt"><text class="tit">企业类型:</text><text>{{ite.enterpriseType}}</text></view>
  74. <view class="flexcw">
  75. <view class="txt"><text class="tit">法人姓名:</text><text>{{ite.legalName}}</text></view>
  76. <view class="txt"><text class="tit">注册资金:</text><text>{{ite.registeredCapital}}</text></view>
  77. </view>
  78. <view class="txt"><text class="tit">成立日期:</text><text>{{ite.establishData}}</text></view>
  79. <view class="txt"><text class="tit">营业期限:</text><text>{{ite.businessTerm}}</text></view>
  80. </view>
  81. </view>
  82. </block>
  83. <block v-if="type=='qylist'">
  84. <view class="lists" v-for="(ite,idx) in datalist">
  85. <view class="listtop flexcj" >
  86. <view class="toptit over flex1">{{ite.enterpriseName}}</view>
  87. <view class="looktxt bga" v-if="checkPermi(['enterprise:enterprise:remove'])" @click="getDel(ite.enterpriseId)">删除</view>
  88. <view class="looktxt bgb" v-if="checkPermi(['enterprise:enterprise:edit'])" @click="getEdit(ite.enterpriseId)">修改</view>
  89. </view>
  90. <view class="listsm">
  91. <view class="txt"><text class="tit">统一社会信用代码:</text><text class="lh17">{{ite.creditCode}}</text></view>
  92. <view class="txt"><text class="tit">企业类型:</text><text>{{ite.enterpriseType}}</text></view>
  93. <view class="txt"><text class="tit">企业地址:</text><text>{{ite.enterpriseAddress}}</text></view>
  94. <view class="flexcw">
  95. <view class="txt"><text class="tit">法人姓名:</text><text>{{ite.legalName}}</text></view>
  96. <view class="txt"><text class="tit">注册资金:</text><text>{{ite.registeredCapital}}</text></view>
  97. </view>
  98. <view class="txt"><text class="tit">成立日期:</text><text>{{ite.establishData}}</text></view>
  99. <view class="txt"><text class="tit">营业期限:</text><text>{{ite.businessTerm}}</text></view>
  100. <view class="txt"><text class="tit">经营范围:</text><text :class="zlist.indexOf(ite.enterpriseId)!=-1?'':'overtwo'">{{ite.businessScope}}</text>
  101. <text class="co0a ml4 flex0" @click="getZhan(ite.enterpriseId)">{{zlist.indexOf(ite.enterpriseId)!=-1?'折叠':'展开'}}</text>
  102. </view>
  103. </view>
  104. </view>
  105. </block>
  106. <!-- 历史申贷记录 -->
  107. <block v-if="type=='sdjl'">
  108. <view class="lists sdjl" v-for="(ite,idx) in datalist" @click="getDetail(ite.loanApplicationId)" >
  109. <view class="listsm">
  110. <view class="txt"><text class="tit">申贷企业:</text><text>{{ite.enterpriseName}}</text>
  111. <view class="statbox" v-if="ite.isNew=='Y'">专精特新<image :src="start"></image></view>
  112. <text class="flex1"></text>
  113. <view class="look flexc">查看<image :src="rimg"></image></view>
  114. </view>
  115. <view class="txt"><text class="tit">贷款编号:</text><text>{{ite.loanApplicationNumber}}</text></view>
  116. <view class="txt"><text class="tit">申报时间:</text><text>{{ite.applicationTime}}</text></view>
  117. <view class="txt"><text class="tit">归档时间:</text><text>{{ite.fileTime}}</text></view>
  118. <view class="flexcw">
  119. <view class="txt"><text class="tit">申请额度:</text><text>{{ite.applicationAmount}}万元</text></view>
  120. <view class="txt"><text class="tit">使用期限:</text><text>{{ite.usagePeriod}}个月</text></view>
  121. </view>
  122. <view class="flexcw">
  123. <view class="txt"><text class="tit">申贷银行:</text><text>{{kaType(ite.applicationBank,sdyhlist)}}</text></view>
  124. <view class="txt"><text class="tit">担保类型:</text><text>{{statusFormats(ite.guaranteeType,dblxlist)}}</text></view>
  125. </view>
  126. <view class="flexcw">
  127. <view class="txt"><text class="tit">资金用途:</text><text>{{ite.purposeFunds}}</text></view>
  128. <view class="txt"><text class="tit">还款来源:</text><text>{{ite.repaymentSource}}</text></view>
  129. </view>
  130. </view>
  131. </view>
  132. </block>
  133. <!-- 文件 -->
  134. <block v-if="type=='file'">
  135. <view class="lists" v-for="(ite,idx) in datalist" @click="getDetail" >
  136. <view class="listtop" >
  137. <view class="toptit over">安徽嘉欣医疗用品有限公司</view>
  138. </view>
  139. <view class="listsm">
  140. <view class="txt"><text class="tit">申贷次数</text><text class="line">|</text><text>2次</text></view>
  141. <view class="txt"><text class="tit">最近申贷时间</text><text class="line">|</text><text>2023年08月23日</text>
  142. <view class="flex1"></view>
  143. <view class="looktxt bgb">查看文件</view>
  144. </view>
  145. </view>
  146. </view>
  147. </block>
  148. <!-- 文件详情列表 -->
  149. <block v-if="type=='filedet'">
  150. <view class="files" v-for="(ite,idx) in datalist" >
  151. <view class="fdtit">
  152. <image :src="titimg"></image>
  153. <view>2023年08月23日</view>
  154. </view>
  155. <view class="fdzbox">
  156. <image :src="filz"></image>
  157. <view>
  158. 安徽嘉欣医疗用品有限公司230823文档.zip
  159. </view>
  160. </view>
  161. <view class="fdbtns flexcj mt18">
  162. <view class="lbtns flexc" @click="getDetail">
  163. <image :src="files"></image>文件详情列表
  164. </view>
  165. <view class="rbtns flexc">
  166. <image :src="fup"></image>保存至手机
  167. </view>
  168. </view>
  169. </view>
  170. </block>
  171. <!-- 新版文件列表详情 -->
  172. <block v-if="type=='nfiles'">
  173. <view class="lists" v-for="(ite,idx) in datalist">
  174. <view class="listtop" >
  175. <view class="toptit over">{{ite.enterpriseName}}</view>
  176. </view>
  177. <view class="listsm" v-for="(fite,fidx) in ite.loanApplicationFjList" :key="fite.fjId">
  178. <!-- <view class="fdtit">
  179. <image :src="titimg"></image>
  180. <view>{{ite.applicationTime}}</view>
  181. </view> -->
  182. <view class="fdzbox">
  183. <image :src="filz"></image>
  184. <view>{{fite.name}}</view>
  185. </view>
  186. <view class="fdbtns flexcj mt18">
  187. <!-- <view class="lbtns flexc">
  188. <image :src="files"></image>文件详情列表
  189. </view> -->
  190. <view class="flex1"></view>
  191. <view class="rbtns flexc" @click.stop="getXzFn(fite)">
  192. <image :src="fup"></image>保存至手机
  193. </view>
  194. </view>
  195. </view>
  196. </view>
  197. </block>
  198. <!-- 台账表 -->
  199. <block v-if="type=='ledger'">
  200. <view class="lists" v-for="(ite,idx) in datalist" @click="getDetail" >
  201. <view class="listtop" >
  202. <view class="toptit over">安徽嘉欣医疗用品有限公司</view>
  203. </view>
  204. <view class="listsm">
  205. <view class="txt"><text class="tit">债务人类别</text><text class="line">|</text><text>类别名称</text></view>
  206. <view class="flexcw">
  207. <view class="txt"><text class="tit">债务人姓名</text><text class="line">|</text><text>刘安鑫</text></view>
  208. <view class="txt"><text class="tit">债务人证件类型</text><text class="line">|</text><text>身份证</text></view>
  209. </view>
  210. <view class="txt"><text class="tit">债务人证件号码</text><text class="line">|</text><text>34282419730618003X</text></view>
  211. <view class="flexcw">
  212. <view class="txt"><text class="tit">法人姓名</text><text class="line">|</text><text>林振宇</text></view>
  213. <view class="txt"><text class="tit">法人证件类型</text><text class="line">|</text><text>身份证</text></view>
  214. </view>
  215. <view class="txt"><text class="tit">法人证件号码</text><text class="line">|</text><text>34282419811214002X</text></view>
  216. </view>
  217. </view>
  218. </block>
  219. <view class="shax" v-if="wtdt">{{wtdt}}</view>
  220. </view>
  221. <block v-else>
  222. <no-data></no-data>
  223. </block>
  224. </view>
  225. </template>
  226. <script>
  227. import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
  228. import { selectValue } from '@/utils/common.js';
  229. import noData from "@/components/nodata/nodata.vue"
  230. export default {
  231. props:{
  232. datalist: {
  233. type: Array,
  234. default () {
  235. return []
  236. }
  237. },
  238. sdyhlist: {
  239. type: Array,
  240. default () {
  241. return []
  242. }
  243. },
  244. dblxlist: {
  245. type: Array,
  246. default () {
  247. return []
  248. }
  249. },
  250. shjdlist:{
  251. type: Array,
  252. default () {
  253. return []
  254. }
  255. },
  256. wtdt:{
  257. type: String,
  258. default () {
  259. return ''
  260. }
  261. },
  262. type:{
  263. type: [String,Number],
  264. default () {
  265. return ''
  266. }
  267. },
  268. },
  269. components:{
  270. noData
  271. },
  272. data(){
  273. return{
  274. start:require('@/work/static/images/start.png'),
  275. copy:require('@/work/static/images/copy.png'),
  276. rimg:require('@/work/static/images/rimga.png'),
  277. files:require('@/work/static/images/files.png'),
  278. filz:require('@/work/static/images/filz.png'),
  279. titimg:require('@/work/static/images/infotit.png'),
  280. fup:require('@/work/static/images/fdown.png'),
  281. votea:require('@/work/static/images/votea.png'),
  282. voteb:require('@/work/static/images/voteb.png'),
  283. votec:require('@/work/static/images/votec.png'),
  284. voted:require('@/work/static/images/voted.png'),
  285. votee:require('@/work/static/images/votee.png'),
  286. zlist:[]
  287. }
  288. },
  289. onLoad: function() {
  290. },
  291. methods:{
  292. checkPermi, checkRole,
  293. kaType(ite,list){
  294. return selectValue(list, ite);
  295. },
  296. getDetail(e){
  297. this.$emit('getDetail',e)
  298. },
  299. getXzFn(ite){
  300. this.$emit('getXzFn',ite)
  301. },
  302. getDel(e){
  303. this.$emit('getDel',e)
  304. },
  305. getEdit(e){
  306. this.$emit('getEdit',e)
  307. },
  308. statusFormats(ite,list,type){//多选匹配
  309. if(ite){
  310. var actions = [];
  311. list.forEach(s => {
  312. if(ite.indexOf(s.value)>-1){
  313. actions.push(s.label);
  314. }
  315. })
  316. return actions.join(',')
  317. }else{
  318. return ''
  319. }
  320. },
  321. getZhan(id){
  322. var num=this.zlist.indexOf(id);
  323. if(num!=-1){
  324. this.zlist.splice(num,1)
  325. }else{
  326. this.zlist.push(id)
  327. }
  328. },
  329. getTuiFn(ite,txt,sh){
  330. var that=this;
  331. // if(txt=='scfk'&&sh==0){
  332. // uni.showModal({
  333. // title: '确认立案',
  334. // content: "是否确认立案",
  335. // cancelText: '取消',
  336. // confirmText: '确认',
  337. // success: function(res) {
  338. // if (res.confirm) {
  339. // var obj={
  340. // id:ite.proposalId,
  341. // type:txt,
  342. // sh:sh,
  343. // }
  344. // that.$emit('getTuiFn',obj)
  345. // } else if (res.cancel) {
  346. // // console.log('用户点击取消');
  347. // }
  348. // }
  349. // });
  350. // }else
  351. if(txt=='lmta'){
  352. var str='同意'
  353. if(sh==2){
  354. str='反对'
  355. }
  356. uni.showModal({
  357. title: '确认'+str+'联名',
  358. content: "是否确认"+str+"联名",
  359. cancelText: '取消',
  360. confirmText: '确认',
  361. success: function(res) {
  362. if (res.confirm) {
  363. var obj={
  364. id:ite.proposalId,
  365. type:txt,
  366. sh:sh,
  367. }
  368. that.$emit('getTuiFn',obj)
  369. } else if (res.cancel) {
  370. // console.log('用户点击取消');
  371. }
  372. }
  373. });
  374. }else{
  375. var obj={
  376. id:ite.proposalId,
  377. type:txt,
  378. sh:sh,
  379. ite:ite
  380. }
  381. this.$emit('getTuiFn',obj)
  382. }
  383. },
  384. typeFn(data){
  385. if(data){
  386. var newArr=[]
  387. var astr=data.split('-')
  388. astr.forEach(ite=>{
  389. var a=ite.substring(0,5);
  390. newArr.push(a)
  391. })
  392. return newArr.join('-')
  393. }else{
  394. return ''
  395. }
  396. },
  397. },
  398. }
  399. </script>
  400. <style lang="scss" scoped>
  401. .lists{background: #FFFFFF;box-shadow: 0px 0px 10rpx 0px rgba(216,216,216,0.4);border-radius: 20rpx;padding: 0 20rpx;margin-bottom: 24rpx;
  402. &.qy{padding: 0 24rpx;
  403. .listtop{display: block;
  404. padding: 40rpx 14rpx 42rpx;
  405. }
  406. .listsm{padding: 40rpx 14rpx 2rpx 0;
  407. .txt{font-size: 30rpx;margin-bottom: 44rpx;padding-left: 14rpx;
  408. text{color: #666666;}
  409. }
  410. }
  411. }
  412. &.sdjl{
  413. .listsm{padding: 40rpx 10rpx 2rpx 0;
  414. .txt{font-size: 30rpx;margin-bottom: 44rpx;padding-left: 10rpx;align-items: flex-start;
  415. text{color: #666666;}
  416. }
  417. }
  418. .look{flex: 0 0 auto;display: inline-flex;margin-left: 16rpx;line-height: 40rpx;font-weight: 500;font-size: 26rpx;color: #28C529;
  419. image{width: 14rpx;height: 20rpx;margin-left: 14rpx;}
  420. }
  421. }
  422. .listtop{display: flex;align-items: center;overflow: hidden;border-bottom: 2rpx solid #E6E6E6;padding: 34rpx 12rpx;
  423. .toptit{font-weight: bold;font-size: 30rpx;color: #222327;}
  424. // .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: 20rpx;
  425. // image{width: 22rpx;height: 22rpx;margin-left: 6rpx;}
  426. // }
  427. .head{width: 86rpx;height: 86rpx;background: #00A9F0;border-radius: 10rpx;font-weight: bold;margin-right: 36rpx;flex: 0 0 auto;
  428. font-size: 40rpx;display: flex;align-items: center;justify-content: center;color: #FFFFFF;
  429. }
  430. .headt{font-weight: bold;font-size: 40rpx;color: #222327;margin-bottom: 10rpx;}
  431. .headx{font-weight: 500;font-size: 24rpx;color: #666666;}
  432. }
  433. .adr{font-weight: 500;font-size: 26rpx;color: #666666;margin-top: 12rpx;}
  434. .listsm{padding: 32rpx 10rpx 16rpx 0;position: relative;
  435. .tit{font-weight: bold;margin-right: 8rpx;flex: 0 0 auto;}
  436. .line{margin-right: 8rpx;color: #aaaaaa;flex: 0 0 auto;}
  437. .txt{font-size: 26rpx;color: #222327;margin-bottom: 24rpx;display: flex;padding-left: 10rpx;}
  438. .copyimg{width: 30rpx;height: 30rpx;margin-left: 8rpx;display: flex;align-items: center;justify-content: center;
  439. image{width: 18rpx;height: 20rpx;}
  440. }
  441. .flexcw{
  442. display: flex;align-items: center;flex-wrap: wrap;
  443. .txt{min-width: 50%;}
  444. }
  445. }
  446. .looktxt{font-weight: 500;flex: 0 0 auto;font-size: 26rpx;margin-left: 20rpx;
  447. &.bga{color: #FF6969;}
  448. &.bgb{color: #00A9F0;}
  449. }
  450. .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: 20rpx;
  451. image{width: 22rpx;height: 22rpx;margin-left: 6rpx;}
  452. }
  453. }
  454. // 文件
  455. .files{padding:40rpx 36rpx 36rpx;border-bottom: 2rpx solid #E6E6E6;
  456. // .fdtit{display: flex;font-weight: bold;margin-bottom: 44rpx;
  457. // view{font-size: 30rpx;color: #00A9F0;}
  458. // image{width: 30rpx;height: 30rpx;margin-right: 14rpx;flex: 0 0 auto;margin-top: 5rpx;}
  459. // }
  460. // .fdzbox{width: 100%;padding: 24rpx 30rpx;box-sizing: border-box;display: flex;align-items: center;background: #E1F3FA;border-radius: 20rpx;
  461. // image{width: 62rpx;height: 74rpx;margin-right: 32rpx;flex: 0 0 auto;}
  462. // view{font-weight: bold;font-size: 26rpx;color: #00A9F0;}
  463. // }
  464. // .fdbtns{
  465. // .lbtns{font-weight: 500;font-size: 26rpx;color: #28C529;
  466. // image{width: 24rpx;height: 20rpx;margin-right: 14rpx;}
  467. // }
  468. // .rbtns{font-weight: 500;font-size: 26rpx;color: #00A9F0;
  469. // image{width: 22rpx;height: 24rpx;margin-right: 12rpx;transform: rotate(180deg);}
  470. // }
  471. // }
  472. }
  473. .votea{width: 98rpx;height: 98rpx;position: absolute;right: 10rpx;top: 10rpx;}
  474. .fdzbox{width: 100%;padding: 24rpx 30rpx;box-sizing: border-box;display: flex;align-items: center;background: #E1F3FA;border-radius: 20rpx;
  475. image{width: 62rpx;height: 74rpx;margin-right: 32rpx;flex: 0 0 auto;}
  476. view{font-weight: bold;font-size: 26rpx;color: #00A9F0;}
  477. }
  478. .fdtit{display: flex;font-weight: bold;margin-bottom: 44rpx;
  479. view{font-size: 30rpx;color: #00A9F0;}
  480. image{width: 30rpx;height: 30rpx;margin-right: 14rpx;flex: 0 0 auto;margin-top: 5rpx;}
  481. }
  482. .fdbtns{margin-bottom: 20rpx;
  483. .lbtns{font-weight: 500;font-size: 26rpx;color: #28C529;
  484. image{width: 24rpx;height: 20rpx;margin-right: 14rpx;}
  485. }
  486. .rbtns{font-weight: 500;font-size: 26rpx;color: #00A9F0;
  487. image{width: 22rpx;height: 24rpx;margin-right: 12rpx;}
  488. }
  489. }
  490. </style>