移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

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