<template> <view> <view v-if="datalist.length>0"> <!-- 申报业务 v-if="listtype=='case'"--> <block v-if="type=='work'"> <view class="lists" @click="getDetail"> <view class="listtop"> <view class="toptit over">安徽嘉欣医疗用品有限公司</view> <view class="statbox">专精特新<image :src="start"></image></view> </view> <view class="listsm"> <view class="txt"><text class="tit">审核状态</text><text class="line">|</text><text class="co28">等待申报审核分配</text></view> <view class="txt"><text class="tit">申报时间</text><text class="line">|</text><text>2024-03-21 15:13:48</text></view> <view class="txt"><text class="tit">归档时间</text><text class="line">|</text><text>2024-03-21 15:13:48</text></view> <view class="flexcw"> <view class="txt"><text class="tit">申请额度</text><text class="line">|</text><text>1000万元</text></view> <view class="txt"><text class="tit">使用期限</text><text class="line">|</text><text>12个月万元</text></view> <view class="txt"><text class="tit">申贷银行</text><text class="line">|</text><text>农商行</text></view> <view class="txt"><text class="tit">担保类型</text><text class="line">|</text><text>担保贷款</text></view> <view class="txt"><text class="tit">资金用途</text><text class="line">|</text><text>流动资金周转</text></view> <view class="txt"><text class="tit">还款来源</text><text class="line">|</text><text>营业收入</text></view> </view> </view> </view> <view class="lists"> <view class="listtop"> <view class="toptit over">安徽嘉欣医疗用品有限公司</view> <view class="statbox">专精特新<image :src="start"></image></view> </view> <view class="listsm"> <view class="txt"><text class="tit">审核状态</text><text class="line">|</text><text class="co28">等待申报审核分配</text></view> <view class="txt"><text class="tit">申报时间</text><text class="line">|</text><text>2024-03-21 15:13:48</text></view> <view class="flexcw"> <view class="txt"><text class="tit">申请额度</text><text class="line">|</text><text>1000万元</text></view> <view class="txt"><text class="tit">使用期限</text><text class="line">|</text><text>12个月万元</text></view> <view class="txt"><text class="tit">申贷银行</text><text class="line">|</text><text>农商行</text></view> <view class="txt"><text class="tit">担保类型</text><text class="line">|</text><text>担保贷款</text></view> <view class="txt"><text class="tit">资金用途</text><text class="line">|</text><text>流动资金周转</text></view> <view class="txt"><text class="tit">还款来源</text><text class="line">|</text><text>营业收入</text></view> </view> </view> </view> </block> <!-- 客户 --> <block v-if="type=='custom'"> <view class="lists" @click="getDetail"> <view class="listtop"> <view class="head">林</view> <view class="flex1"> <view class="headt">林振宇</view> <view class="headx">资料更新时间 | 2024年3月24日</view> </view> </view> <view class="listsm"> <view class="txt"><text class="tit">身份证号</text><text class="line">|</text><text>34282419730618003X</text> <view class="copyimg"> <image :src="copy" ></image> </view> </view> <view class="txt"><text class="tit">居住地址</text><text class="line">|</text><text>安徽省安庆市潜山市梅城镇</text></view> <view class="txt"><text class="tit">手机号码</text><text class="line">|</text><text>18705568888</text></view> <view class="flexcw"> <view class="txt"><text class="tit">关联企业</text><text class="line">|</text><text>2家</text></view> <view class="txt"><text class="tit">历史申贷记录</text><text class="line">|</text><text>2次</text></view> </view> </view> </view> </block> <view class="shax" v-if="wtdt">{{wtdt}}</view> </view> <block v-else> <no-data></no-data> </block> </view> </template> <script> import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数 import { selectValue } from '@/utils/common.js'; import noData from "@/components/nodata/nodata.vue" export default { props:{ datalist: { type: Array, default () { return [] } }, wtdt:{ type: String, default () { return '' } }, type:{ type: [String,Number], default () { return '' } }, }, components:{ noData }, data(){ return{ start:require('@/work/static/images/start.png'), copy:require('@/work/static/images/copy.png'), } }, onLoad: function() { }, methods:{ checkPermi, checkRole, kaType(ite){ return selectValue(this.tajdlist, ite); }, getDetail(e){ this.$emit('getDetail',e) }, getTuiFn(ite,txt,sh){ var that=this; // if(txt=='scfk'&&sh==0){ // uni.showModal({ // title: '确认立案', // content: "是否确认立案", // cancelText: '取消', // confirmText: '确认', // success: function(res) { // if (res.confirm) { // var obj={ // id:ite.proposalId, // type:txt, // sh:sh, // } // that.$emit('getTuiFn',obj) // } else if (res.cancel) { // // console.log('用户点击取消'); // } // } // }); // }else if(txt=='lmta'){ var str='同意' if(sh==2){ str='反对' } uni.showModal({ title: '确认'+str+'联名', content: "是否确认"+str+"联名", cancelText: '取消', confirmText: '确认', success: function(res) { if (res.confirm) { var obj={ id:ite.proposalId, type:txt, sh:sh, } that.$emit('getTuiFn',obj) } else if (res.cancel) { // console.log('用户点击取消'); } } }); }else{ var obj={ id:ite.proposalId, type:txt, sh:sh, ite:ite } this.$emit('getTuiFn',obj) } }, typeFn(data){ if(data){ var newArr=[] var astr=data.split('-') astr.forEach(ite=>{ var a=ite.substring(0,5); newArr.push(a) }) return newArr.join('-') }else{ return '' } }, }, } </script> <style lang="scss" scoped> .lists{background: #FFFFFF;box-shadow: 0px 0px 10rpx 0px rgba(216,216,216,0.4);border-radius: 20rpx;padding: 0 20rpx;margin-bottom: 24rpx; .listtop{display: flex;align-items: center;overflow: hidden;border-bottom: 2rpx solid #E6E6E6;padding: 34rpx 12rpx; .toptit{font-weight: bold;font-size: 30rpx;color: #222327;} .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; image{width: 22rpx;height: 22rpx;margin-left: 6rpx;} } .head{width: 86rpx;height: 86rpx;background: #00A9F0;border-radius: 10rpx;font-weight: bold;margin-right: 36rpx;flex: 0 0 auto; font-size: 40rpx;display: flex;align-items: center;justify-content: center;color: #FFFFFF; } .headt{font-weight: bold;font-size: 40rpx;color: #222327;margin-bottom: 10rpx;} .headx{font-weight: 500;font-size: 24rpx;color: #666666;} } .listsm{padding: 32rpx 10rpx 16rpx; .tit{font-weight: bold;margin-right: 8rpx;flex: 0 0 auto;} .line{margin-right: 8rpx;color: #aaaaaa;flex: 0 0 auto;} .txt{font-size: 26rpx;color: #222327;margin-bottom: 24rpx;display: flex;} .copyimg{width: 30rpx;height: 30rpx;margin-left: 8rpx;display: flex;align-items: center;justify-content: center; image{width: 18rpx;height: 20rpx;} } .flexcw{ display: flex;align-items: center;flex-wrap: wrap; .txt{min-width: 50%;} } } } </style>