ewjcj.vue 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <template>
  2. <view>
  3. <view class="boxt" v-for="(ite,idx) in wjcjlist" :key="idx">
  4. <view class="txt">
  5. <view class="flex1 flexc">{{ite.label}}
  6. <!-- 有文件出具的权限 -->
  7. <view class="editf" v-if="checkPermi(['system:shareholderFj:add'])" @click="getfjEdit(ite.val)">
  8. <image :src="editf"></image>
  9. <view>上传</view>
  10. </view>
  11. </view>
  12. <!-- v-if="ite.qflag" -->
  13. <view class="edit" v-if="ite.val=='psyjqpb'||ite.val=='gdhyjy'||ite.val=='wtdbht'">
  14. <image :src="edit"></image>
  15. <view>在线签名</view>
  16. </view>
  17. <!-- <view class="flex1"></view>
  18. <text class="txta" @click="getDown(ite.val)">预览</text> -->
  19. </view>
  20. <!-- <text class="txta" @click="getDown(fite.url)">预览</text> -->
  21. <view class="mt18" v-if="fileFj&&fileFj[ite.val]&&fileFj[ite.val].length">
  22. <view class="fjlists" v-for="(fite,fidx) in fileFj[ite.val]" :key='fidx'>
  23. <view class="flext" @click="getDown(fite.url)">
  24. <view class="imgl"><image :src="filico" ></image></view>
  25. <view class="tit">{{fite.name}}</view>
  26. </view>
  27. <view class="delimg flex0" v-if="checkPermi(['system:fj:remove'])" @click.stop="getDelwjFj(fite.fjId)">
  28. <image :src="fdelimg"></image>
  29. </view>
  30. <text class="txta" @click="getDown(fite.url)">预览</text>
  31. </view>
  32. </view>
  33. </view>
  34. <!-- 其他附件 -->
  35. <view class="boxt" >
  36. <view class="txt">
  37. <view class="flex1 flexc">其他附件
  38. </view>
  39. </view>
  40. <!-- <text class="txta" @click="getDown(fite.url)">预览</text> -->
  41. <!-- <view class="delimg flex0" @click.stop="getDelFj(idx)">
  42. <image :src="fdelimg"></image>
  43. </view> -->
  44. <view class="mt18" v-if="qtfileFj&&qtfileFj.qtfj&&qtfileFj.qtfj.length">
  45. <view class="fjlists" v-for="(fite,fidx) in qtfileFj.qtfj" :key='fidx'>
  46. <view class="flext" @click="getDown(fite.url)">
  47. <view class="imgl"><image :src="filico" ></image></view>
  48. <view class="tit">{{fite.name}}</view>
  49. </view>
  50. <view class="delimg flex0" @click.stop="getDelwjFj(fite.fjId)">
  51. <image :src="fdelimg"></image>
  52. </view>
  53. <text class="txta" @click="getDown(fite.url)">预览</text>
  54. </view>
  55. </view>
  56. </view>
  57. </view>
  58. </template>
  59. <script>
  60. import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
  61. import { selectValue } from '@/utils/common.js';
  62. import noData from "@/components/nodata/nodata.vue"
  63. export default {
  64. props:{
  65. datainfo: {
  66. type: Object,
  67. default () {
  68. return {}
  69. }
  70. },
  71. fileFj:{
  72. type: Object,
  73. default () {
  74. return {}
  75. }
  76. },
  77. qtfileFj:{
  78. type: Object,
  79. default () {
  80. return {}
  81. }
  82. },
  83. wjcjlist:{
  84. type: Array,
  85. default () {
  86. return []
  87. }
  88. }
  89. },
  90. components:{
  91. noData
  92. },
  93. data(){
  94. return{
  95. upimg: require('@/work/static/images/up.png'),
  96. fupimg:require('@/work/static/images/fup.png'),
  97. filico:require('@/work/static/images/filico.png'),
  98. edit:require('@/work/static/images/edit.png'),
  99. editf:require('@/work/static/images/editfile.png'),
  100. fdelimg:require('@/work/static/images/del.png'),
  101. gdfilelist:[{name:'123'}],
  102. zheList:[{zheflag:true}],
  103. fileList:[
  104. // {tit:'担保意向函',files:[{url:"",name:'安徽嘉欣医疗用品有限公司0403担保意向函.doc'}]},
  105. // {tit:'材料合规表',files:[]},
  106. // {tit:'尽职调查报告',files:[]},
  107. // {tit:'担保项目合法合规表',files:[]},
  108. // {tit:'评审意见签批表',qflag:true,files:[]},
  109. // {tit:'股东会决议',qflag:true,files:[]},
  110. // {tit:'委托保证合同',qflag:true,files:[]},
  111. // {tit:'其他附件',files:[{url:"",name:'安徽嘉欣医疗用品有限公司0403担保意向函.doc'},{url:"",name:'安徽嘉欣医疗用品有限公司0403担保意向函.doc'}]},
  112. ]
  113. }
  114. },
  115. onLoad: function() {
  116. },
  117. methods:{
  118. checkPermi, checkRole,
  119. kaType(ite){
  120. return selectValue(this.tajdlist, ite);
  121. },
  122. getZheFn(idx){
  123. this.zheList[idx].zheflag=!this.zheList[idx].zheflag
  124. },
  125. getfjEdit(val){
  126. this.$emit('getfjEdit',val)
  127. },
  128. getDown(url){
  129. this.$emit('getDown',url)
  130. },
  131. getPreview(url){
  132. this.$emit('getPreview',url)
  133. },
  134. getDelwjFj(id){
  135. this.$emit('getDelwjFj',id)
  136. },
  137. },
  138. }
  139. </script>
  140. <style lang="scss" scoped>
  141. .boxt{padding:44rpx 36rpx 40rpx;border-top: 2rpx solid #E6E6E6;}
  142. .txt{display: flex;align-items: flex-start;
  143. view{font-weight: bold;font-size: 30rpx;color: #222327;}
  144. text{color: #28C529;font-weight: 500;line-height: 40rpx;flex: 0 0 auto;margin-left: 46rpx;padding: 0 6rpx;}
  145. .upimg{width:40rpx;height: 40rpx;margin-left: 18rpx;display: flex;align-items: center;justify-content: center;
  146. image{width: 30rpx;height: 28rpx;}
  147. }
  148. }
  149. .fjlists {display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 20rpx;
  150. &:last-child{margin-bottom: 0;}
  151. .imgl{width: 40rpx;height: 40rpx;display: flex;align-items: center;flex: 0 0 auto;
  152. image{width: 26rpx;height: 24rpx;}
  153. }
  154. .tit{font-size: 26rpx;color: #222327;font-weight: 500;margin-top: 4rpx;}
  155. .delimg{width: 40rpx;height:40rpx;margin-left: 16rpx;display: flex;align-items: center;justify-content: center;flex: 0 0 auto;
  156. image{width: 24rpx;height: 24rpx;}
  157. }
  158. .txta{color: #28C529;font-weight: 500;line-height: 40rpx;flex: 0 0 auto;margin-left: 18rpx;padding: 0 6rpx;}
  159. }
  160. .upbox{display: flex;flex-direction: column;align-items: center;padding: 56rpx 0 40rpx;border-top: 2rpx solid #E6E6E6;
  161. image{width: 30rpx;height: 26rpx;margin-bottom: 18rpx;transform: rotate(180deg);}
  162. view{font-weight: 500;font-size: 26rpx;color: #666666;}
  163. }
  164. .editf{flex:0 0 auto;display: flex;align-items: center;margin-left: 24rpx;
  165. view{font-weight: 500;font-size: 26rpx;color: #00A9F0;}
  166. image{width: 22rpx;height: 24rpx;margin-right:8rpx;}
  167. }
  168. .edit{flex:0 0 auto;display: flex;align-items: center;
  169. view{font-weight: 500;font-size: 26rpx;color: #00A9F0;}
  170. image{width: 20rpx;height: 24rpx;margin-right: 2rpx;}
  171. }
  172. </style>