移动端
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

1938 lignes
90 KiB

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