shanghaiPaymentDetail.vue 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334
  1. <template>
  2. <view style="margin: 25rpx 25rpx 75rpx 25rpx;">
  3. <view style = "text-align: center;font-size: 43rpx; margin-bottom:10rpx"><text>{{flowData.FLOW_TITLE}}</text></view>
  4. <view class="h-table" style="margin-bottom:20rpx">
  5. <view class="h-tr h-tr-4">
  6. <view class="h-td h-td-center left-width">日 期</view>
  7. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_RQ" auto-height/></view>
  8. <view class="h-td h-td-center left-width">编 号</view>
  9. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_BH" auto-height/></view>
  10. </view>
  11. <view class="h-tr h-tr-4">
  12. <view class="h-td h-td-center left-width">合 同</view>
  13. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_HT" auto-height/></view>
  14. <view class="h-td h-td-center left-width">申 请 人</view>
  15. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_SQR" auto-height/></view>
  16. </view>
  17. <view class="h-tr h-tr-4">
  18. <view class="h-td h-td-center left-width">合同总金额</view>
  19. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_HTZJE" auto-height/></view>
  20. </view>
  21. <view class="h-tr h-tr-4">
  22. <view class="h-td h-td-center left-width">合同标的</view>
  23. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_HTBD" auto-height/></view>
  24. </view>
  25. <view class="h-tr h-tr-4">
  26. <view class="h-td h-td-center left-width">收款单位</view>
  27. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_SKDW" auto-height/></view>
  28. </view>
  29. <view class="h-tr h-tr-4">
  30. <view class="h-td h-td-center left-width">集团内/外</view>
  31. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_JTNW" auto-height/></view>
  32. </view>
  33. <view class="h-tr h-tr-4">
  34. <view class="h-td h-td-center left-width">开户行/账号</view>
  35. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_KHHZH1" auto-height/></view>
  36. </view>
  37. <view class="h-tr h-tr-4">
  38. <view class="h-td h-td-center left-width">开户行/账号</view>
  39. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_KHHZH2" auto-height/></view>
  40. </view>
  41. <view class="h-tr h-tr-4">
  42. <view class="h-td h-td-center left-width">金额(元)</view>
  43. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_JEY" auto-height/></view>
  44. </view>
  45. <view class="h-tr h-tr-4">
  46. <view class="h-td h-td-center left-width">金额(大写)</view>
  47. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_JEDX" auto-height/></view>
  48. </view>
  49. <view class="h-tr h-tr-4">
  50. <view class="h-td h-td-center left-width">重量(吨)</view>
  51. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_ZLD" auto-height/></view>
  52. <view class="h-td h-td-center left-width">单 价</view>
  53. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_DJ" auto-height/></view>
  54. </view>
  55. <view class="h-tr h-tr-4">
  56. <view class="h-td h-td-center left-width">用 途</view>
  57. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_YT" auto-height/></view>
  58. <view class="h-td h-td-center left-width">付款期限</view>
  59. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_FKQX" auto-height/></view>
  60. </view>
  61. <view class="h-tr h-tr-4">
  62. <view class="h-td h-td-center left-width">备 注</view>
  63. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_BZ" auto-height/></view>
  64. </view>
  65. <view class="h-tr h-tr-4">
  66. <view class="h-td h-td-center left-width">付款单位</view>
  67. <view class="h-td h-td-left h-td-colspan"><textarea v-model="flowData.FLOW_FKDW" auto-height/></view>
  68. </view>
  69. <view class="h-tr h-tr-4">
  70. <view class="h-td h-td-center left-width">附 件</view>
  71. <view class="h-td h-td-left h-td-colspan">
  72. <view v-if="!!flowData.FLOW_FJ" style="color: #ff0f07;" @click="downLoadFile()">点击查看附件</view>
  73. <view v-else >无</view>
  74. </view>
  75. </view>
  76. <view class="h-tr h-tr-4">
  77. <view class="h-td h-td-center left-width">铝产品部申请人</view>
  78. <view class="h-td h-td-colspan h-td-rowspan">
  79. <view class="h-tr h-tr-3">
  80. <view class="h-td h-td-left h-td-colspan">1.审核填写的《付款申请及确认》信息是否完整</view>
  81. <view class="h-td h-td-left"><textarea v-model="flowData.FLOW_LCPB_SQR_1" auto-height/></view>
  82. </view>
  83. <view class="h-tr h-tr-3">
  84. <view class="h-td h-td-left h-td-colspan">2.审核收款单位、开户行/账号是否与合同或对方出具的开票函 (加盖对方企业公章或财务专用章)的信息一致;</view>
  85. <view class="h-td h-td-left"><textarea v-model = "flowData.FLOW_LCPB_SQR_2" auto-height/></view>
  86. </view>
  87. <view class="h-tr h-tr-3">
  88. <view class="h-td h-td-left h-td-colspan">3.审核重量、单价是否填写正确,审核金额计算是否正确(单价* 重量),且金额的大小写一致;涉及月度结算或尾款结算,审核计 算金额是否扣除或添加上次结算的差额;货款差额依据《确认函》 上确认的金额</view>
  89. <view class="h-td h-td-left"><textarea v-model = "flowData.FLOW_LCPB_SQR_3" auto-height/></view>
  90. </view>
  91. <view class="h-tr h-tr-3">
  92. <view class="h-td h-td-left h-td-colspan">4.审核附件《确认函》单价是否与合同规定的定价方式一致,重量 与入库信息或合同信息一致,金额计算是否正确,且盖有公司及对 方单位的业务专用章。</view>
  93. <view class="h-td h-td-left"><textarea v-model = "flowData.FLOW_LCPB_SQR_4" auto-height/></view>
  94. </view>
  95. <view class="h-tr h-tr-3">
  96. <view class="h-td h-td-left h-td-colspan" style = "height: 100rpx;"><textarea v-model = "flowData.FLOW_LCPB_SQR_DESC" auto-height/></view>
  97. </view>
  98. <view class="h-tr h-tr-3">
  99. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_LCPB_SQR_SQR" auto-height/></view>
  100. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_LCPB_SQR_SQRQ" auto-height/></view>
  101. </view>
  102. </view>
  103. </view>
  104. <view class="h-tr h-tr-4">
  105. <view class="h-td h-td-center left-width">铝产品部复核人</view>
  106. <view class="h-td h-td-colspan h-td-rowspan">
  107. <view class="h-tr h-tr-3">
  108. <view class="h-td h-td-left h-td-colspan">1.复核金额是否计算正确,且与《确认函》的计算金额一致,且大小写一致。</view>
  109. <view class="h-td h-td-left"><textarea v-model="flowData.FLOW_LCPB_FHR_1" auto-height/></view>
  110. </view>
  111. <view class="h-tr h-tr-3">
  112. <view class="h-td h-td-left h-td-colspan" style = "height: 100rpx;"><textarea v-model = "flowData.FLOW_LCPB_FHR_DESC" auto-height/></view>
  113. </view>
  114. <view class="h-tr h-tr-3">
  115. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_LCPB_FHR_SQR" auto-height/></view>
  116. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_LCPB_FHR_SQRQ" auto-height/></view>
  117. </view>
  118. </view>
  119. </view>
  120. <view class="h-tr h-tr-4">
  121. <view class="h-td h-td-center left-width">铝产品部副主任</view>
  122. <view class="h-td h-td-colspan h-td-rowspan">
  123. <view class="h-tr h-tr-3">
  124. <view class="h-td h-td-left h-td-colspan">1.审核《付款申请及确认》信息填写内容及附件资料完整、准 确。</view>
  125. <view class="h-td h-td-left"><textarea v-model="flowData.FLOW_LCPB_FUZHUREN_1" auto-height/></view>
  126. </view>
  127. <view class="h-tr h-tr-3">
  128. <view class="h-td h-td-left h-td-colspan">2.逐一复核经办人合规要求第2-4项。</view>
  129. <view class="h-td h-td-left"><textarea v-model="flowData.FLOW_LCPB_FUZHUREN_2" auto-height/></view>
  130. </view>
  131. <view class="h-tr h-tr-3">
  132. <view class="h-td h-td-left h-td-colspan" style = "height: 100rpx;"><textarea v-model = "flowData.FLOW_LCPB_FUZHUREN_DESC" auto-height/></view>
  133. </view>
  134. <view class="h-tr h-tr-3">
  135. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_LCPB_FUZHUREN_SQR" auto-height/></view>
  136. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_LCPB_FUZHUREN_SQRQ" auto-height/></view>
  137. </view>
  138. </view>
  139. </view>
  140. <view class="h-tr h-tr-4">
  141. <view class="h-td h-td-center left-width">铝产品部负责人</view>
  142. <view class="h-td h-td-colspan h-td-rowspan">
  143. <view class="h-tr h-tr-3">
  144. <view class="h-td h-td-left h-td-colspan">1.审核《付款申请及确认》信息填写内容及附件资料完整、准 确。</view>
  145. <view class="h-td h-td-left"><textarea v-model="flowData.FLOW_LCPB_FUZEREN_1" auto-height/></view>
  146. </view>
  147. <view class="h-tr h-tr-3">
  148. <view class="h-td h-td-left h-td-colspan">2.逐一复核经办人合规要求第2-4项。</view>
  149. <view class="h-td h-td-left"><textarea v-model="flowData.FLOW_LCPB_FUZEREN_2" auto-height/></view>
  150. </view>
  151. <view class="h-tr h-tr-3">
  152. <view class="h-td h-td-left h-td-colspan" style = "height: 100rpx;"><textarea v-model = "flowData.FLOW_LCPB_FUZEREN_DESC" auto-height/></view>
  153. </view>
  154. <view class="h-tr h-tr-3">
  155. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_LCPB_FUZEREN_SQR" auto-height/></view>
  156. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_LCPB_FUZEREN_SQRQ" auto-height/></view>
  157. </view>
  158. </view>
  159. </view>
  160. <view class="h-tr h-tr-4">
  161. <view class="h-td h-td-center left-width">财务部主任</view>
  162. <view class="h-td h-td-colspan h-td-rowspan">
  163. <view class="h-tr h-tr-3">
  164. <view class="h-td h-td-left h-td-colspan">1.复核经办部门填写的《付款申请及确认》及附件是否完整、准 确,审核经办部门经办人、复核人、部门主任是否签字,并加盖 部门章;</view>
  165. <view class="h-td h-td-left"><textarea v-model="flowData.FLOW_CWB_ZHUREN_1" auto-height/></view>
  166. </view>
  167. <view class="h-tr h-tr-3">
  168. <view class="h-td h-td-left h-td-colspan">2.复核计算金额是否正确,且金额的大小写是否一致;</view>
  169. <view class="h-td h-td-left"><textarea v-model="flowData.FLOW_CWB_ZHUREN_2" auto-height/></view>
  170. </view>
  171. <view class="h-tr h-tr-3">
  172. <view class="h-td h-td-left h-td-colspan">3.审核收款单位信息是否与合同一致。</view>
  173. <view class="h-td h-td-left"><textarea v-model="flowData.FLOW_CWB_ZHUREN_3" auto-height/></view>
  174. </view>
  175. <view class="h-tr h-tr-3">
  176. <view class="h-td h-td-left h-td-colspan" style = "height: 100rpx;"><textarea v-model = "flowData.FLOW_CWB_ZHUREN_DESC" auto-height/></view>
  177. </view>
  178. <view class="h-tr h-tr-3">
  179. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_CWB_ZHUREN_SQR" auto-height/></view>
  180. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_CWB_ZHUREN_SQRQ" auto-height/></view>
  181. </view>
  182. </view>
  183. </view>
  184. <view class="h-tr h-tr-4">
  185. <view class="h-td h-td-center left-width">财务总监</view>
  186. <view class="h-td h-td-colspan h-td-rowspan">
  187. <view class="h-tr h-tr-3">
  188. <view class="h-td h-td-left h-td-colspan">1.对集团内5000万以上,20000万以下的资金和集团外2000万 以上,5000万以下的资金支付进行审批,审核资金支出的合规 性以及支付金额的准确性,确认付款申请经过了前置审查。</view>
  189. <view class="h-td h-td-left"><textarea v-model="flowData.FLOW_CWZJ_1" auto-height/></view>
  190. </view>
  191. <view class="h-tr h-tr-3">
  192. <view class="h-td h-td-left h-td-colspan" style = "height: 100rpx;"><textarea v-model = "flowData.FLOW_CWZJ_DESC" auto-height/></view>
  193. </view>
  194. <view class="h-tr h-tr-3">
  195. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_CWZJ_SQR" auto-height/></view>
  196. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_CWZJ_SQRQ" auto-height/></view>
  197. </view>
  198. </view>
  199. </view>
  200. <view class="h-tr h-tr-4">
  201. <view class="h-td h-td-center left-width">总经理</view>
  202. <view class="h-td h-td-colspan h-td-rowspan">
  203. <view class="h-tr h-tr-3">
  204. <view class="h-td h-td-left h-td-colspan">1.对集团内20000万及以上的资金和集团外5000万及以上的 资金支付进行审批,审核资金支出的合规性以及支付金额的 准确性,确认付款申请经过了前置审查。</view>
  205. <view class="h-td h-td-left"><textarea v-model="flowData.FLOW_ZJL_1" auto-height/></view>
  206. </view>
  207. <view class="h-tr h-tr-3">
  208. <view class="h-td h-td-left h-td-colspan" style = "height: 100rpx;"><textarea v-model = "flowData.FLOW_ZJL_DESC" auto-height/></view>
  209. </view>
  210. <view class="h-tr h-tr-3">
  211. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_ZJL_SQR" auto-height/></view>
  212. <view class="h-td h-td-left h-td-colspan" style = "height: 50rpx;"><textarea v-model = "flowData.FLOW_ZJL_SQRQ" auto-height/></view>
  213. </view>
  214. </view>
  215. </view>
  216. <view class="h-tr h-tr-8">
  217. <view class="h-td h-td-center left-width">确 认</view>
  218. <view class="h-td h-td-colspan h-td-rowspan">
  219. <view class="h-tr h-tr-7">
  220. <view class="h-td h-td-left">付款方式</view>
  221. <view class="h-td h-td-left">金额</view>
  222. <view class="h-td h-td-left">时间</view>
  223. <view class="h-td h-td-left">付款银行</view>
  224. <view class="h-td h-td-left">出纳</view>
  225. <view class="h-td h-td-left">复核一</view>
  226. <view class="h-td h-td-left">复核二</view>
  227. </view>
  228. <view class="h-tr h-tr-7" v-for="n in 10" :key="n">
  229. <view class="h-td h-td-left"><textarea v-model = "flowData['FLOW_FKFS' + (n + 1)]" auto-height/></view>
  230. <view class="h-td h-td-left"><textarea v-model = "flowData['FLOW_JE' + (n + 1)]" auto-height/></view>
  231. <view class="h-td h-td-left"><textarea v-model = "flowData['FLOW_SJ' + (n + 1)]" auto-height/></view>
  232. <view class="h-td h-td-left"><textarea v-model = "flowData['FLOW_FKYH' + (n + 1)]" auto-height/></view>
  233. <view class="h-td h-td-left"><textarea v-model = "flowData['FLOW_CN' + (n + 1)]" auto-height/></view>
  234. <view class="h-td h-td-left"><textarea v-model = "flowData['FLOW_FHY' + (n + 1)]" auto-height/></view>
  235. <view class="h-td h-td-left"><textarea v-model = "flowData['FLOW_FHE' + (n + 1)]" auto-height/></view>
  236. </view>
  237. </view>
  238. </view>
  239. </view>
  240. </view>
  241. </template>
  242. <script>
  243. export default {
  244. props:['businessKey'],
  245. data() {
  246. return {
  247. flowData : {}
  248. }
  249. },
  250. beforeMount() {
  251. let self = this;
  252. this.admRequest({
  253. action : 'FlowMessageAction/paymentFlowInfo',
  254. data : {
  255. id : self.businessKey
  256. },
  257. success(res){
  258. self.flowData = JSON.parse(res.data.data.dataText);
  259. self.flowData.step = res.data.data.step;
  260. self.flowData.id = res.data.data.id;
  261. var date = new Date();
  262. if (self.flowData.step == "1") {
  263. self.flowData.FLOW_LCPB_SQR_SQR = res.data.userName;
  264. self.flowData.FLOW_LCPB_SQR_SQRQ = (date.getFullYear() + "-" + (date .getMonth() + 1) + "-" + date .getDate());
  265. } else if (self.flowData.step == "2") {
  266. self.flowData.FLOW_LCPB_FHR_SQR = res.data.userName;
  267. self.flowData.FLOW_LCPB_FHR_SQRQ = (date.getFullYear() + "-" + (date .getMonth() + 1) + "-" + date .getDate());
  268. } else if (self.flowData.step == "3") {
  269. self.flowData.FLOW_LCPB_FUZHUREN_SQR = res.data.userName;
  270. self.flowData.FLOW_LCPB_FUZHUREN_SQRQ = (date.getFullYear() + "-" + (date .getMonth() + 1) + "-" + date .getDate());
  271. } else if (self.flowData.step == "4") {
  272. self.flowData.FLOW_LCPB_FUZEREN_SQR = res.data.userName;
  273. self.flowData.FLOW_LCPB_FUZEREN_SQRQ = (date.getFullYear() + "-" + (date .getMonth() + 1) + "-" + date .getDate());
  274. } else if (self.flowData.step == "5") {
  275. self.flowData.FLOW_CWB_ZHUREN_SQR = res.data.userName;
  276. self.flowData.FLOW_CWB_ZHUREN_SQRQ = (date.getFullYear() + "-" + (date .getMonth() + 1) + "-" + date .getDate());
  277. } else if (self.flowData.step == "6") {
  278. self.flowData.FLOW_CWZJ_SQR = res.data.userName;
  279. self.flowData.FLOW_CWZJ_SQRQ = (date.getFullYear() + "-" + (date .getMonth() + 1) + "-" + date .getDate());
  280. } else if (self.flowData.step == "7") {
  281. self.flowData.FLOW_ZJL_SQR = res.data.userName;
  282. self.flowData.FLOW_ZJL_SQRQ = (date.getFullYear() + "-" + (date .getMonth() + 1) + "-" + date .getDate());
  283. }
  284. }
  285. })
  286. },
  287. methods:{
  288. downLoadFile(){
  289. let self = this;
  290. uni.showLoading({
  291. title:"加载中..."
  292. })
  293. uni.downloadFile({
  294. url : self.fileUrl,
  295. success: (res) => {
  296. let filePath = res.tempFilePath;
  297. if (res.statusCode === 200) {
  298. uni.openDocument({
  299. filePath: filePath,
  300. success: function (r) {
  301. console.log('打开文档成功');
  302. }
  303. });
  304. }
  305. },
  306. complete: (res)=> {
  307. uni.hideLoading();
  308. }
  309. })
  310. },
  311. getCallBackData(){
  312. var data = {};
  313. data.param = {callBackData : this.flowData};
  314. data.callBackUrl = "adm/FlowableApiAction/paymentBackDeal";
  315. return data;
  316. }
  317. }
  318. }
  319. </script>
  320. <style lang="scss">
  321. /* 引入表格样式表 */
  322. @import "@/static/css/helang-table10.scss";
  323. </style>