移动端
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 

1943 linhas
83 KiB

  1. <template>
  2. <div class="app-container">
  3. <van-nav-bar
  4. left-arrow
  5. fixed
  6. placeholder
  7. @click-left="goBack"
  8. >
  9. <template #title>
  10. <p style="font-weight: bold;">修改银行卡转账申请</p>
  11. </template>
  12. <template #right>
  13. <van-icon name="../../../static/images/icon/icon_flow.png" size="20" @click="goFlow"/>
  14. </template>
  15. </van-nav-bar>
  16. <van-form @submit="getChange" @failed="getError" :show-error-message="false" scroll-to-error validate-first>
  17. <p class="main_title">基础信息</p>
  18. <div class="main_box">
  19. <van-field
  20. readonly
  21. clickable
  22. required
  23. :rules="[{ required: true , message:'请选择申请时间' }]"
  24. v-model="form.applyDate"
  25. label="申请时间"
  26. placeholder="请选择申请时间"
  27. @click="showlasj = true"
  28. input-align="right"
  29. right-icon="arrow-down"
  30. />
  31. <van-popup v-model="showlasj" position="bottom">
  32. <van-datetime-picker
  33. v-model="currentDate"
  34. type="date"
  35. title="选择年月日"
  36. :min-date="minDate"
  37. :max-date="maxDate"
  38. @confirm="onConfirmLasj"
  39. @cancel="showlasj = false"
  40. />
  41. </van-popup>
  42. <van-field
  43. readonly
  44. clickable
  45. required
  46. :rules="[{ required: true , message:'请选择资金支出类别' }]"
  47. label="资金支出类别"
  48. placeholder="请选择"
  49. v-model="capitalExpenditureType"
  50. @click="showcapital = true"
  51. input-align="right"
  52. right-icon="arrow-down"
  53. label-width="auto"
  54. />
  55. <van-popup v-model="showcapital" position="bottom">
  56. <van-picker
  57. show-toolbar
  58. :columns="capitalExpenditureTypeOptions"
  59. @confirm="onConfirmCapital"
  60. @cancel="showcapital = false"
  61. />
  62. </van-popup>
  63. <van-field
  64. readonly
  65. required
  66. label="支出总金额"
  67. v-model="form.expenditureAmount"
  68. placeholder="根据下方收款金额自动核算"
  69. input-align="right"
  70. label-width="auto"
  71. />
  72. <van-field name="radio" label="审批模式" input-align="right" autocomplete="off" required
  73. :rules="[{ required: true , message:'请选择审批模式' }]">
  74. <template #input>
  75. <van-radio-group v-model="form.approvalMode" direction="horizontal">
  76. <van-radio name="1">线上审批</van-radio>
  77. <van-radio name="2">线下审批</van-radio>
  78. </van-radio-group>
  79. </template>
  80. </van-field>
  81. <van-field
  82. v-if="form.approvalMode==1"
  83. readonly
  84. clickable
  85. label="审批流程"
  86. placeholder="请选择"
  87. v-model="form.approvalTemplateName"
  88. @click="showtemplate = true"
  89. input-align="right"
  90. right-icon="arrow-down"
  91. required
  92. :rules="[{ required: true , message:'请选择项目流程' }]"
  93. />
  94. <van-popup v-model="showtemplate" position="bottom">
  95. <van-picker
  96. show-toolbar
  97. value-key="name"
  98. :columns="templateList"
  99. @confirm="onConfirmTemplate"
  100. @cancel="showtemplate = false"
  101. />
  102. </van-popup>
  103. </div>
  104. <div class="main_box" style="margin-top: 10px;">
  105. <van-field
  106. label="付款事由"
  107. v-model="form.remark"
  108. type="textarea"
  109. placeholder="请输入付款事由"
  110. input-align="right"
  111. rows="3"
  112. label-width="auto"
  113. required
  114. :rules="[{ required: true , message:'请输入付款事由' }]"
  115. />
  116. </div>
  117. <div class="main_box" style="margin-top: 10px;">
  118. <van-field label="说明情况" v-model="form.explainSituation" type="textarea" placeholder="请输入说明情况" input-align="right" rows="3" label-width="auto"/>
  119. </div>
  120. <p class="main_title" v-if="capitalExpenditureOpen">关联项目</p>
  121. <div class="main_box" v-if="capitalExpenditureOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;">
  122. <van-field
  123. readonly
  124. clickable
  125. label="项目名称"
  126. placeholder="请选择"
  127. v-model="projectForm.projectName"
  128. @click="showproject = true"
  129. input-align="right"
  130. right-icon="arrow-down"
  131. required
  132. :rules="[{ required: true , message:'请选择项目名称' }]"
  133. />
  134. <van-popup v-model="showproject" position="bottom">
  135. <van-picker
  136. show-toolbar
  137. :columns="projectList"
  138. @confirm="onConfirmProject"
  139. @cancel="showproject = false"
  140. />
  141. </van-popup>
  142. <van-field required :rules="[{ required: true , message:'请输入承建单位' }]" v-model="projectForm.projectContractor" label="承建单位" placeholder="请输入承建单位" input-align="right" label-width="auto"/>
  143. <van-field required :rules="[{ required: true , message:'请输入合同价款(元)' }]" v-model="projectForm.projectAmount" label="合同价款(元)" placeholder="请输入合同价款(元)" input-align="right" label-width="auto"/>
  144. <van-field
  145. readonly
  146. clickable
  147. label="工程款类型"
  148. placeholder="请选择"
  149. v-model="projectFundType"
  150. @click="showFundType = true"
  151. input-align="right"
  152. right-icon="arrow-down"
  153. required
  154. :rules="[{ required: true , message:'请选择工程款类型' }]"
  155. />
  156. <van-popup v-model="showFundType" position="bottom">
  157. <van-picker
  158. show-toolbar
  159. :columns="projectFundTypeOptions"
  160. @confirm="onConfirmFundType"
  161. @cancel="showFundType = false"
  162. />
  163. </van-popup>
  164. <van-field required :rules="[{ required: true , message:'请输入工程发票号' }]" v-model="projectForm.projectBillNum" label="工程发票号" placeholder="请输入工程发票号" input-align="right" label-width="auto"/>
  165. </div>
  166. <p class="main_title" v-if="contractOpen">关联合同</p>
  167. <div class="main_box" v-if="contractOpen" style="margin-bottom: 10px;margin-top: 10px;position:relative;">
  168. <van-field
  169. readonly
  170. clickable
  171. label="合同"
  172. placeholder="请选择"
  173. v-model="infoForm.name"
  174. @click="showcontract = true"
  175. input-align="right"
  176. right-icon="arrow-down"
  177. required
  178. :rules="[{ required: true , message:'请选择项目名称' }]"
  179. />
  180. <van-popup v-model="showcontract" position="bottom">
  181. <van-picker
  182. show-toolbar
  183. :columns="infoList"
  184. @confirm="onConfirmContract"
  185. @cancel="showcontract = false"
  186. />
  187. </van-popup>
  188. <van-field required :rules="[{ required: true , message:'请输入合同编码' }]" v-model="infoForm.code" label="合同编码" placeholder="请输入合同编码" input-align="right" label-width="auto"/>
  189. <van-field required :rules="[{ required: true , message:'请输入合同价款' }]" v-model="infoForm.totalAmount" label="合同价款(元)" placeholder="请输入合同价款(元)" input-align="right" label-width="auto"/>
  190. </div>
  191. <p class="main_title">付款方信息</p>
  192. <div class="main_box">
  193. <!-- <van-field label="付款方" v-model="form.payer" placeholder="请输入付款方" input-align="right" label-width="auto"/>-->
  194. <van-field
  195. readonly
  196. clickable
  197. label="付款方"
  198. placeholder="请选择付款方"
  199. v-model="form.payer"
  200. @click="showpayer = true"
  201. input-align="right"
  202. right-icon="arrow-down"
  203. label-width="auto"
  204. required
  205. :rules="[{ required: true , message:'请选择付款方' }]"
  206. />
  207. <van-popup v-model="showpayer" position="bottom">
  208. <van-picker
  209. show-toolbar
  210. :columns="payerOptions"
  211. @confirm="onConfirmPayer($event)"
  212. @cancel="showpayer = false"
  213. />
  214. </van-popup>
  215. <van-field :rules="[{ required: true , message:'请输入账户' }]" required label="付款方账户" v-model="form.payerAccount" placeholder="请输入账户" input-align="right" label-width="auto"/>
  216. </div>
  217. <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p>
  218. <!-- <div class="main_title main_title_box">-->
  219. <!-- <p>收款方信息</p>-->
  220. <!-- <router-link :to="{name:'collectionApprovalAdd', params: {accountType:form.accountType,isPeers:form.isPeers,bankType:form.bankType,option:form}}">添加收款方</router-link>-->
  221. <!-- <van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/>-->
  222. <!-- </div>-->
  223. <div class="main_box" style="margin-bottom: 15px;">
  224. <van-cell title="收款账户类型" v-if="form.bankType==1">
  225. <template #right-icon>
  226. <van-radio-group direction="horizontal" v-model="form.accountType" @change="accountTypeChange" >
  227. <van-radio name="1">公户</van-radio>
  228. <van-radio name="2">私户</van-radio>
  229. </van-radio-group>
  230. </template>
  231. </van-cell>
  232. <van-cell title="是否与付款方同行" v-if="form.bankType==2||form.bankType==3||form.bankType==4" >
  233. <template #right-icon>
  234. <van-radio-group direction="horizontal" v-model="form.isPeers" @change="accountTypeChange1">
  235. <van-radio name="Y">是</van-radio>
  236. <van-radio name="N">否</van-radio>
  237. </van-radio-group>
  238. </template>
  239. </van-cell>
  240. </div>
  241. <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index">
  242. <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteChargeItme(index)" />
  243. <div class="main_box" style="margin-bottom: 10px;position:relative;">
  244. <van-field
  245. readonly
  246. clickable
  247. label="收款方"
  248. placeholder="请选择"
  249. v-model="item.payee"
  250. @click="item.showPayee = true"
  251. input-align="right"
  252. right-icon="arrow-down"
  253. required
  254. :rules="[{ required: true , message:'请选择收款方' }]"
  255. />
  256. <van-popup v-model="item.showPayee" position="bottom">
  257. <van-picker
  258. show-toolbar
  259. :columns="payeeList"
  260. @confirm="onConfirmPayee($event,index)"
  261. @cancel="item.showPayee = false"
  262. />
  263. </van-popup>
  264. <van-field required :rules="[{ required: true , message:'请输入账户' }]" v-model="item.payeeAccount" label="收款账户" placeholder="请输入账户" input-align="right" label-width="auto"/>
  265. <van-field required :rules="[{ required: true , message:'请输入银行' }]" v-model="item.bankDeposit" label="开户银行" placeholder="请输入银行" input-align="right" label-width="auto"/>
  266. <van-field required :rules="[{ required: true , message:'请输入金额' }]" v-model="item.incomeAmount" label="收入金额" placeholder="请输入金额" input-align="right" label-width="auto" @change="moneyChange"/>
  267. <van-field
  268. readonly
  269. clickable
  270. label="所属银行"
  271. placeholder="请选择"
  272. v-model="item.bankTypeText"
  273. input-align="right"
  274. required
  275. :rules="[{ required: true , message:'请选择所属银行' }]"
  276. />
  277. <van-popup v-model="item.showbankType" position="bottom">
  278. <van-picker
  279. show-toolbar
  280. :columns="bankTypeDictionaries"
  281. @confirm="onConfirmBankType($event,index)"
  282. @cancel="item.showbankType = false"
  283. />
  284. </van-popup>
  285. </div>
  286. </div>
  287. <p class="main_title">上传附件</p>
  288. <div class="main_box" style="padding: 5px 0 0 0;">
  289. <van-cell value="收据" />
  290. <van-uploader v-model="fileList1" :after-read="beforeRead1" @delete="deleteFile1" style="margin-left:8px;"></van-uploader>
  291. <van-cell title="发票" />
  292. <van-uploader v-model="fileList2" :after-read="beforeRead2" @delete="deleteFile2" style="margin-left:8px;"></van-uploader>
  293. <van-cell title="其他" />
  294. <van-uploader v-model="fileList3" :after-read="beforeRead3" @delete="deleteFile3" style="margin-left:8px;"></van-uploader>
  295. </div>
  296. <div style="padding: 16px 0;">
  297. <van-row>
  298. <van-col span="12" align="center">
  299. <van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
  300. </van-col>
  301. <van-col span="12" align="center">
  302. <van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">保存并提交</van-button>
  303. </van-col>
  304. </van-row>
  305. <div class="clear"></div>
  306. </div>
  307. </van-form>
  308. </div>
  309. </template>
  310. <script>
  311. import { getAccount , getTransfer , queryTransferDetail , listPayee , updateTransfer , getProjectto , listProject , addProjectto ,
  312. customSubmit ,offlineCustomSubmit, getQmyeFlow ,listInfo ,getInfoto ,addInfoto,listTemplate,selectApprovalByTemplateId} from "@/api/onlineHome/bankAgriculture/paymentApproval";
  313. import {
  314. attachmentList,
  315. commonAttach,
  316. systemAttachment
  317. } from "../../../../api/onlineHome/bankAgriculture/paymentApproval";
  318. import request from '@/utils/request';
  319. import Dialog from "vant/lib/dialog";
  320. export default {
  321. name: "approvalModify",
  322. data() {
  323. return {
  324. showtemplate:false,
  325. showcontract:false,
  326. showcapital:false,
  327. showpayee:false,
  328. showlasj:false,
  329. showbankType:false,
  330. showproject:false,
  331. showFundType:false,
  332. showpayer:false,
  333. minDate: new Date(2000, 1, 1),
  334. maxDate: new Date(2050, 12, 31),
  335. currentDate: new Date(),
  336. form:{},
  337. capitalExpenditureType:'',
  338. payee:'',
  339. bankType:'',
  340. buttonType:'a',
  341. wfydlxDictionaries:[],
  342. jglxDictionaries:[],
  343. sysDictionaries:[],
  344. capitalExpenditureTypeOptions:[],
  345. bankTypeDictionaries:[],
  346. infoList:[],
  347. projectList:[],
  348. projectFundTypeOptions:[],
  349. projectFundTypeDictionaries:[],
  350. payerOptions:[],
  351. chargeItme:[],
  352. chargeItmeShow:[],
  353. payeeList:[],
  354. // 查询参数
  355. queryParams: {
  356. transferType:"",
  357. orderByColumn: "id",
  358. isAsc: "desc",
  359. },
  360. capitalExpenditureOpen:false,
  361. contractOpen:false,
  362. projectForm:{
  363. projectId:null,
  364. projectName:null,
  365. projectContractor:null,
  366. projectAmount:null,
  367. projectBillNum:null,
  368. projectFundType:'1',
  369. outId:null,
  370. ynType:'1'
  371. },
  372. infoForm:{
  373. infoId:null,
  374. name:null,
  375. code:null,
  376. totalAmount:null,
  377. contractionId:null,
  378. transferId:null
  379. },
  380. // 合同信息查询参数
  381. queryContractionParams: {
  382. pageNum: 1,
  383. pageSize: 100,
  384. contractionStatus: '1',
  385. orderByColumn: "endTime",
  386. isAsc: "desc",
  387. },
  388. projectFundType:'',
  389. fileList1:[],
  390. fileList2:[],
  391. fileList3:[],
  392. uploadFiles1:[],
  393. uploadFiles2:[],
  394. uploadFiles3:[],
  395. templateList:[],
  396. };
  397. },
  398. created() {
  399. let queryParams={
  400. pageNum: 1,
  401. pageSize: 100,
  402. }
  403. listProject(queryParams).then(response => {
  404. this.projectList = response.rows;
  405. for (let i = 0; i < response.rows.length; i++) {
  406. this.$set(this.projectList[i],"text",response.rows[i].projectName)
  407. this.$set(this.projectList[i],"value",response.rows[i].id)
  408. }
  409. });
  410. listInfo(this.queryContractionParams).then(response => {
  411. this.infoList = response.rows;
  412. for (let i = 0; i < response.rows.length; i++) {
  413. this.$set(this.infoList[i],"text",response.rows[i].name)
  414. this.$set(this.infoList[i],"value",response.rows[i].code)
  415. }
  416. });
  417. this.getDicts("project_fund_type").then((response) => {
  418. for (var i = 0; i < response.data.length; i++) {
  419. this.projectFundTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue});
  420. }
  421. this.projectFundTypeDictionaries = response.data;
  422. });
  423. let params1={
  424. accountType: "102",
  425. // "params":{townAccountType:'0'},
  426. status: "N",
  427. }
  428. getAccount(params1).then((response) => {
  429. this.payerOptions = response.rows;
  430. response.rows.map((res,index) => {
  431. res['payerFrom'] = '1'
  432. this.payerOptions[index].text = res.accountName;
  433. this.payerOptions[index].value = res.id;
  434. })
  435. });
  436. this.getDictionaries();
  437. this.getFileList();
  438. },
  439. methods: {
  440. goFlow(){
  441. if(this.form.approvalMode == '1' && this.form.approvalTemplateId != undefined && this.form.approvalTemplateId != "undefined"){
  442. window.location='approvalProcess3?approvalTemplateId='+this.form.approvalTemplateId+'&approvalMode='+this.form.approvalMode;
  443. }else{
  444. this.$notify({ type: 'danger', message: '无审批流程!' });
  445. }
  446. },
  447. onConfirmTemplate(data){
  448. selectApprovalByTemplateId(data.id).then(res => {
  449. this.showtemplate = false;
  450. if(res.approvalDetails.length>0){
  451. this.form.approvalTemplateName = data.name
  452. this.form.approvalTemplateId = data.id
  453. }else{
  454. this.form.approvalTemplateName = null
  455. this.form.approvalTemplateId = null
  456. this.$notify({ type: 'danger', message: '此流程无节点,无法选择!' });
  457. }
  458. })
  459. },
  460. getDictionaries(){
  461. getTransfer(this.$route.query.id).then((response) => {
  462. this.getDicts("capital_expenditure_type").then((res) => {
  463. for (var i = 0; i < res.data.length; i++) {
  464. this.capitalExpenditureTypeOptions.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
  465. }
  466. this.capitalExpenditureType = this.selectDictLabel(res.data, response.data.capitalExpenditureType);
  467. });
  468. if(response.data.capitalExpenditureType==2){
  469. this.capitalExpenditureOpen = true
  470. let param={
  471. 'outId' : response.data.id,
  472. 'ynType' : '1'
  473. }
  474. getProjectto(param).then(res => {
  475. this.projectFundType = this.selectDictLabel(this.projectFundTypeDictionaries, res.data.projectFundType);
  476. this.projectForm = res.data
  477. })
  478. }else if(response.data.capitalExpenditureType==4){
  479. this.contractOpen = true
  480. let param={
  481. 'transferId' : response.data.id
  482. }
  483. getInfoto(param).then(res => {
  484. this.infoForm = res.data
  485. })
  486. }else{
  487. this.showproject = false
  488. }
  489. this.form = response.data;
  490. this.getPayeeList();
  491. let _this = this
  492. let templateQueryParams = {
  493. // 分页
  494. pageNum: 1,
  495. pageSize: 999,
  496. type:'1'
  497. };
  498. listTemplate(templateQueryParams).then(rrr => {
  499. this.templateList = rrr.rows;
  500. this.templateList.map(ra => {
  501. if(ra.id == response.data.approvalTemplateId){
  502. _this.form.approvalTemplateName = ra.name
  503. }
  504. })
  505. });
  506. });
  507. queryTransferDetail(this.$route.query.id).then((response) => {
  508. this.getDicts("bank_type_all").then(res => {
  509. for (var i = 0; i < res.data.length; i++) {
  510. this.bankTypeDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
  511. }
  512. for (var j = 0 ; j < response.rows.length ; j++){
  513. // response.rows[j].payeeText = response.rows[j].payee;
  514. response.rows[j].bankTypeText = this.selectDictLabel(res.data, response.rows[j].bankType);
  515. response.rows[j].showPayee = false;
  516. }
  517. this.chargeItme = response.rows;
  518. console.log(this.chargeItme)
  519. });
  520. });
  521. },
  522. getChange(){
  523. if(this.buttonType == 'update'){
  524. this.goUpdate();
  525. }else if(this.buttonType == 'add'){
  526. this.goAdd();
  527. }
  528. },
  529. getError(e){
  530. this.$notify({ type: 'danger', message: e.errors[0].message });
  531. },
  532. addChargeItme(index){
  533. if(this.chargeItme.length>0&&this.chargeItme[this.chargeItme.length-1].payee == ''){
  534. this.$notify({ type: 'danger', message: '请勿添加多个空列表信息' });
  535. return;
  536. }else if(this.chargeItme.length>0&&this.chargeItme[index-1].incomeAmount == ''){
  537. this.$notify({ type: 'danger', message: '请输入收入金额!' });
  538. return;
  539. }else if(this.chargeItme.length>0&&this.chargeItme[index-1].payeeAccount == ''){
  540. this.$notify({ type: 'danger', message: '请输入收款账户!' });
  541. return;
  542. }else if(this.chargeItme.length>0&&this.chargeItme[index-1].bankDeposit == ''){
  543. this.$notify({ type: 'danger', message: '请输入开户银行!' });
  544. return;
  545. }else if(this.chargeItme.length>0&&this.chargeItme[index-1].bankType == ''){
  546. this.$notify({ type: 'danger', message: '请选择所属银行!' });
  547. return;
  548. }
  549. if(this.form.bankType == '2' && this.form.isPeers == 'N' && this.chargeItme.length>1){
  550. this.$notify({ type: 'danger', message: '目前农商行仅支持单笔跨行转账,即仅能有一个收款方!' });
  551. }else{
  552. this.getDicts("bank_type_all").then(res => {
  553. this.chargeItme.splice(index + 1, 0, {
  554. payeeId: "", //收款方ID
  555. payee: "", //收款方
  556. payeeAccount: "", //收款账户
  557. bankDeposit: "", //开户银行
  558. incomeAmount: "", //收入金额
  559. bankType: null, //所属银行
  560. bankTypeText:"", //所属银行
  561. showPayee:false,
  562. showbankType:false
  563. });
  564. });}
  565. },
  566. getPayeeList() {
  567. //普通转账
  568. this.queryParams.isPeers = this.form.isPeers?this.form.isPeers:null
  569. this.queryParams.accountType = this.form.accountType?this.form.accountType:null
  570. this.queryParams.bankType = this.form.bankType
  571. this.queryParams.status = "0"
  572. listPayee(this.queryParams).then((response) => {
  573. response.rows.map((res,index) => {
  574. if(res.payeeType==1||res.payeeType==2){
  575. res.text = res.payee;
  576. res.value = res.id;
  577. this.payeeList.push(res)
  578. }
  579. })
  580. });
  581. },
  582. payeeDictLabel(datas, value) {
  583. var actions = [];
  584. Object.keys(datas).some((key) => {
  585. if (datas[key].payeeId == ('' + value)) {
  586. actions.push(datas[key].payee);
  587. return true;
  588. }
  589. })
  590. return actions.join('');
  591. },
  592. onConfirmCapital(data){
  593. if (data.value == 2){
  594. this.capitalExpenditureOpen = true;
  595. this.contractOpen = false
  596. this.infoForm = {};
  597. }else if(data.value == 4){
  598. this.capitalExpenditureOpen = false;
  599. this.contractOpen = true
  600. this.projectForm = {};
  601. }else{
  602. this.capitalExpenditureOpen = false;
  603. this.contractOpen = false
  604. this.projectForm = {};
  605. this.infoForm = {};
  606. }
  607. this.capitalExpenditureType = data.text;
  608. this.form.capitalExpenditureType = data.value;
  609. this.showcapital = false;
  610. },
  611. onConfirmFundType(data){
  612. console.log(data)
  613. this.projectForm.projectFundType = data.value;
  614. this.projectFundType = data.text;
  615. this.showFundType = false;
  616. },
  617. onConfirmProject(data){
  618. this.projectList.map(res => {
  619. if(res.projectName==data.text){
  620. this.projectForm.projectId = res.id
  621. this.projectForm.projectName = res.projectName
  622. this.projectForm.projectContractor = res.projectContractor
  623. this.projectForm.projectAmount = res.projectAmount
  624. }
  625. })
  626. this.showproject = false;
  627. },
  628. onConfirmContract(data){
  629. this.infoList.map(res => {
  630. if(res.name==data.text){
  631. this.infoForm.contractionId = res.id;
  632. this.infoForm.name = res.name;
  633. this.infoForm.code = res.code;
  634. this.infoForm.totalAmount = res.totalAmount;
  635. }
  636. })
  637. this.showcontract = false;
  638. },
  639. onConfirmPayee(data,index){
  640. console.log(data)
  641. for (var i = 0 ; i < this.chargeItme.length ; i++){
  642. this.chargeItme[i].showPayee = false;
  643. }
  644. this.chargeItme[index].payee = data.text;
  645. this.chargeItme[index].payeeId = data.value;
  646. this.payeeSelectChange(data.value , index)
  647. },
  648. onConfirmBankType(data,index){
  649. for (var i = 0 ; i < this.chargeItme.length ; i++){
  650. this.chargeItme[i].showbankType = false;
  651. }
  652. this.chargeItme[index].bankTypeText = data.text;
  653. this.chargeItme[index].bankType = data.value;
  654. this.chargeItme[index].showbankType = false;
  655. },
  656. onConfirmPayer(data){
  657. this.form.payer = data.text;
  658. this.form.cashierId = data.value;
  659. this.showpayer = false;
  660. this.selectChange(data.value)
  661. },
  662. onConfirmLasj(data){
  663. this.form.applyDate = this.getNowFormatDate(data).substr(0,10);
  664. this.showlasj = false;
  665. },
  666. accountTypeChange(e){
  667. this.payeeList = [];
  668. this.chargeItme = [];
  669. this.queryParams.accountType = this.form.accountType
  670. this.queryParams.isPeers = this.form.isPeers
  671. this.queryParams.bankType = this.form.bankType
  672. this.queryParams.status = "0"
  673. listPayee(this.queryParams).then((response) => {
  674. response.rows.map((res,index) => {
  675. if(res.payeeType==1||res.payeeType==2){
  676. response.rows[index].text = res.payee;
  677. response.rows[index].value = res.id;
  678. this.payeeList.push(res)
  679. }
  680. })
  681. });
  682. },
  683. accountTypeChange1(e){
  684. this.payeeList = [];
  685. this.chargeItme = [];
  686. this.queryParams.accountType = this.form.accountType
  687. this.queryParams.isPeers = this.form.isPeers
  688. this.queryParams.bankType = this.form.bankType
  689. this.queryParams.status = "0"
  690. listPayee(this.queryParams).then((response) => {
  691. response.rows.map((res,index) => {
  692. if(res.payeeType==1||res.payeeType==2){
  693. response.rows[index].text = res.payee;
  694. response.rows[index].value = res.id;
  695. this.payeeList.push(res)
  696. }
  697. })
  698. });
  699. },
  700. // 钱计算
  701. moneyChange(input) {
  702. console.log(input)
  703. let obj = {};
  704. obj = this.chargeItme.find((account) => {
  705. //model就是上面的数据源
  706. return parseFloat(account.incomeAmount).toFixed(2) === input; //筛选出匹配数据
  707. });
  708. let total = 0;
  709. this.chargeItme.forEach((money) => {
  710. total = (parseFloat(total) + parseFloat(money.incomeAmount)).toFixed(2)
  711. });
  712. this.$set(this.form, "expenditureAmount", total);
  713. },
  714. goAdd(){
  715. let _this = this
  716. if(this.chargeItme.length<1){
  717. this.$notify({ type: 'danger', message: '请添加收款方信息' });
  718. return;
  719. }
  720. if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){
  721. this.$notify({ type: 'danger', message: '付款事由禁止包含!' });
  722. return;
  723. }
  724. if(this.form.capitalExpenditureType==2){
  725. if(this.projectForm.projectName==""||this.projectForm.projectName==null){
  726. this.$notify({ type: 'danger', message: '请选择项目名称!' });
  727. return;
  728. }
  729. if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){
  730. this.$notify({ type: 'danger', message: '请输入工程发票号!' });
  731. return;
  732. }
  733. }
  734. if(this.form.capitalExpenditureType==4){
  735. if(this.infoForm.name==""||this.infoForm.name==null){
  736. this.$notify({ type: 'danger', message: '请选择合同名称!' });
  737. return;
  738. }
  739. if(this.infoForm.code==""||this.infoForm.code==null){
  740. this.$notify({ type: 'danger', message: '请输入合同编码!' });
  741. return;
  742. }
  743. if(this.infoForm.totalAmount==""||this.infoForm.totalAmount==null){
  744. this.$notify({ type: 'danger', message: '请输入合同价款!' });
  745. return;
  746. }
  747. }
  748. if((this.uploadFiles1==null||this.uploadFiles1.length==0)&&
  749. (this.uploadFiles2==null||this.uploadFiles2.length==0)&&
  750. (this.uploadFiles3==null||this.uploadFiles3.length==0)&&
  751. this.fileList1.length==0&&
  752. this.fileList2.length==0&&
  753. this.fileList3.length==0){
  754. Dialog.confirm({
  755. title: '提示',
  756. message: '此申请单中未上传任何附件,是否确认提交?',
  757. })
  758. .then(() => {
  759. this.$set(this.form, "payeeList", this.chargeItme);
  760. this.$set(this.form, "bankTypeList", this.chargeItme);
  761. this.$set(this.form, "accountTypeList", this.chargeItme);
  762. this.$set(this.form, "transferStatusList", this.chargeItme);
  763. updateTransfer(this.form).then(response => {
  764. this.projectForm.outId = this.form.id
  765. this.infoForm.transferId = this.form.id
  766. this.$set(this.projectForm, "ynType", '1');
  767. if(this.form.capitalExpenditureType==2){
  768. addProjectto(this.projectForm).then(res => {
  769. if(this.form.approvalMode === '1'){
  770. customSubmit(this.form.id).then(res => {
  771. this.$toast.success('提交成功');
  772. setTimeout(function(){
  773. history.go(-1)
  774. },2000)
  775. })
  776. }else{
  777. offlineCustomSubmit(this.form.id).then(res => {
  778. this.$toast.success('提交成功');
  779. setTimeout(function(){
  780. history.go(-1)
  781. },2000)
  782. })
  783. }
  784. })
  785. }else if(this.form.capitalExpenditureType==4){
  786. addInfoto(this.infoForm).then(res => {
  787. if(this.form.approvalMode === '1'){
  788. customSubmit(this.form.id).then(res => {
  789. this.$toast.success('提交成功');
  790. setTimeout(function(){
  791. history.go(-1)
  792. },2000)
  793. })
  794. }else{
  795. offlineCustomSubmit(this.form.id).then(res => {
  796. this.$toast.success('提交成功');
  797. setTimeout(function(){
  798. history.go(-1)
  799. },2000)
  800. })
  801. }
  802. })
  803. }else{
  804. if(this.form.approvalMode === '1'){
  805. customSubmit(this.form.id).then(res => {
  806. this.$toast.success('提交成功');
  807. setTimeout(function(){
  808. history.go(-1)
  809. },2000)
  810. })
  811. }else{
  812. offlineCustomSubmit(this.form.id).then(res => {
  813. this.$toast.success('提交成功');
  814. setTimeout(function(){
  815. history.go(-1)
  816. },2000)
  817. })
  818. }
  819. }
  820. });
  821. })
  822. .catch(() => {
  823. return false;
  824. });
  825. }else{
  826. this.$set(this.form, "payeeList", this.chargeItme);
  827. this.$set(this.form, "bankTypeList", this.chargeItme);
  828. this.$set(this.form, "accountTypeList", this.chargeItme);
  829. this.$set(this.form, "transferStatusList", this.chargeItme);
  830. updateTransfer(this.form).then(response => {
  831. this.projectForm.outId = _this.form.id
  832. this.infoForm.transferId = _this.form.id
  833. this.$set(this.projectForm, "ynType", '1');
  834. if(this.uploadFiles1!=null&&this.uploadFiles1.length>0){
  835. this.uploadFiles1.map((rr1,idx1) => {
  836. let params1 = new FormData();
  837. params1.append("tableId", _this.form.id);
  838. params1.append("tableName", "t_yinnong_transfer");
  839. params1.append("bizPath", "transfer");
  840. params1.append("fileType", "1");
  841. params1.append("file", rr1);
  842. commonAttach(params1).then((r1) => {
  843. if(idx1 == (_this.uploadFiles1.length-1)){
  844. if(_this.uploadFiles2!=null&&_this.uploadFiles2.length>0){
  845. _this.uploadFiles2.map((rr2,idx2) => {
  846. let params2 = new FormData();
  847. params2.append("tableId", _this.form.id);
  848. params2.append("tableName", "t_yinnong_transfer");
  849. params2.append("bizPath", "transfer");
  850. params2.append("fileType", "2");
  851. params2.append("file", rr2);
  852. commonAttach(params2).then((r2) => {
  853. if(idx2 == (_this.uploadFiles2.length-1)){
  854. if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  855. _this.uploadFiles3.map((rr3,idx3) => {
  856. let params3 = new FormData();
  857. params3.append("tableId", _this.form.id);
  858. params3.append("tableName", "t_yinnong_transfer");
  859. params3.append("bizPath", "transfer");
  860. params3.append("fileType", "3");
  861. params3.append("file", rr3);
  862. commonAttach(params3).then((r3) => {
  863. if(idx3 == (_this.uploadFiles3.length-1)){
  864. if(_this.form.capitalExpenditureType==2){
  865. addProjectto(_this.projectForm).then(res => {
  866. if(_this.form.approvalMode === '1'){
  867. customSubmit(_this.form.id).then(res => {
  868. _this.$toast.success('提交成功');
  869. setTimeout(function(){
  870. history.go(-1)
  871. },2000)
  872. })
  873. }else{
  874. offlineCustomSubmit(_this.form.id).then(res => {
  875. _this.$toast.success('提交成功');
  876. setTimeout(function(){
  877. history.go(-1)
  878. },2000)
  879. })
  880. }
  881. })
  882. } else if(_this.form.capitalExpenditureType==4){
  883. addInfoto(_this.infoForm).then(res => {
  884. if(_this.form.approvalMode === '1'){
  885. customSubmit(_this.form.id).then(res => {
  886. _this.$toast.success('提交成功');
  887. setTimeout(function(){
  888. history.go(-1)
  889. },2000)
  890. })
  891. }else{
  892. offlineCustomSubmit(_this.form.id).then(res => {
  893. _this.$toast.success('提交成功');
  894. setTimeout(function(){
  895. history.go(-1)
  896. },2000)
  897. })
  898. }
  899. })
  900. }else{
  901. if(_this.form.approvalMode === '1'){
  902. customSubmit(_this.form.id).then(res => {
  903. _this.$toast.success('提交成功');
  904. setTimeout(function(){
  905. history.go(-1)
  906. },2000)
  907. })
  908. }else{
  909. offlineCustomSubmit(_this.form.id).then(res => {
  910. _this.$toast.success('提交成功');
  911. setTimeout(function(){
  912. history.go(-1)
  913. },2000)
  914. })
  915. }
  916. }
  917. }
  918. })
  919. })
  920. }else{
  921. if(_this.form.capitalExpenditureType==2){
  922. addProjectto(_this.projectForm).then(res => {
  923. if(_this.form.approvalMode === '1'){
  924. customSubmit(_this.form.id).then(res => {
  925. _this.$toast.success('提交成功');
  926. setTimeout(function(){
  927. history.go(-1)
  928. },2000)
  929. })
  930. }else{
  931. offlineCustomSubmit(_this.form.id).then(res => {
  932. _this.$toast.success('提交成功');
  933. setTimeout(function(){
  934. history.go(-1)
  935. },2000)
  936. })
  937. }
  938. })
  939. } else if(_this.form.capitalExpenditureType==4){
  940. addInfoto(_this.infoForm).then(res => {
  941. if(_this.form.approvalMode === '1'){
  942. customSubmit(_this.form.id).then(res => {
  943. _this.$toast.success('提交成功');
  944. setTimeout(function(){
  945. history.go(-1)
  946. },2000)
  947. })
  948. }else{
  949. offlineCustomSubmit(_this.form.id).then(res => {
  950. _this.$toast.success('提交成功');
  951. setTimeout(function(){
  952. history.go(-1)
  953. },2000)
  954. })
  955. }
  956. })
  957. }else{
  958. if(_this.form.approvalMode === '1'){
  959. customSubmit(_this.form.id).then(res => {
  960. _this.$toast.success('提交成功');
  961. setTimeout(function(){
  962. history.go(-1)
  963. },2000)
  964. })
  965. }else{
  966. offlineCustomSubmit(_this.form.id).then(res => {
  967. _this.$toast.success('提交成功');
  968. setTimeout(function(){
  969. history.go(-1)
  970. },2000)
  971. })
  972. }
  973. }
  974. }
  975. }
  976. })
  977. })
  978. }else if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  979. _this.uploadFiles3.map((rr3,idx3) => {
  980. let params3 = new FormData();
  981. params3.append("tableId", _this.form.id);
  982. params3.append("tableName", "t_yinnong_transfer");
  983. params3.append("bizPath", "transfer");
  984. params3.append("fileType", "3");
  985. params3.append("file", rr3);
  986. commonAttach(params3).then((r3) => {
  987. if(idx3 ==(_this.uploadFiles3.length-1)){
  988. if(_this.form.capitalExpenditureType==2){
  989. addProjectto(_this.projectForm).then(res => {
  990. if(_this.form.approvalMode === '1'){
  991. customSubmit(_this.form.id).then(res => {
  992. _this.$toast.success('提交成功');
  993. setTimeout(function(){
  994. history.go(-1)
  995. },2000)
  996. })
  997. }else{
  998. offlineCustomSubmit(_this.form.id).then(res => {
  999. _this.$toast.success('提交成功');
  1000. setTimeout(function(){
  1001. history.go(-1)
  1002. },2000)
  1003. })
  1004. }
  1005. })
  1006. } else if(_this.form.capitalExpenditureType==4){
  1007. addInfoto(_this.infoForm).then(res => {
  1008. if(_this.form.approvalMode === '1'){
  1009. customSubmit(_this.form.id).then(res => {
  1010. _this.$toast.success('提交成功');
  1011. setTimeout(function(){
  1012. history.go(-1)
  1013. },2000)
  1014. })
  1015. }else{
  1016. offlineCustomSubmit(_this.form.id).then(res => {
  1017. _this.$toast.success('提交成功');
  1018. setTimeout(function(){
  1019. history.go(-1)
  1020. },2000)
  1021. })
  1022. }
  1023. })
  1024. }else{
  1025. customSubmit(_this.form.id).then(res => {
  1026. _this.$toast.success('提交成功');
  1027. setTimeout(function(){
  1028. history.go(-1)
  1029. },2000)
  1030. })
  1031. }
  1032. }
  1033. })
  1034. })
  1035. }else{
  1036. if(_this.form.capitalExpenditureType==2){
  1037. addProjectto(_this.projectForm).then(res => {
  1038. if(_this.form.approvalMode === '1'){
  1039. customSubmit(_this.form.id).then(res => {
  1040. _this.$toast.success('提交成功');
  1041. setTimeout(function(){
  1042. history.go(-1)
  1043. },2000)
  1044. })
  1045. }else{
  1046. offlineCustomSubmit(_this.form.id).then(res => {
  1047. _this.$toast.success('提交成功');
  1048. setTimeout(function(){
  1049. history.go(-1)
  1050. },2000)
  1051. })
  1052. }
  1053. })
  1054. } else if(_this.form.capitalExpenditureType==4){
  1055. addInfoto(_this.infoForm).then(res => {
  1056. if(_this.form.approvalMode === '1'){
  1057. customSubmit(_this.form.id).then(res => {
  1058. _this.$toast.success('提交成功');
  1059. setTimeout(function(){
  1060. history.go(-1)
  1061. },2000)
  1062. })
  1063. }else{
  1064. offlineCustomSubmit(_this.form.id).then(res => {
  1065. _this.$toast.success('提交成功');
  1066. setTimeout(function(){
  1067. history.go(-1)
  1068. },2000)
  1069. })
  1070. }
  1071. })
  1072. }else{
  1073. if(_this.form.approvalMode === '1'){
  1074. customSubmit(_this.form.id).then(res => {
  1075. _this.$toast.success('提交成功');
  1076. setTimeout(function(){
  1077. history.go(-1)
  1078. },2000)
  1079. })
  1080. }else{
  1081. offlineCustomSubmit(_this.form.id).then(res => {
  1082. _this.$toast.success('提交成功');
  1083. setTimeout(function(){
  1084. history.go(-1)
  1085. },2000)
  1086. })
  1087. }
  1088. }
  1089. }
  1090. }
  1091. })
  1092. })
  1093. }else if(this.uploadFiles2!=null&&this.uploadFiles2.length>0){
  1094. this.uploadFiles2.map((rr2,idx2) => {
  1095. let params = new FormData();
  1096. params.append("tableId", _this.form.id);
  1097. params.append("tableName", "t_yinnong_transfer");
  1098. params.append("bizPath", "transfer");
  1099. params.append("fileType", "2");
  1100. params.append("file", rr2);
  1101. commonAttach(params).then((r2) => {
  1102. if(idx2 == (_this.uploadFiles2.length-1)){
  1103. if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  1104. _this.uploadFiles3.map((rr3,idx3) => {
  1105. let params3 = new FormData();
  1106. params3.append("tableId", _this.form.id);
  1107. params3.append("tableName", "t_yinnong_transfer");
  1108. params3.append("bizPath", "transfer");
  1109. params3.append("fileType", "3");
  1110. params3.append("file", rr3);
  1111. commonAttach(params).then((r3) => {
  1112. if(idx3 == (_this.uploadFiles3.length-1)){
  1113. if(_this.form.capitalExpenditureType==2){
  1114. addProjectto(_this.projectForm).then(res => {
  1115. if(_this.form.approvalMode === '1'){
  1116. customSubmit(_this.form.id).then(res => {
  1117. _this.$toast.success('提交成功');
  1118. setTimeout(function(){
  1119. history.go(-1)
  1120. },2000)
  1121. })
  1122. }else{
  1123. offlineCustomSubmit(_this.form.id).then(res => {
  1124. _this.$toast.success('提交成功');
  1125. setTimeout(function(){
  1126. history.go(-1)
  1127. },2000)
  1128. })
  1129. }
  1130. })
  1131. } else if(_this.form.capitalExpenditureType==4){
  1132. addInfoto(_this.infoForm).then(res => {
  1133. if(_this.form.approvalMode === '1'){
  1134. customSubmit(_this.form.id).then(res => {
  1135. _this.$toast.success('提交成功');
  1136. setTimeout(function(){
  1137. history.go(-1)
  1138. },2000)
  1139. })
  1140. }else{
  1141. offlineCustomSubmit(_this.form.id).then(res => {
  1142. _this.$toast.success('提交成功');
  1143. setTimeout(function(){
  1144. history.go(-1)
  1145. },2000)
  1146. })
  1147. }
  1148. })
  1149. }else{
  1150. if(_this.form.approvalMode === '1'){
  1151. customSubmit(_this.form.id).then(res => {
  1152. _this.$toast.success('提交成功');
  1153. setTimeout(function(){
  1154. history.go(-1)
  1155. },2000)
  1156. })
  1157. }else{
  1158. offlineCustomSubmit(_this.form.id).then(res => {
  1159. _this.$toast.success('提交成功');
  1160. setTimeout(function(){
  1161. history.go(-1)
  1162. },2000)
  1163. })
  1164. }
  1165. }
  1166. }
  1167. })
  1168. })
  1169. }else{
  1170. if(_this.form.capitalExpenditureType==2){
  1171. addProjectto(_this.projectForm).then(res => {
  1172. if(_this.form.approvalMode === '1'){
  1173. customSubmit(_this.form.id).then(res => {
  1174. _this.$toast.success('提交成功');
  1175. setTimeout(function(){
  1176. history.go(-1)
  1177. },2000)
  1178. })
  1179. }else{
  1180. offlineCustomSubmit(_this.form.id).then(res => {
  1181. _this.$toast.success('提交成功');
  1182. setTimeout(function(){
  1183. history.go(-1)
  1184. },2000)
  1185. })
  1186. }
  1187. })
  1188. } else if(_this.form.capitalExpenditureType==4){
  1189. addInfoto(_this.infoForm).then(res => {
  1190. if(_this.form.approvalMode === '1'){
  1191. customSubmit(_this.form.id).then(res => {
  1192. _this.$toast.success('提交成功');
  1193. setTimeout(function(){
  1194. history.go(-1)
  1195. },2000)
  1196. })
  1197. }else{
  1198. offlineCustomSubmit(_this.form.id).then(res => {
  1199. _this.$toast.success('提交成功');
  1200. setTimeout(function(){
  1201. history.go(-1)
  1202. },2000)
  1203. })
  1204. }
  1205. })
  1206. }else{
  1207. if(_this.form.approvalMode === '1'){
  1208. customSubmit(_this.form.id).then(res => {
  1209. _this.$toast.success('提交成功');
  1210. setTimeout(function(){
  1211. history.go(-1)
  1212. },2000)
  1213. })
  1214. }else{
  1215. offlineCustomSubmit(_this.form.id).then(res => {
  1216. _this.$toast.success('提交成功');
  1217. setTimeout(function(){
  1218. history.go(-1)
  1219. },2000)
  1220. })
  1221. }
  1222. }
  1223. }
  1224. }
  1225. })
  1226. })
  1227. }else if(this.uploadFiles3!=null&&this.uploadFiles3.length>0){
  1228. this.uploadFiles3.map((rr3,idx3) => {
  1229. let params = new FormData();
  1230. params.append("tableId", _this.form.id);
  1231. params.append("tableName", "t_yinnong_transfer");
  1232. params.append("bizPath", "transfer");
  1233. params.append("fileType", "3");
  1234. params.append("file", rr3);
  1235. commonAttach(params).then((r) => {
  1236. if(idx3 == (_this.uploadFiles3.length-1)){
  1237. if(_this.form.capitalExpenditureType==2){
  1238. addProjectto(_this.projectForm).then(res => {
  1239. if(_this.form.approvalMode === '1'){
  1240. customSubmit(_this.form.id).then(res => {
  1241. _this.$toast.success('提交成功');
  1242. setTimeout(function(){
  1243. history.go(-1)
  1244. },2000)
  1245. })
  1246. }else{
  1247. offlineCustomSubmit(_this.form.id).then(res => {
  1248. _this.$toast.success('提交成功');
  1249. setTimeout(function(){
  1250. history.go(-1)
  1251. },2000)
  1252. })
  1253. }
  1254. })
  1255. } else if(_this.form.capitalExpenditureType==4){
  1256. addInfoto(_this.infoForm).then(res => {
  1257. if(_this.form.approvalMode === '1'){
  1258. customSubmit(_this.form.id).then(res => {
  1259. _this.$toast.success('提交成功');
  1260. setTimeout(function(){
  1261. history.go(-1)
  1262. },2000)
  1263. })
  1264. }else{
  1265. offlineCustomSubmit(_this.form.id).then(res => {
  1266. _this.$toast.success('提交成功');
  1267. setTimeout(function(){
  1268. history.go(-1)
  1269. },2000)
  1270. })
  1271. }
  1272. })
  1273. }else{
  1274. if(_this.form.approvalMode === '1'){
  1275. customSubmit(_this.form.id).then(res => {
  1276. _this.$toast.success('提交成功');
  1277. setTimeout(function(){
  1278. history.go(-1)
  1279. },2000)
  1280. })
  1281. }else{
  1282. offlineCustomSubmit(_this.form.id).then(res => {
  1283. _this.$toast.success('提交成功');
  1284. setTimeout(function(){
  1285. history.go(-1)
  1286. },2000)
  1287. })
  1288. }
  1289. }
  1290. }
  1291. })
  1292. })
  1293. }else{
  1294. if(this.form.capitalExpenditureType==2){
  1295. addProjectto(this.projectForm).then(res => {
  1296. if(_this.form.approvalMode === '1'){
  1297. customSubmit(_this.form.id).then(res => {
  1298. _this.$toast.success('提交成功');
  1299. setTimeout(function(){
  1300. history.go(-1)
  1301. },2000)
  1302. })
  1303. }else{
  1304. offlineCustomSubmit(_this.form.id).then(res => {
  1305. _this.$toast.success('提交成功');
  1306. setTimeout(function(){
  1307. history.go(-1)
  1308. },2000)
  1309. })
  1310. }
  1311. })
  1312. } else if(this.form.capitalExpenditureType==4){
  1313. addInfoto(this.infoForm).then(res => {
  1314. if(_this.form.approvalMode === '1'){
  1315. customSubmit(_this.form.id).then(res => {
  1316. _this.$toast.success('提交成功');
  1317. setTimeout(function(){
  1318. history.go(-1)
  1319. },2000)
  1320. })
  1321. }else{
  1322. offlineCustomSubmit(_this.form.id).then(res => {
  1323. _this.$toast.success('提交成功');
  1324. setTimeout(function(){
  1325. history.go(-1)
  1326. },2000)
  1327. })
  1328. }
  1329. })
  1330. }else{
  1331. if(_this.form.approvalMode === '1'){
  1332. customSubmit(_this.form.id).then(res => {
  1333. _this.$toast.success('提交成功');
  1334. setTimeout(function(){
  1335. history.go(-1)
  1336. },2000)
  1337. })
  1338. }else{
  1339. offlineCustomSubmit(_this.form.id).then(res => {
  1340. _this.$toast.success('提交成功');
  1341. setTimeout(function(){
  1342. history.go(-1)
  1343. },2000)
  1344. })
  1345. }
  1346. }
  1347. }
  1348. });
  1349. }
  1350. },
  1351. goUpdate(){
  1352. let _this = this
  1353. if(this.chargeItme.length<1){
  1354. this.$notify({ type: 'danger', message: '请添加收款方信息' });
  1355. return;
  1356. }
  1357. if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){
  1358. this.$notify({ type: 'danger', message: '付款事由禁止包含!' });
  1359. return;
  1360. }
  1361. if(this.form.capitalExpenditureType==2){
  1362. if(this.projectForm.projectName==""||this.projectForm.projectName==null){
  1363. this.$notify({ type: 'danger', message: '请选择项目名称!' });
  1364. return;
  1365. }
  1366. if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){
  1367. this.$notify({ type: 'danger', message: '请输入工程发票号!' });
  1368. return;
  1369. }
  1370. }
  1371. if(this.form.capitalExpenditureType==4){
  1372. if(this.infoForm.name==""||this.infoForm.name==null){
  1373. this.$notify({ type: 'danger', message: '请选择合同名称!' });
  1374. return;
  1375. }
  1376. if(this.infoForm.code==""||this.infoForm.code==null){
  1377. this.$notify({ type: 'danger', message: '请输入合同编码!' });
  1378. return;
  1379. }
  1380. if(this.infoForm.totalAmount==""||this.infoForm.totalAmount==null){
  1381. this.$notify({ type: 'danger', message: '请输入合同价款!' });
  1382. return;
  1383. }
  1384. }
  1385. this.$set(this.form, "payeeList", this.chargeItme);
  1386. this.$set(this.form, "bankTypeList", this.chargeItme);
  1387. this.$set(this.form, "accountTypeList", this.chargeItme);
  1388. this.$set(this.form, "transferStatusList", this.chargeItme);
  1389. updateTransfer(this.form).then(response => {
  1390. this.projectForm.outId = this.form.id
  1391. this.infoForm.transferId = this.form.id
  1392. this.$set(this.projectForm, "ynType", '1');
  1393. if(this.uploadFiles1!=null&&this.uploadFiles1.length>0){
  1394. this.uploadFiles1.map((rr1,idx1) => {
  1395. let params1 = new FormData();
  1396. params1.append("tableId", _this.form.id);
  1397. params1.append("tableName", "t_yinnong_transfer");
  1398. params1.append("bizPath", "transfer");
  1399. params1.append("fileType", "1");
  1400. params1.append("file", rr1);
  1401. commonAttach(params1).then((r1) => {
  1402. if(idx1 == (_this.uploadFiles1.length-1)){
  1403. if(_this.uploadFiles2!=null&&_this.uploadFiles2.length>0){
  1404. _this.uploadFiles2.map((rr2,idx2) => {
  1405. let params2 = new FormData();
  1406. params2.append("tableId", _this.form.id);
  1407. params2.append("tableName", "t_yinnong_transfer");
  1408. params2.append("bizPath", "transfer");
  1409. params2.append("fileType", "2");
  1410. params2.append("file", rr2);
  1411. commonAttach(params2).then((r2) => {
  1412. if(idx2 == (_this.uploadFiles2.length-1)){
  1413. if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  1414. _this.uploadFiles3.map((rr3,idx3) => {
  1415. let params3 = new FormData();
  1416. params3.append("tableId", _this.form.id);
  1417. params3.append("tableName", "t_yinnong_transfer");
  1418. params3.append("bizPath", "transfer");
  1419. params3.append("fileType", "3");
  1420. params3.append("file", rr3);
  1421. commonAttach(params3).then((r3) => {
  1422. if(idx3 == (_this.uploadFiles3.length-1)){
  1423. if(_this.form.capitalExpenditureType==2){
  1424. addProjectto(_this.projectForm).then(res => {
  1425. _this.$toast.success('保存成功');
  1426. setTimeout(function(){
  1427. history.go(-1)
  1428. },2000)
  1429. })
  1430. } else if(_this.form.capitalExpenditureType==4){
  1431. addInfoto(_this.infoForm).then(res => {
  1432. _this.$toast.success('保存成功');
  1433. setTimeout(function(){
  1434. history.go(-1)
  1435. },2000)
  1436. })
  1437. }else{
  1438. _this.$toast.success('保存成功');
  1439. setTimeout(function(){
  1440. history.go(-1)
  1441. },2000)
  1442. }
  1443. }
  1444. })
  1445. })
  1446. }else{
  1447. if(_this.form.capitalExpenditureType==2){
  1448. addProjectto(_this.projectForm).then(res => {
  1449. _this.$toast.success('保存成功');
  1450. setTimeout(function(){
  1451. history.go(-1)
  1452. },2000)
  1453. })
  1454. } else if(_this.form.capitalExpenditureType==4){
  1455. addInfoto(_this.infoForm).then(res => {
  1456. _this.$toast.success('保存成功');
  1457. setTimeout(function(){
  1458. history.go(-1)
  1459. },2000)
  1460. })
  1461. }else{
  1462. _this.$toast.success('保存成功');
  1463. setTimeout(function(){
  1464. history.go(-1)
  1465. },2000)
  1466. }
  1467. }
  1468. }
  1469. })
  1470. })
  1471. }else if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  1472. _this.uploadFiles3.map((rr3,idx3) => {
  1473. let params3 = new FormData();
  1474. params3.append("tableId", _this.form.id);
  1475. params3.append("tableName", "t_yinnong_transfer");
  1476. params3.append("bizPath", "transfer");
  1477. params3.append("fileType", "3");
  1478. params3.append("file", rr3);
  1479. commonAttach(params3).then((r3) => {
  1480. if(idx3 ==(_this.uploadFiles3.length-1)){
  1481. if(_this.form.capitalExpenditureType==2){
  1482. addProjectto(_this.projectForm).then(res => {
  1483. _this.$toast.success('保存成功');
  1484. setTimeout(function(){
  1485. history.go(-1)
  1486. },2000)
  1487. })
  1488. } else if(_this.form.capitalExpenditureType==4){
  1489. addInfoto(_this.infoForm).then(res => {
  1490. _this.$toast.success('保存成功');
  1491. setTimeout(function(){
  1492. history.go(-1)
  1493. },2000)
  1494. })
  1495. }else{
  1496. _this.$toast.success('保存成功');
  1497. setTimeout(function(){
  1498. history.go(-1)
  1499. },2000)
  1500. }
  1501. }
  1502. })
  1503. })
  1504. }else{
  1505. if(_this.form.capitalExpenditureType==2){
  1506. addProjectto(_this.projectForm).then(res => {
  1507. _this.$toast.success('保存成功');
  1508. setTimeout(function(){
  1509. history.go(-1)
  1510. },2000)
  1511. })
  1512. } else if(_this.form.capitalExpenditureType==4){
  1513. addInfoto(_this.infoForm).then(res => {
  1514. _this.$toast.success('保存成功');
  1515. setTimeout(function(){
  1516. history.go(-1)
  1517. },2000)
  1518. })
  1519. }else{
  1520. _this.$toast.success('保存成功');
  1521. setTimeout(function(){
  1522. history.go(-1)
  1523. },2000)
  1524. }
  1525. }
  1526. }
  1527. })
  1528. })
  1529. }else if(this.uploadFiles2!=null&&this.uploadFiles2.length>0){
  1530. this.uploadFiles2.map((rr2,idx2) => {
  1531. let params = new FormData();
  1532. params.append("tableId", _this.form.id);
  1533. params.append("tableName", "t_yinnong_transfer");
  1534. params.append("bizPath", "transfer");
  1535. params.append("fileType", "2");
  1536. params.append("file", rr2);
  1537. commonAttach(params).then((r2) => {
  1538. if(idx2 == (_this.uploadFiles2.length-1)){
  1539. if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  1540. _this.uploadFiles3.map((rr3,idx3) => {
  1541. let params3 = new FormData();
  1542. params3.append("tableId", _this.form.id);
  1543. params3.append("tableName", "t_yinnong_transfer");
  1544. params3.append("bizPath", "transfer");
  1545. params3.append("fileType", "3");
  1546. params3.append("file", rr3);
  1547. commonAttach(params).then((r3) => {
  1548. if(idx3 == (_this.uploadFiles3.length-1)){
  1549. if(_this.form.capitalExpenditureType==2){
  1550. addProjectto(_this.projectForm).then(res => {
  1551. _this.$toast.success('保存成功');
  1552. setTimeout(function(){
  1553. history.go(-1)
  1554. },2000)
  1555. })
  1556. } else if(_this.form.capitalExpenditureType==4){
  1557. addInfoto(_this.infoForm).then(res => {
  1558. _this.$toast.success('保存成功');
  1559. setTimeout(function(){
  1560. history.go(-1)
  1561. },2000)
  1562. })
  1563. }else{
  1564. _this.$toast.success('保存成功');
  1565. setTimeout(function(){
  1566. history.go(-1)
  1567. },2000)
  1568. }
  1569. }
  1570. })
  1571. })
  1572. }else{
  1573. if(_this.form.capitalExpenditureType==2){
  1574. addProjectto(_this.projectForm).then(res => {
  1575. _this.$toast.success('保存成功');
  1576. setTimeout(function(){
  1577. history.go(-1)
  1578. },2000)
  1579. })
  1580. } else if(_this.form.capitalExpenditureType==4){
  1581. addInfoto(_this.infoForm).then(res => {
  1582. _this.$toast.success('保存成功');
  1583. setTimeout(function(){
  1584. history.go(-1)
  1585. },2000)
  1586. })
  1587. }else{
  1588. _this.$toast.success('保存成功');
  1589. setTimeout(function(){
  1590. history.go(-1)
  1591. },2000)
  1592. }
  1593. }
  1594. }
  1595. })
  1596. })
  1597. }else if(this.uploadFiles3!=null&&this.uploadFiles3.length>0){
  1598. this.uploadFiles3.map((rr3,idx3) => {
  1599. let params = new FormData();
  1600. params.append("tableId", _this.form.id);
  1601. params.append("tableName", "t_yinnong_transfer");
  1602. params.append("bizPath", "transfer");
  1603. params.append("fileType", "3");
  1604. params.append("file", rr3);
  1605. commonAttach(params).then((r) => {
  1606. if(idx3 == (_this.uploadFiles3.length-1)){
  1607. if(_this.form.capitalExpenditureType==2){
  1608. addProjectto(_this.projectForm).then(res => {
  1609. _this.$toast.success('保存成功');
  1610. setTimeout(function(){
  1611. history.go(-1)
  1612. },2000)
  1613. })
  1614. } else if(_this.form.capitalExpenditureType==4){
  1615. addInfoto(_this.infoForm).then(res => {
  1616. _this.$toast.success('保存成功');
  1617. setTimeout(function(){
  1618. history.go(-1)
  1619. },2000)
  1620. })
  1621. }else{
  1622. _this.$toast.success('保存成功');
  1623. setTimeout(function(){
  1624. history.go(-1)
  1625. },2000)
  1626. }
  1627. }
  1628. })
  1629. })
  1630. }else{
  1631. if(this.form.capitalExpenditureType==2){
  1632. addProjectto(this.projectForm).then(res => {
  1633. this.$toast.success('保存成功');
  1634. setTimeout(function(){
  1635. history.go(-1)
  1636. },2000)
  1637. })
  1638. } else if(this.form.capitalExpenditureType==4){
  1639. addInfoto(this.infoForm).then(res => {
  1640. this.$toast.success('保存成功');
  1641. setTimeout(function(){
  1642. history.go(-1)
  1643. },2000)
  1644. })
  1645. }else{
  1646. this.$toast.success('保存成功');
  1647. setTimeout(function(){
  1648. history.go(-1)
  1649. },2000)
  1650. }
  1651. }
  1652. });
  1653. },
  1654. payeeSelectChange(select, i) {
  1655. let obj = {};
  1656. let fuzhitype = 0;
  1657. let _this = this
  1658. obj = this.payeeList.find((account) => {
  1659. //model就是上面的数据源
  1660. return account.id === select ; //筛选出匹配数据
  1661. });
  1662. if(this.chargeItme != [] && this.chargeItme.length>1){
  1663. this.chargeItme.some((value, index) => {
  1664. if(value.payeeAccount != undefined &&value.payeeAccount != '' && obj.payeeAccount == value.payeeAccount&&index!=i){
  1665. fuzhitype = 2;
  1666. return true;
  1667. }
  1668. if(_this.form.isPeers!=undefined&&_this.form.isPeers!=null&&_this.form.isPeers=='N'){
  1669. }else{
  1670. if(obj.bankType==1&&value.accountType != undefined &&value.accountType != '' && obj.accountType != value.accountType&&index!=i){
  1671. fuzhitype = 1;
  1672. return true;
  1673. }
  1674. }
  1675. });
  1676. }
  1677. if(fuzhitype == 0){
  1678. this.$set(this.chargeItme[i], "payee",obj.payee)
  1679. this.$set(this.chargeItme[i], "bankType", obj.bankType)
  1680. this.$set(this.chargeItme[i], "payeeId", obj.id);
  1681. this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
  1682. this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
  1683. this.$set(this.chargeItme[i], "accountType", obj.accountType);
  1684. this.$set(this.chargeItme[i], "payeePaymentLines", obj.payeePaymentLines);
  1685. _this.bankTypeDictionaries.map(rr => {
  1686. if(rr.value==obj.bankType){
  1687. this.$set(this.chargeItme[i], "bankTypeText", rr.text);
  1688. }
  1689. })
  1690. }else if(fuzhitype == 1){
  1691. this.$set(this.chargeItme[i], "payee",'')
  1692. this.$set(this.chargeItme[i], "bankType",'')
  1693. this.$set(this.chargeItme[i], "payeeId", '');
  1694. this.$set(this.chargeItme[i], "payeeAccount", '');
  1695. this.$set(this.chargeItme[i], "bankDeposit", '');
  1696. this.$set(this.chargeItme[i], "accountType", '');
  1697. this.$set(this.chargeItme[i], "payeePaymentLines", '');
  1698. this.$set(this.chargeItme[i], "bankTypeText", '');
  1699. this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方!' });
  1700. }else if(fuzhitype == 2){
  1701. this.$set(this.chargeItme[i], "payee",'')
  1702. this.$set(this.chargeItme[i], "bankType",'')
  1703. this.$set(this.chargeItme[i], "payeeId", '');
  1704. this.$set(this.chargeItme[i], "payeeAccount", '');
  1705. this.$set(this.chargeItme[i], "bankDeposit", '');
  1706. this.$set(this.chargeItme[i], "accountType", '');
  1707. this.$set(this.chargeItme[i], "payeePaymentLines", '');
  1708. this.$set(this.chargeItme[i], "bankTypeText", '');
  1709. this.$notify({ type: 'danger', message: '收款方已存在!' });
  1710. }
  1711. },
  1712. selectChange(select) {
  1713. let obj = {};
  1714. obj = this.payerOptions.find((account) => {
  1715. //model就是上面的数据源
  1716. return account.id === select; //筛选出匹配数据
  1717. });
  1718. if(obj.accountPassword != null && obj.accountPassword != "" &&
  1719. obj.bankType != null && obj.bankType != ""){
  1720. this.$set(this.form, "bookId", obj.bookId);
  1721. this.$set(this.form, "deptId", obj.deptId);
  1722. this.$set(this.form, "cashierId", obj.id);
  1723. this.$set(this.form, "payer", obj.accountName);
  1724. this.$set(this.form, "payerAccount", obj.bankAccountNumber);
  1725. this.$set(this.form, "operatorCode", obj.operatorCode);
  1726. this.$set(this.form, "enterpriseCode", obj.enterpriseCode);
  1727. this.$set(this.form, "bankType", obj.bankType);
  1728. this.$set(this.form, "payerFrom", '1');
  1729. console.log(obj.bankType)
  1730. if(obj.bankType==1){
  1731. this.form.accountType = "1"
  1732. this.form.isPeers = null
  1733. this.accountTypeChange();
  1734. }else if(obj.bankType==2||obj.bankType==4){
  1735. this.form.accountType = null
  1736. this.form.isPeers = "Y"
  1737. this.accountTypeChange1();
  1738. }
  1739. }else{
  1740. if(obj.payerFrom==1){
  1741. this.diglogStatus = false;
  1742. this.$notify({ type: 'danger', message: "请完善付款方“操作员代码”、“企业编码”、“支付口令”等信息!" });
  1743. this.$set(this.form,"payer","")
  1744. this.$set(this.form,"payerAccount","")
  1745. }else{
  1746. this.$set(this.form, "payerFrom", obj.parerFrom);
  1747. if(obj.operatorCode!=null&&obj.operatorCode!=''){
  1748. this.$set(this.form, "operatorCode", obj.operatorCode);
  1749. }else{
  1750. this.$set(this.form, "operatorCode", '');
  1751. }
  1752. if(obj.enterpriseCode!=null&&obj.enterpriseCode!=''){
  1753. this.$set(this.form, "enterpriseCode", obj.enterpriseCode);
  1754. }else{
  1755. this.$set(this.form, "enterpriseCode", '');
  1756. }
  1757. if(obj.accountPassword!=null&&obj.accountPassword!=''){
  1758. this.$set(this.form, "accountPassword", obj.accountPassword);
  1759. }else{
  1760. this.$set(this.form, "accountPassword", '');
  1761. }
  1762. this.$set(this.form, "bookId",'');
  1763. this.$set(this.form, "deptId", '');
  1764. this.$set(this.form, "cashierId", obj.id);
  1765. this.$set(this.form, "payer", obj.accountName);
  1766. if(obj.payerFrom==6){
  1767. getQmyeFlow(obj.bankAccountNumber).then((response) => {
  1768. this.$set(this.form, "payerAccount", response.data);
  1769. });
  1770. }else {
  1771. this.$set(this.form, "payerAccount", obj.bankAccountNumber);
  1772. }
  1773. }
  1774. }
  1775. },
  1776. beforeRead1(file) {
  1777. this.uploadFiles1.push(file.file);
  1778. },
  1779. deleteFile1(file){
  1780. this.uploadFiles1.map((response,index) => {
  1781. if(file.file == response){
  1782. this.uploadFiles1.splice(index,1)
  1783. }
  1784. })
  1785. if(file.id){
  1786. systemAttachment(file.id).then((res) => {
  1787. });
  1788. }
  1789. },
  1790. beforeRead2(file) {
  1791. this.uploadFiles2.push(file.file);
  1792. },
  1793. deleteFile2(file){
  1794. this.uploadFiles2.map((response,index) => {
  1795. if(file.file == response){
  1796. this.uploadFiles2.splice(index,1)
  1797. }
  1798. })
  1799. if(file.id){
  1800. systemAttachment(file.id).then((res) => {
  1801. });
  1802. }
  1803. },
  1804. beforeRead3(file) {
  1805. this.uploadFiles3.push(file.file);
  1806. },
  1807. deleteFile3(file){
  1808. this.uploadFiles3.map((response,index) => {
  1809. if(file.file == response){
  1810. this.uploadFiles3.splice(index,1)
  1811. }
  1812. })
  1813. if(file.id){
  1814. systemAttachment(file.id).then((res) => {
  1815. });
  1816. }
  1817. },
  1818. getFileList(){
  1819. let oData1= {
  1820. tableId: this.$route.query.id,
  1821. tableName: "t_yinnong_transfer",
  1822. bizPath: "transfer",
  1823. fileType: "1",
  1824. }
  1825. attachmentList(oData1).then(res => {
  1826. res.rows.map(r => {
  1827. let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
  1828. this.fileList1.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{}),"id":r.id})
  1829. })
  1830. })
  1831. let oData2= {
  1832. tableId: this.$route.query.id,
  1833. tableName: "t_yinnong_transfer",
  1834. bizPath: "transfer",
  1835. fileType: "2",
  1836. }
  1837. attachmentList(oData2).then(res => {
  1838. res.rows.map(r => {
  1839. let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
  1840. this.fileList2.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{}),"id":r.id})
  1841. })
  1842. })
  1843. let oData3= {
  1844. tableId: this.$route.query.id,
  1845. tableName: "t_yinnong_transfer",
  1846. bizPath: "transfer",
  1847. fileType: "3",
  1848. }
  1849. attachmentList(oData3).then(res => {
  1850. res.rows.map(r => {
  1851. let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
  1852. this.fileList3.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{}),"id":r.id})
  1853. })
  1854. })
  1855. },
  1856. goBack(){
  1857. this.$router.push({path:'/sunVillage_info/approvalList'})
  1858. },
  1859. //删除家庭成员
  1860. deleteChargeItme(index){
  1861. this.chargeItme.splice(index,1)
  1862. },
  1863. },
  1864. watch: {
  1865. $route (to, from ) {
  1866. // 监听路由变化, 实现类似 小程序的 onShow 事件
  1867. if (to.path === '/yinnong/approvalModify') {
  1868. // do anything you want
  1869. console.log("aaa")
  1870. if (this.$route.params.payeeForm){
  1871. this.chargeItme.push(this.$route.params.payeeForm)
  1872. console.log(this.$route.params.payeeForm)
  1873. }
  1874. }
  1875. }
  1876. },
  1877. }
  1878. </script>
  1879. <style scoped lang="scss">
  1880. .app-container {
  1881. padding: 2% 0;
  1882. }
  1883. .main_title_box{
  1884. display: flex;
  1885. justify-content: space-between;
  1886. align-items: center;
  1887. }
  1888. .main_title{
  1889. font-size: 0.4rem;
  1890. color: #1D6FE9;
  1891. margin: 0.2rem 6%;
  1892. position: relative;
  1893. /*a{*/
  1894. /* background: #1989fa;*/
  1895. /* color: #ffffff;*/
  1896. /* padding: 0.05rem 0.3rem;*/
  1897. /* border-radius: 5PX;*/
  1898. /*}*/
  1899. }
  1900. .main_box{
  1901. width: 96%;
  1902. margin: 0 auto;
  1903. border-radius: 6px;
  1904. box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  1905. overflow: hidden;
  1906. background-color: #FFF;
  1907. }
  1908. .submitButton{
  1909. width: 80%;
  1910. margin: 0 auto;
  1911. background-color: #1D6FE9;
  1912. }
  1913. .addFamily{
  1914. position: absolute;
  1915. top: -2px;
  1916. right: 0;
  1917. border-radius: 50%;
  1918. }
  1919. .deleteFamily{
  1920. position: absolute;
  1921. top: 0rem;
  1922. right: 6%;
  1923. z-index: 9;
  1924. border-radius: 50%;
  1925. }
  1926. </style>