移动端
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.

approvalModify12.vue 109 KiB

3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
2 years ago
3 years ago
2 years ago
3 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402
  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 readonly :rules="[{ required: true , message:'请输入汇票号码' }]" required label="汇票号码" v-model="form.payerAccount" input-align="right" label-width="auto"/>
  216. <van-field
  217. readonly
  218. label="出票金额(元)"
  219. v-model="form.expenditureAmount"
  220. placeholder=""
  221. input-align="right"
  222. label-width="auto"
  223. required
  224. :rules="[{ required: true , message:'出票金额不能为空!' }]"
  225. />
  226. <van-field
  227. readonly
  228. label="汇票类型"
  229. v-model="orderTypeName"
  230. placeholder=""
  231. input-align="right"
  232. label-width="auto"
  233. required
  234. :rules="[{ required: true , message:'汇票类型不能为空!' }]"
  235. />
  236. <van-field
  237. readonly
  238. label="汇票类型"
  239. v-model="form.orderType"
  240. placeholder=""
  241. input-align="right"
  242. label-width="auto"
  243. style="display: none"
  244. required
  245. :rules="[{ required: true , message:'汇票类型不能为空!' }]"
  246. />
  247. <van-field
  248. readonly
  249. label="开票日"
  250. v-model="form.startTime"
  251. placeholder=""
  252. input-align="right"
  253. label-width="auto"
  254. required
  255. :rules="[{ required: true , message:'开票日不能为空!' }]"
  256. />
  257. <van-field
  258. readonly
  259. label="到期日"
  260. v-model="form.endTime"
  261. placeholder=""
  262. input-align="right"
  263. label-width="auto"
  264. required
  265. :rules="[{ required: true , message:'到期日不能为空!' }]"
  266. />
  267. </div>
  268. <p class="main_title">收款方信息<van-button icon="plus" @click="addChargeItme(chargeItme.length)" size="mini" type="info" native-type="button" class="addFamily"/></p>
  269. <div :style="{position:'relative',padding: index == 0 ? '':'10px 0 0 0'}" v-for="(item, index) in chargeItme" :key="index">
  270. <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteChargeItme(index)" />
  271. <div class="main_box" style="margin-bottom: 10px;position:relative;">
  272. <van-field required :rules="[{ required: true , message:'收票方不能为空' }]" v-model="item.payee" label="收票方" placeholder="请输入收票方全称" input-align="right" label-width="auto"/>
  273. <van-field required :rules="[{ required: true , message:'联系方式不能为空' }]" v-model="item.phone" label="联系方式" placeholder="请输入联系方式" input-align="right" label-width="auto"/>
  274. <van-field required :rules="[{ required: true , message:'所属单位补鞥你为空' }]" v-model="item.unit" label="所属单位" placeholder="请输入所属单位" input-align="right" label-width="auto"/>
  275. <van-field required :rules="[{ required: true , message:'负责人全称不能为空' }]" v-model="item.leader" label="负责人全称" placeholder="请输入负责人全称" input-align="right" label-width="auto"/>
  276. <van-field required :rules="[{ required: true , message:'资金用途不能为空' }]" v-model="item.remark" label="资金用途" placeholder="请输入资金用途" input-align="right" label-width="auto"/>
  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. <van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button>
  292. </van-col>
  293. <van-col span="12" align="center">
  294. <van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">保存并提交</van-button>
  295. </van-col>
  296. </van-row>
  297. <div class="clear"></div>
  298. </div>
  299. </van-form>
  300. </div>
  301. </template>
  302. <script>
  303. import { getAccount , getTransfer , queryTransferDetail , listPayee , updateTransfer , getProjectto ,
  304. listProject , addProjectto , customSubmit , offlineCashSubmit, getQmyeFlow,listInfo ,getInfoto ,addInfoto,listTemplate,selectApprovalByTemplateId} from "@/api/onlineHome/bankAgriculture/paymentApproval";
  305. import request from '@/utils/request';
  306. import {
  307. addCash, addCashdetail,
  308. attachmentList, cashSubmit,
  309. commonAttach, getCash,
  310. listCashdetailByCashId, listMoneyorder, systemAttachment, updateCash
  311. } from "../../../../api/onlineHome/bankAgriculture/paymentApproval";
  312. import Dialog from "vant/lib/dialog";
  313. export default {
  314. name: "approvalModify12",
  315. data() {
  316. return {
  317. showtemplate:false,
  318. showcontract:false,
  319. showcapital:false,
  320. showpayee:false,
  321. showlasj:false,
  322. showbankType:false,
  323. showproject:false,
  324. showFundType:false,
  325. showpayer:false,
  326. minDate: new Date(2000, 1, 1),
  327. maxDate: new Date(2050, 12, 31),
  328. currentDate: new Date(),
  329. form:{},
  330. capitalExpenditureType:'',
  331. payee:'',
  332. bankType:'',
  333. buttonType:'a',
  334. wfydlxDictionaries:[],
  335. jglxDictionaries:[],
  336. sysDictionaries:[],
  337. capitalExpenditureTypeOptions:[],
  338. bankTypeDictionaries:[],
  339. projectList:[],
  340. projectFundTypeOptions:[],
  341. projectFundTypeDictionaries:[],
  342. infoList:[],
  343. payerOptions:[],
  344. chargeItme:[],
  345. chargeItmeShow:[],
  346. payeeList:[],
  347. // 查询参数
  348. queryParams: {
  349. transferType:12,
  350. orderByColumn: "id",
  351. isAsc: "desc",
  352. },
  353. capitalExpenditureOpen:false,
  354. contractOpen:false,
  355. projectForm:{
  356. projectId:null,
  357. projectName:null,
  358. projectContractor:null,
  359. projectAmount:null,
  360. projectBillNum:null,
  361. projectFundType:'1',
  362. outId:null,
  363. ynType:'1'
  364. },
  365. infoForm:{
  366. infoId:null,
  367. name:null,
  368. code:null,
  369. totalAmount:null,
  370. contractionId:null,
  371. transferId:null
  372. },
  373. // 合同信息查询参数
  374. queryContractionParams: {
  375. pageNum: 1,
  376. pageSize: 100,
  377. contractionStatus: '1',
  378. orderByColumn: "endTime",
  379. isAsc: "desc",
  380. },
  381. projectFundType:'',
  382. fileList1:[],
  383. fileList2:[],
  384. fileList3:[],
  385. uploadFiles1:[],
  386. uploadFiles2:[],
  387. uploadFiles3:[],
  388. orderTypeName:'',
  389. orderTypeOptions:[],
  390. templateList:[],
  391. };
  392. },
  393. created() {
  394. this.initProjectInfo();
  395. this.getDicts("project_fund_type").then((response) => {
  396. for (var i = 0; i < response.data.length; i++) {
  397. this.projectFundTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue});
  398. }
  399. this.projectFundTypeDictionaries = response.data;
  400. });
  401. this.getDicts("order_type").then(response => {
  402. this.orderTypeOptions = response.data;
  403. });
  404. let params1={
  405. pageNum: 1,
  406. pageSize: 1000,
  407. }
  408. listMoneyorder(params1).then((response) => {
  409. console.log(response)
  410. this.payerOptions = response.rows;
  411. response.rows.map((res,index) => {
  412. res['payerFrom'] = '12'
  413. console.log(res)
  414. this.payerOptions[index].text = res.billReceiveUnit;
  415. this.payerOptions[index].value = res.id;
  416. })
  417. });
  418. this.getDictionaries();
  419. this.getFileList();
  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. onConfirmTemplate(data){
  430. selectApprovalByTemplateId(data.id).then(res => {
  431. this.showtemplate = false;
  432. if(res.approvalDetails.length>0){
  433. this.form.approvalTemplateName = data.name
  434. this.form.approvalTemplateId = data.id
  435. }else{
  436. this.form.approvalTemplateName = null
  437. this.form.approvalTemplateId = null
  438. this.$notify({ type: 'danger', message: '此流程无节点,无法选择!' });
  439. }
  440. })
  441. },
  442. initProjectInfo(){
  443. let _this = this
  444. let queryParams={
  445. pageNum: 1,
  446. pageSize: 100,
  447. }
  448. listProject(queryParams).then(response => {
  449. _this.projectList = response.rows;
  450. console.log(response)
  451. for (let i = 0; i < response.rows.length; i++) {
  452. //_this.projectList[i].set({text: response.rows[i].projectName, value: response.rows[i].id});
  453. _this.$set(_this.projectList[i],"text",response.rows[i].projectName)
  454. _this.$set(_this.projectList[i],"value",response.rows[i].id)
  455. }
  456. });
  457. listInfo(this.queryContractionParams).then(response => {
  458. console.log(response)
  459. _this.infoList = response.rows;
  460. for (let i = 0; i < response.rows.length; i++) {
  461. //_this.infoList[i].push({text: response.rows[i].name, value: response.rows[i].code});
  462. _this.$set(_this.infoList[i],"text",response.rows[i].name)
  463. _this.$set(_this.infoList[i],"value",response.rows[i].code)
  464. }
  465. });
  466. },
  467. getDictionaries(){
  468. getCash(this.$route.query.id).then((response) => {
  469. this.getDicts("capital_expenditure_type").then((res) => {
  470. for (var i = 0; i < res.data.length; i++) {
  471. this.capitalExpenditureTypeOptions.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
  472. }
  473. this.capitalExpenditureType = this.selectDictLabel(res.data, response.data.capitalExpenditureType);
  474. });
  475. if(response.data.capitalExpenditureType==2){
  476. this.capitalExpenditureOpen = true
  477. let param={
  478. 'outId' : response.data.id,
  479. 'ynType' : '2'
  480. }
  481. getProjectto(param).then(res => {
  482. console.log(this.selectDictLabel(this.projectFundTypeDictionaries, res.data.projectFundType))
  483. this.projectFundType = this.selectDictLabel(this.projectFundTypeDictionaries, res.data.projectFundType);
  484. this.projectForm = res.data
  485. console.log(res.data)
  486. })
  487. }else if(response.data.capitalExpenditureType==4){
  488. this.contractOpen = true
  489. let param={
  490. 'transferId' : response.data.id
  491. }
  492. getInfoto(param).then(res => {
  493. this.infoForm = res.data
  494. })
  495. }else{
  496. this.showproject = false
  497. }
  498. this.form = response.data;
  499. let _this = this
  500. let templateQueryParams = {
  501. // 分页
  502. pageNum: 1,
  503. pageSize: 999,
  504. type:'4',
  505. orderStatus:'1'
  506. };
  507. listTemplate(templateQueryParams).then(rrr => {
  508. this.templateList = rrr.rows;
  509. this.templateList.map(ra => {
  510. if(ra.id == response.data.approvalTemplateId){
  511. _this.form.approvalTemplateName = ra.name
  512. }
  513. })
  514. });
  515. this.orderTypeOptions.map(res => {
  516. if(res.dictValue==this.form.orderType){
  517. this.orderTypeName = res.dictLabel
  518. }
  519. })
  520. });
  521. listCashdetailByCashId(this.$route.query.id).then((response) => {
  522. this.chargeItme = response.data;
  523. this.getPayeeList();
  524. });
  525. },
  526. getChange(){
  527. if(this.buttonType == 'update'){
  528. this.goUpdate();
  529. }else if(this.buttonType == 'add'){
  530. this.goAdd();
  531. }
  532. },
  533. getError(e){
  534. this.$notify({ type: 'danger', message: e.errors[0].message });
  535. },
  536. addChargeItme(index){
  537. if(this.chargeItme.length>0&&this.chargeItme[this.chargeItme.length-1].payee == ''){
  538. this.$notify({ type: 'danger', message: '请勿添加多个空列表信息' });
  539. return;
  540. }
  541. this.chargeItme.splice(index + 1, 0, {
  542. payeeId: "", //收款方ID
  543. payee: "", //收款方
  544. payeeAccount: "", //收款账户
  545. bankDeposit: "", //开户银行
  546. incomeAmount: "", //收入金额
  547. bankType: "", //所属银行
  548. bankTypeText:"", //所属银行
  549. showPayee:false,
  550. showbankType:false
  551. });
  552. },
  553. getPayeeList() {
  554. //普通转账
  555. this.queryParams.accountType = this.form.accountType
  556. this.queryParams.status = "0"
  557. listPayee(this.queryParams).then((response) => {
  558. this.payeeList = response.rows;
  559. response.rows.map((res,index) => {
  560. this.payeeList[index].text = res.payee;
  561. this.payeeList[index].value = res.id;
  562. })
  563. });
  564. },
  565. payeeDictLabel(datas, value) {
  566. var actions = [];
  567. Object.keys(datas).some((key) => {
  568. if (datas[key].payeeId == ('' + value)) {
  569. actions.push(datas[key].payee);
  570. return true;
  571. }
  572. })
  573. return actions.join('');
  574. },
  575. onConfirmCapital(data){
  576. if (data.value == 2){
  577. this.capitalExpenditureOpen = true;
  578. this.contractOpen = false
  579. this.infoForm = {};
  580. }else if(data.value == 4){
  581. this.capitalExpenditureOpen = false;
  582. this.contractOpen = true
  583. this.projectForm = {};
  584. }else{
  585. this.capitalExpenditureOpen = false;
  586. this.contractOpen = false
  587. this.projectForm = {};
  588. this.infoForm = {};
  589. }
  590. this.capitalExpenditureType = data.text;
  591. this.form.capitalExpenditureType = data.value;
  592. this.showcapital = false;
  593. },
  594. onConfirmFundType(data){
  595. console.log(data)
  596. this.projectForm.projectFundType = data.value;
  597. this.projectFundType = data.text;
  598. this.showFundType = false;
  599. },
  600. onConfirmContract(data){
  601. this.infoList.map(res => {
  602. if(res.name==data.text){
  603. this.infoForm.contractionId = res.id;
  604. this.infoForm.name = res.name;
  605. this.infoForm.code = res.code;
  606. this.infoForm.totalAmount = res.totalAmount;
  607. }
  608. })
  609. this.showcontract = false;
  610. },
  611. onConfirmProject(data){
  612. this.projectList.map(res => {
  613. if(res.projectName==data.text){
  614. this.projectForm.projectId = res.id
  615. this.projectForm.projectName = res.projectName
  616. this.projectForm.projectContractor = res.projectContractor
  617. this.projectForm.projectAmount = res.projectAmount
  618. }
  619. })
  620. this.showproject = false;
  621. },
  622. onConfirmPayee(data,index){
  623. console.log(data)
  624. for (var i = 0 ; i < this.chargeItme.length ; i++){
  625. this.chargeItme[i].showPayee = false;
  626. }
  627. this.chargeItme[index].payee = data.text;
  628. this.chargeItme[index].payeeId = data.value;
  629. this.payeeSelectChange(data.value , index)
  630. },
  631. onConfirmBankType(data,index){
  632. for (var i = 0 ; i < this.chargeItme.length ; i++){
  633. this.chargeItme[i].showbankType = false;
  634. }
  635. this.chargeItme[index].bankTypeText = data.text;
  636. this.chargeItme[index].bankType = data.value;
  637. this.chargeItme[index].showbankType = false;
  638. },
  639. onConfirmPayer(select){
  640. this.showpayer = false;
  641. if(this.form.applyDate==""||this.form.applyDate==null){
  642. this.$set(this.form, "payer", "")
  643. this.$notify({ type: 'danger', message: "请先选择申请时间!"});
  644. this.orderTypeName = ''
  645. }else{
  646. if(this.form.applyDate>new Date(select.endTime)){
  647. this.$notify({ type: 'danger', message: "当前申请时间大于汇票的到期日为"+select.endTime+",无法使用!"});
  648. this.$set(this.form, "payer", "")
  649. this.form.payerAccount = ""
  650. this.form.startTime = ""
  651. this.form.endTime = ""
  652. this.form.orderType = ""
  653. this.form.expenditureAmount = ""
  654. this.$set(this.form, "cashierId", "")
  655. this.orderTypeName = ''
  656. }else if(this.form.applyDate<new Date(select.startTime)){
  657. this.$notify({ type: 'danger', message: "当前申请时间小于汇票的开票日为"+select.startTime+",无法使用!" });
  658. this.$set(this.form, "payer", "")
  659. this.form.payerAccount = ""
  660. this.form.startTime = ""
  661. this.form.endTime = ""
  662. this.form.orderType = ""
  663. this.form.expenditureAmount = ""
  664. this.$set(this.form, "cashierId", "")
  665. this.orderTypeName = ''
  666. }else{
  667. this.form.payerAccount = select.orderNum
  668. this.form.startTime = select.startTime
  669. this.form.endTime = select.endTime
  670. this.form.orderType = select.orderType
  671. this.form.expenditureAmount = select.orderAmount
  672. this.$set(this.form, "cashierId", select.id)
  673. this.$set(this.form, "payer", select.billReceiveUnit)
  674. this.orderTypeOptions.map(res => {
  675. if(res.dictValue==this.form.orderType){
  676. this.orderTypeName = res.dictLabel
  677. }
  678. })
  679. }
  680. }
  681. },
  682. onConfirmLasj(data){
  683. this.form.applyDate = this.getNowFormatDate(data).substr(0,10);
  684. this.showlasj = false;
  685. },
  686. accountTypeChange(e){
  687. this.payeeList = [];
  688. this.queryParams.accountType = this.form.accountType
  689. this.queryParams.status = "0"
  690. listPayee(this.queryParams).then((response) => {
  691. this.payeeList = response.rows;
  692. response.rows.map((res,index) => {
  693. this.payeeList[index].text = res.payee;
  694. this.payeeList[index].value = res.id;
  695. })
  696. });
  697. },
  698. // 钱计算
  699. moneyChange(input) {
  700. let obj = {};
  701. obj = this.chargeItme.find((account) => {
  702. //model就是上面的数据源
  703. return parseFloat(account.incomeAmount).toFixed(2) === input; //筛选出匹配数据
  704. });
  705. let total = 0;
  706. this.chargeItme.forEach((money) => {
  707. total = (parseFloat(total) + parseFloat(money.incomeAmount)).toFixed(2)
  708. });
  709. this.$set(this.form, "expenditureAmount", total);
  710. },
  711. goAdd(){
  712. let _this = this
  713. if(this.chargeItme.length<1){
  714. this.$notify({ type: 'danger', message: '请添加收款方信息' });
  715. return;
  716. }
  717. if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){
  718. this.$notify({ type: 'danger', message: '转账附言禁止包含!' });
  719. return;
  720. }
  721. if(this.form.capitalExpenditureType==2){
  722. if(this.projectForm.projectName==""||this.projectForm.projectName==null){
  723. this.$notify({ type: 'danger', message: '请选择项目名称!' });
  724. return;
  725. }
  726. if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){
  727. this.$notify({ type: 'danger', message: '请输入工程发票号!' });
  728. return;
  729. }
  730. }
  731. if(this.form.capitalExpenditureType==4){
  732. if(this.infoForm.name==""||this.infoForm.name==null){
  733. this.$notify({ type: 'danger', message: '请选择合同名称!' });
  734. return;
  735. }
  736. if(this.infoForm.code==""||this.infoForm.code==null){
  737. this.$notify({ type: 'danger', message: '请输入合同编码!' });
  738. return;
  739. }
  740. if(this.infoForm.totalAmount==""||this.infoForm.totalAmount==null){
  741. this.$notify({ type: 'danger', message: '请输入合同价款!' });
  742. return;
  743. }
  744. }
  745. this.$set(this.form, "payeeList", this.chargeItme);
  746. this.$set(this.form, "bankTypeList", this.chargeItme);
  747. this.$set(this.form, "accountTypeList", this.chargeItme);
  748. this.$set(this.form, "transferStatusList", this.chargeItme);
  749. if((this.uploadFiles1==null||this.uploadFiles1.length==0)&&
  750. (this.uploadFiles2==null||this.uploadFiles2.length==0)&&
  751. (this.uploadFiles3==null||this.uploadFiles3.length==0&&
  752. this.fileList1.length==0&&
  753. this.fileList2.length==0&&
  754. this.fileList3.length==0)){
  755. Dialog.confirm({
  756. title: '提示',
  757. message: '此申请单中未上传任何附件,是否确认提交?',
  758. })
  759. .then(() => {
  760. updateCash(this.form).then((response) => {
  761. this.chargeItme.map((res,idx) => {
  762. res.cashId = _this.form.id
  763. addCashdetail(res).then(r => {
  764. if(idx == (_this.chargeItme.length - 1)){
  765. if(_this.form.capitalExpenditureType==2){
  766. _this.projectForm.outId = _this.form.id
  767. _this.$set(_this.projectForm, "ynType", '2');
  768. addProjectto(_this.projectForm).then(res => {
  769. if(_this.form.approvalMode === '1'){
  770. cashSubmit(_this.form.id).then(res => {
  771. _this.$toast.success('提交成功');
  772. setTimeout(function(){
  773. history.go(-1)
  774. },2000)
  775. })
  776. }else{
  777. offlineCashSubmit(_this.form.id).then(res => {
  778. _this.$toast.success('提交成功');
  779. setTimeout(function(){
  780. history.go(-1)
  781. },2000)
  782. })
  783. }
  784. })
  785. }else if(_this.form.capitalExpenditureType==4){
  786. _this.infoForm.transferId = _this.form.id
  787. addInfoto(_this.infoForm).then(res => {
  788. if(_this.form.approvalMode === '1'){
  789. cashSubmit(_this.form.id).then(res => {
  790. _this.$toast.success('提交成功');
  791. setTimeout(function(){
  792. history.go(-1)
  793. },2000)
  794. })
  795. }else{
  796. offlineCashSubmit(_this.form.id).then(res => {
  797. _this.$toast.success('提交成功');
  798. setTimeout(function(){
  799. history.go(-1)
  800. },2000)
  801. })
  802. }
  803. })
  804. }else{
  805. if(_this.form.approvalMode === '1'){
  806. cashSubmit(_this.form.id).then(res => {
  807. _this.$toast.success('提交成功');
  808. setTimeout(function(){
  809. history.go(-1)
  810. },2000)
  811. })
  812. }else{
  813. offlineCashSubmit(_this.form.id).then(res => {
  814. _this.$toast.success('提交成功');
  815. setTimeout(function(){
  816. history.go(-1)
  817. },2000)
  818. })
  819. }
  820. }
  821. }
  822. })
  823. })
  824. });
  825. })
  826. }else {
  827. updateCash(this.form).then((response) => {
  828. this.projectForm.outId = _this.form.id
  829. this.infoForm.transferId = _this.form.id
  830. this.$set(this.projectForm, "ynType", '2');
  831. if(this.uploadFiles1!=null&&this.uploadFiles1.length>0){
  832. this.uploadFiles1.map((rr1,idx1) => {
  833. let params1 = new FormData();
  834. params1.append("tableId", _this.form.id);
  835. params1.append("tableName", "t_yinnong_cash");
  836. params1.append("bizPath", "yinnong");
  837. params1.append("fileType", "1");
  838. params1.append("file", rr1);
  839. commonAttach(params1).then((r1) => {
  840. if(idx1 == (_this.uploadFiles1.length-1)){
  841. if(_this.uploadFiles2!=null&&_this.uploadFiles2.length>0){
  842. _this.uploadFiles2.map((rr2,idx2) => {
  843. let params2 = new FormData();
  844. params2.append("tableId", _this.form.id);
  845. params2.append("tableName", "t_yinnong_cash");
  846. params2.append("bizPath", "yinnong");
  847. params2.append("fileType", "2");
  848. params2.append("file", rr2);
  849. commonAttach(params2).then((r2) => {
  850. if(idx2 == (_this.uploadFiles2.length-1)){
  851. if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  852. _this.uploadFiles3.map((rr3,idx3) => {
  853. let params3 = new FormData();
  854. params3.append("tableId", _this.form.id);
  855. params3.append("tableName", "t_yinnong_cash");
  856. params3.append("bizPath", "yinnong");
  857. params3.append("fileType", "3");
  858. params3.append("file", rr3);
  859. commonAttach(params3).then((r3) => {
  860. if(idx3 == (_this.uploadFiles3.length-1)){
  861. if(_this.form.capitalExpenditureType==2){
  862. addProjectto(_this.projectForm).then(res => {
  863. if(_this.form.approvalMode === '1'){
  864. cashSubmit(_this.form.id).then(res => {
  865. _this.chargeItme.map((resD,b) => {
  866. resD.cashId = _this.form.id
  867. addCashdetail(resD).then((a,rD) => {
  868. if(b == (_this.chargeItme.length-1)){
  869. _this.$toast.success('提交成功');
  870. setTimeout(function(){
  871. history.go(-1)
  872. },2000)
  873. }
  874. })
  875. })
  876. })
  877. }else{
  878. offlineCashSubmit(_this.form.id).then(res => {
  879. _this.chargeItme.map((resD,b) => {
  880. resD.cashId = _this.form.id
  881. addCashdetail(resD).then((a,rD) => {
  882. if(b == (_this.chargeItme.length-1)){
  883. _this.$toast.success('提交成功');
  884. setTimeout(function(){
  885. history.go(-1)
  886. },2000)
  887. }
  888. })
  889. })
  890. })
  891. }
  892. })
  893. } else if(_this.form.capitalExpenditureType==4){
  894. addInfoto(_this.infoForm).then(res => {
  895. if(_this.form.approvalMode === '1'){
  896. cashSubmit(_this.form.id).then(res => {
  897. _this.chargeItme.map((resD,b) => {
  898. resD.cashId = _this.form.id
  899. addCashdetail(resD).then((a,rD) => {
  900. if(b == (_this.chargeItme.length-1)){
  901. _this.$toast.success('提交成功');
  902. setTimeout(function(){
  903. history.go(-1)
  904. },2000)
  905. }
  906. })
  907. })
  908. })
  909. }else{
  910. offlineCashSubmit(_this.form.id).then(res => {
  911. _this.chargeItme.map((resD,b) => {
  912. resD.cashId = _this.form.id
  913. addCashdetail(resD).then((a,rD) => {
  914. if(b == (_this.chargeItme.length-1)){
  915. _this.$toast.success('提交成功');
  916. setTimeout(function(){
  917. history.go(-1)
  918. },2000)
  919. }
  920. })
  921. })
  922. })
  923. }
  924. })
  925. }else{
  926. if(_this.form.approvalMode === '1'){
  927. cashSubmit(_this.form.id).then(res => {
  928. _this.chargeItme.map((resD,b) => {
  929. resD.cashId = _this.form.id
  930. addCashdetail(resD).then((a,rD) => {
  931. if(b == (_this.chargeItme.length-1)){
  932. _this.$toast.success('提交成功');
  933. setTimeout(function(){
  934. history.go(-1)
  935. },2000)
  936. }
  937. })
  938. })
  939. })
  940. }else{
  941. offlineCashSubmit(_this.form.id).then(res => {
  942. _this.chargeItme.map((resD,b) => {
  943. resD.cashId = _this.form.id
  944. addCashdetail(resD).then((a,rD) => {
  945. if(b == (_this.chargeItme.length-1)){
  946. _this.$toast.success('提交成功');
  947. setTimeout(function(){
  948. history.go(-1)
  949. },2000)
  950. }
  951. })
  952. })
  953. })
  954. }
  955. }
  956. }
  957. })
  958. })
  959. }else{
  960. if(_this.form.capitalExpenditureType==2){
  961. addProjectto(_this.projectForm).then(res => {
  962. if(_this.form.approvalMode === '1'){
  963. cashSubmit(_this.form.id).then(res => {
  964. _this.chargeItme.map((resD,b) => {
  965. resD.cashId = _this.form.id
  966. addCashdetail(resD).then((a,rD) => {
  967. if(b == (_this.chargeItme.length-1)){
  968. _this.$toast.success('提交成功');
  969. setTimeout(function(){
  970. history.go(-1)
  971. },2000)
  972. }
  973. })
  974. })
  975. })
  976. }else{
  977. offlineCashSubmit(_this.form.id).then(res => {
  978. _this.chargeItme.map((resD,b) => {
  979. resD.cashId = _this.form.id
  980. addCashdetail(resD).then((a,rD) => {
  981. if(b == (_this.chargeItme.length-1)){
  982. _this.$toast.success('提交成功');
  983. setTimeout(function(){
  984. history.go(-1)
  985. },2000)
  986. }
  987. })
  988. })
  989. })
  990. }
  991. })
  992. } else if(_this.form.capitalExpenditureType==4){
  993. addInfoto(_this.infoForm).then(res => {
  994. if(_this.form.approvalMode === '1'){
  995. cashSubmit(_this.form.id).then(res => {
  996. _this.chargeItme.map((resD,b) => {
  997. resD.cashId = _this.form.id
  998. addCashdetail(resD).then((a,rD) => {
  999. if(b == (_this.chargeItme.length-1)){
  1000. _this.$toast.success('提交成功');
  1001. setTimeout(function(){
  1002. history.go(-1)
  1003. },2000)
  1004. }
  1005. })
  1006. })
  1007. })
  1008. }else{
  1009. offlineCashSubmit(_this.form.id).then(res => {
  1010. _this.chargeItme.map((resD,b) => {
  1011. resD.cashId = _this.form.id
  1012. addCashdetail(resD).then((a,rD) => {
  1013. if(b == (_this.chargeItme.length-1)){
  1014. _this.$toast.success('提交成功');
  1015. setTimeout(function(){
  1016. history.go(-1)
  1017. },2000)
  1018. }
  1019. })
  1020. })
  1021. })
  1022. }
  1023. })
  1024. }else{
  1025. if(_this.form.approvalMode === '1'){
  1026. cashSubmit(_this.form.id).then(res => {
  1027. _this.chargeItme.map((resD,b) => {
  1028. resD.cashId = _this.form.id
  1029. addCashdetail(resD).then((a,rD) => {
  1030. if(b == (_this.chargeItme.length-1)){
  1031. _this.$toast.success('提交成功');
  1032. setTimeout(function(){
  1033. history.go(-1)
  1034. },2000)
  1035. }
  1036. })
  1037. })
  1038. })
  1039. }else{
  1040. offlineCashSubmit(_this.form.id).then(res => {
  1041. _this.chargeItme.map((resD,b) => {
  1042. resD.cashId = _this.form.id
  1043. addCashdetail(resD).then((a,rD) => {
  1044. if(b == (_this.chargeItme.length-1)){
  1045. _this.$toast.success('提交成功');
  1046. setTimeout(function(){
  1047. history.go(-1)
  1048. },2000)
  1049. }
  1050. })
  1051. })
  1052. })
  1053. }
  1054. }
  1055. }
  1056. }
  1057. })
  1058. })
  1059. }else if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  1060. _this.uploadFiles3.map((rr3,idx3) => {
  1061. let params3 = new FormData();
  1062. params3.append("tableId", _this.form.id);
  1063. params3.append("tableName", "t_yinnong_cash");
  1064. params3.append("bizPath", "yinnong");
  1065. params3.append("fileType", "3");
  1066. params3.append("file", rr3);
  1067. commonAttach(params3).then((r3) => {
  1068. if(idx3 ==(_this.uploadFiles3.length-1)){
  1069. if(_this.form.capitalExpenditureType==2){
  1070. addProjectto(_this.projectForm).then(res => {
  1071. if(_this.form.approvalMode === '1'){
  1072. cashSubmit(_this.form.id).then(res => {
  1073. _this.chargeItme.map((resD,b) => {
  1074. resD.cashId = _this.form.id
  1075. addCashdetail(resD).then((a,rD) => {
  1076. if(b == (_this.chargeItme.length-1)){
  1077. _this.$toast.success('提交成功');
  1078. setTimeout(function(){
  1079. history.go(-1)
  1080. },2000)
  1081. }
  1082. })
  1083. })
  1084. })
  1085. }else{
  1086. offlineCashSubmit(_this.form.id).then(res => {
  1087. _this.chargeItme.map((resD,b) => {
  1088. resD.cashId = _this.form.id
  1089. addCashdetail(resD).then((a,rD) => {
  1090. if(b == (_this.chargeItme.length-1)){
  1091. _this.$toast.success('提交成功');
  1092. setTimeout(function(){
  1093. history.go(-1)
  1094. },2000)
  1095. }
  1096. })
  1097. })
  1098. })
  1099. }
  1100. })
  1101. } else if(_this.form.capitalExpenditureType==4){
  1102. addInfoto(_this.infoForm).then(res => {
  1103. if(_this.form.approvalMode === '1'){
  1104. cashSubmit(_this.form.id).then(res => {
  1105. _this.chargeItme.map((resD,b) => {
  1106. resD.cashId = _this.form.id
  1107. addCashdetail(resD).then((a,rD) => {
  1108. if(b == (_this.chargeItme.length-1)){
  1109. _this.$toast.success('提交成功');
  1110. setTimeout(function(){
  1111. history.go(-1)
  1112. },2000)
  1113. }
  1114. })
  1115. })
  1116. })
  1117. }else{
  1118. offlineCashSubmit(_this.form.id).then(res => {
  1119. _this.chargeItme.map((resD,b) => {
  1120. resD.cashId = _this.form.id
  1121. addCashdetail(resD).then((a,rD) => {
  1122. if(b == (_this.chargeItme.length-1)){
  1123. _this.$toast.success('提交成功');
  1124. setTimeout(function(){
  1125. history.go(-1)
  1126. },2000)
  1127. }
  1128. })
  1129. })
  1130. })
  1131. }
  1132. })
  1133. }else{
  1134. if(_this.form.approvalMode === '1'){
  1135. cashSubmit(_this.form.id).then(res => {
  1136. _this.chargeItme.map((resD,b) => {
  1137. resD.cashId = _this.form.id
  1138. addCashdetail(resD).then((a,rD) => {
  1139. if(b == (_this.chargeItme.length-1)){
  1140. _this.$toast.success('提交成功');
  1141. setTimeout(function(){
  1142. history.go(-1)
  1143. },2000)
  1144. }
  1145. })
  1146. })
  1147. })
  1148. }else{
  1149. offlineCashSubmit(_this.form.id).then(res => {
  1150. _this.chargeItme.map((resD,b) => {
  1151. resD.cashId = _this.form.id
  1152. addCashdetail(resD).then((a,rD) => {
  1153. if(b == (_this.chargeItme.length-1)){
  1154. _this.$toast.success('提交成功');
  1155. setTimeout(function(){
  1156. history.go(-1)
  1157. },2000)
  1158. }
  1159. })
  1160. })
  1161. })
  1162. }
  1163. }
  1164. }
  1165. })
  1166. })
  1167. }else{
  1168. if(_this.form.capitalExpenditureType==2){
  1169. addProjectto(_this.projectForm).then(res => {
  1170. if(_this.form.approvalMode === '1'){
  1171. cashSubmit(_this.form.id).then(res => {
  1172. _this.chargeItme.map((resD,b) => {
  1173. resD.cashId = _this.form.id
  1174. addCashdetail(resD).then((a,rD) => {
  1175. if(b == (_this.chargeItme.length-1)){
  1176. _this.$toast.success('提交成功');
  1177. setTimeout(function(){
  1178. history.go(-1)
  1179. },2000)
  1180. }
  1181. })
  1182. })
  1183. })
  1184. }else{
  1185. offlineCashSubmit(_this.form.id).then(res => {
  1186. _this.chargeItme.map((resD,b) => {
  1187. resD.cashId = _this.form.id
  1188. addCashdetail(resD).then((a,rD) => {
  1189. if(b == (_this.chargeItme.length-1)){
  1190. _this.$toast.success('提交成功');
  1191. setTimeout(function(){
  1192. history.go(-1)
  1193. },2000)
  1194. }
  1195. })
  1196. })
  1197. })
  1198. }
  1199. })
  1200. } else if(_this.form.capitalExpenditureType==4){
  1201. addInfoto(_this.infoForm).then(res => {
  1202. if(_this.form.approvalMode === '1'){
  1203. cashSubmit(_this.form.id).then(res => {
  1204. _this.chargeItme.map((resD,b) => {
  1205. resD.cashId = _this.form.id
  1206. addCashdetail(resD).then((a,rD) => {
  1207. if(b == (_this.chargeItme.length-1)){
  1208. _this.$toast.success('提交成功');
  1209. setTimeout(function(){
  1210. history.go(-1)
  1211. },2000)
  1212. }
  1213. })
  1214. })
  1215. })
  1216. }else{
  1217. offlineCashSubmit(_this.form.id).then(res => {
  1218. _this.chargeItme.map((resD,b) => {
  1219. resD.cashId = _this.form.id
  1220. addCashdetail(resD).then((a,rD) => {
  1221. if(b == (_this.chargeItme.length-1)){
  1222. _this.$toast.success('提交成功');
  1223. setTimeout(function(){
  1224. history.go(-1)
  1225. },2000)
  1226. }
  1227. })
  1228. })
  1229. })
  1230. }
  1231. })
  1232. }else{
  1233. if(_this.form.approvalMode === '1'){
  1234. cashSubmit(_this.form.id).then(res => {
  1235. _this.chargeItme.map((resD,b) => {
  1236. resD.cashId = _this.form.id
  1237. addCashdetail(resD).then((a,rD) => {
  1238. if(b == (_this.chargeItme.length-1)){
  1239. _this.$toast.success('提交成功');
  1240. setTimeout(function(){
  1241. history.go(-1)
  1242. },2000)
  1243. }
  1244. })
  1245. })
  1246. })
  1247. }else{
  1248. offlineCashSubmit(_this.form.id).then(res => {
  1249. _this.chargeItme.map((resD,b) => {
  1250. resD.cashId = _this.form.id
  1251. addCashdetail(resD).then((a,rD) => {
  1252. if(b == (_this.chargeItme.length-1)){
  1253. _this.$toast.success('提交成功');
  1254. setTimeout(function(){
  1255. history.go(-1)
  1256. },2000)
  1257. }
  1258. })
  1259. })
  1260. })
  1261. }
  1262. }
  1263. }
  1264. }
  1265. })
  1266. })
  1267. }else if(this.uploadFiles2!=null&&this.uploadFiles2.length>0){
  1268. this.uploadFiles2.map((rr2,idx2) => {
  1269. let params = new FormData();
  1270. params.append("tableId", _this.form.id);
  1271. params.append("tableName", "t_yinnong_cash");
  1272. params.append("bizPath", "yinnong");
  1273. params.append("fileType", "2");
  1274. params.append("file", rr2);
  1275. commonAttach(params).then((r2) => {
  1276. if(idx2 == (_this.uploadFiles2.length-1)){
  1277. if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  1278. _this.uploadFiles3.map((rr3,idx3) => {
  1279. let params3 = new FormData();
  1280. params3.append("tableId", _this.form.id);
  1281. params3.append("tableName", "t_yinnong_cash");
  1282. params3.append("bizPath", "yinnong");
  1283. params3.append("fileType", "3");
  1284. params3.append("file", rr3);
  1285. commonAttach(params).then((r3) => {
  1286. if(idx3 == (_this.uploadFiles3.length-1)){
  1287. if(_this.form.capitalExpenditureType==2){
  1288. addProjectto(_this.projectForm).then(res => {
  1289. if(_this.form.approvalMode === '1'){
  1290. cashSubmit(_this.form.id).then(res => {
  1291. _this.chargeItme.map((resD,b) => {
  1292. resD.cashId = _this.form.id
  1293. addCashdetail(resD).then((a,rD) => {
  1294. if(b == (_this.chargeItme.length-1)){
  1295. _this.$toast.success('提交成功');
  1296. setTimeout(function(){
  1297. history.go(-1)
  1298. },2000)
  1299. }
  1300. })
  1301. })
  1302. })
  1303. }else{
  1304. offlineCashSubmit(_this.form.id).then(res => {
  1305. _this.chargeItme.map((resD,b) => {
  1306. resD.cashId = _this.form.id
  1307. addCashdetail(resD).then((a,rD) => {
  1308. if(b == (_this.chargeItme.length-1)){
  1309. _this.$toast.success('提交成功');
  1310. setTimeout(function(){
  1311. history.go(-1)
  1312. },2000)
  1313. }
  1314. })
  1315. })
  1316. })
  1317. }
  1318. })
  1319. } else if(_this.form.capitalExpenditureType==4){
  1320. addInfoto(_this.infoForm).then(res => {
  1321. if(_this.form.approvalMode === '1'){
  1322. cashSubmit(_this.form.id).then(res => {
  1323. _this.chargeItme.map((resD,b) => {
  1324. resD.cashId = _this.form.id
  1325. addCashdetail(resD).then((a,rD) => {
  1326. if(b == (_this.chargeItme.length-1)){
  1327. _this.$toast.success('提交成功');
  1328. setTimeout(function(){
  1329. history.go(-1)
  1330. },2000)
  1331. }
  1332. })
  1333. })
  1334. })
  1335. }else{
  1336. offlineCashSubmit(_this.form.id).then(res => {
  1337. _this.chargeItme.map((resD,b) => {
  1338. resD.cashId = _this.form.id
  1339. addCashdetail(resD).then((a,rD) => {
  1340. if(b == (_this.chargeItme.length-1)){
  1341. _this.$toast.success('提交成功');
  1342. setTimeout(function(){
  1343. history.go(-1)
  1344. },2000)
  1345. }
  1346. })
  1347. })
  1348. })
  1349. }
  1350. })
  1351. }else{
  1352. if(_this.form.approvalMode === '1'){
  1353. cashSubmit(_this.form.id).then(res => {
  1354. _this.chargeItme.map((resD,b) => {
  1355. resD.cashId = _this.form.id
  1356. addCashdetail(resD).then((a,rD) => {
  1357. if(b == (_this.chargeItme.length-1)){
  1358. _this.$toast.success('提交成功');
  1359. setTimeout(function(){
  1360. history.go(-1)
  1361. },2000)
  1362. }
  1363. })
  1364. })
  1365. })
  1366. }else{
  1367. offlineCashSubmit(_this.form.id).then(res => {
  1368. _this.chargeItme.map((resD,b) => {
  1369. resD.cashId = _this.form.id
  1370. addCashdetail(resD).then((a,rD) => {
  1371. if(b == (_this.chargeItme.length-1)){
  1372. _this.$toast.success('提交成功');
  1373. setTimeout(function(){
  1374. history.go(-1)
  1375. },2000)
  1376. }
  1377. })
  1378. })
  1379. })
  1380. }
  1381. }
  1382. }
  1383. })
  1384. })
  1385. }else{
  1386. if(_this.form.capitalExpenditureType==2){
  1387. addProjectto(_this.projectForm).then(res => {
  1388. if(_this.form.approvalMode === '1'){
  1389. cashSubmit(_this.form.id).then(res => {
  1390. _this.chargeItme.map((resD,b) => {
  1391. resD.cashId = _this.form.id
  1392. addCashdetail(resD).then((a,rD) => {
  1393. if(b == (_this.chargeItme.length-1)){
  1394. _this.$toast.success('提交成功');
  1395. setTimeout(function(){
  1396. history.go(-1)
  1397. },2000)
  1398. }
  1399. })
  1400. })
  1401. })
  1402. }else{
  1403. offlineCashSubmit(_this.form.id).then(res => {
  1404. _this.chargeItme.map((resD,b) => {
  1405. resD.cashId = _this.form.id
  1406. addCashdetail(resD).then((a,rD) => {
  1407. if(b == (_this.chargeItme.length-1)){
  1408. _this.$toast.success('提交成功');
  1409. setTimeout(function(){
  1410. history.go(-1)
  1411. },2000)
  1412. }
  1413. })
  1414. })
  1415. })
  1416. }
  1417. })
  1418. } else if(_this.form.capitalExpenditureType==4){
  1419. addInfoto(_this.infoForm).then(res => {
  1420. if(_this.form.approvalMode === '1'){
  1421. cashSubmit(_this.form.id).then(res => {
  1422. _this.chargeItme.map((resD,b) => {
  1423. resD.cashId = _this.form.id
  1424. addCashdetail(resD).then((a,rD) => {
  1425. if(b == (_this.chargeItme.length-1)){
  1426. _this.$toast.success('提交成功');
  1427. setTimeout(function(){
  1428. history.go(-1)
  1429. },2000)
  1430. }
  1431. })
  1432. })
  1433. })
  1434. }else{
  1435. offlineCashSubmit(_this.form.id).then(res => {
  1436. _this.chargeItme.map((resD,b) => {
  1437. resD.cashId = _this.form.id
  1438. addCashdetail(resD).then((a,rD) => {
  1439. if(b == (_this.chargeItme.length-1)){
  1440. _this.$toast.success('提交成功');
  1441. setTimeout(function(){
  1442. history.go(-1)
  1443. },2000)
  1444. }
  1445. })
  1446. })
  1447. })
  1448. }
  1449. })
  1450. }else{
  1451. if(_this.form.approvalMode === '1'){
  1452. cashSubmit(_this.form.id).then(res => {
  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. }else{
  1466. offlineCashSubmit(_this.form.id).then(res => {
  1467. _this.chargeItme.map((resD,b) => {
  1468. resD.cashId = _this.form.id
  1469. addCashdetail(resD).then((a,rD) => {
  1470. if(b == (_this.chargeItme.length-1)){
  1471. _this.$toast.success('提交成功');
  1472. setTimeout(function(){
  1473. history.go(-1)
  1474. },2000)
  1475. }
  1476. })
  1477. })
  1478. })
  1479. }
  1480. }
  1481. }
  1482. }
  1483. })
  1484. })
  1485. }else if(this.uploadFiles3!=null&&this.uploadFiles3.length>0){
  1486. this.uploadFiles3.map((rr3,idx3) => {
  1487. let params = new FormData();
  1488. params.append("tableId", _this.form.id);
  1489. params.append("tableName", "t_yinnong_cash");
  1490. params.append("bizPath", "yinnong");
  1491. params.append("fileType", "3");
  1492. params.append("file", rr3);
  1493. commonAttach(params).then((r) => {
  1494. if(idx3 == (_this.uploadFiles3.length-1)){
  1495. if(_this.form.capitalExpenditureType==2){
  1496. addProjectto(_this.projectForm).then(res => {
  1497. if(_this.form.approvalMode === '1'){
  1498. cashSubmit(_this.form.id).then(res => {
  1499. _this.chargeItme.map((resD,b) => {
  1500. resD.cashId = _this.form.id
  1501. addCashdetail(resD).then((a,rD) => {
  1502. if(b == (_this.chargeItme.length-1)){
  1503. _this.$toast.success('提交成功');
  1504. setTimeout(function(){
  1505. history.go(-1)
  1506. },2000)
  1507. }
  1508. })
  1509. })
  1510. })
  1511. }else{
  1512. offlineCashSubmit(_this.form.id).then(res => {
  1513. _this.chargeItme.map((resD,b) => {
  1514. resD.cashId = _this.form.id
  1515. addCashdetail(resD).then((a,rD) => {
  1516. if(b == (_this.chargeItme.length-1)){
  1517. _this.$toast.success('提交成功');
  1518. setTimeout(function(){
  1519. history.go(-1)
  1520. },2000)
  1521. }
  1522. })
  1523. })
  1524. })
  1525. }
  1526. })
  1527. } else if(_this.form.capitalExpenditureType==4){
  1528. addInfoto(_this.infoForm).then(res => {
  1529. if(_this.form.approvalMode === '1'){
  1530. cashSubmit(_this.form.id).then(res => {
  1531. _this.chargeItme.map((resD,b) => {
  1532. resD.cashId = _this.form.id
  1533. addCashdetail(resD).then((a,rD) => {
  1534. if(b == (_this.chargeItme.length-1)){
  1535. _this.$toast.success('提交成功');
  1536. setTimeout(function(){
  1537. history.go(-1)
  1538. },2000)
  1539. }
  1540. })
  1541. })
  1542. })
  1543. }else{
  1544. offlineCashSubmit(_this.form.id).then(res => {
  1545. _this.chargeItme.map((resD,b) => {
  1546. resD.cashId = _this.form.id
  1547. addCashdetail(resD).then((a,rD) => {
  1548. if(b == (_this.chargeItme.length-1)){
  1549. _this.$toast.success('提交成功');
  1550. setTimeout(function(){
  1551. history.go(-1)
  1552. },2000)
  1553. }
  1554. })
  1555. })
  1556. })
  1557. }
  1558. })
  1559. }else{
  1560. if(_this.form.approvalMode === '1'){
  1561. cashSubmit(_this.form.id).then(res => {
  1562. _this.chargeItme.map((resD,b) => {
  1563. resD.cashId = _this.form.id
  1564. addCashdetail(resD).then((a,rD) => {
  1565. if(b == (_this.chargeItme.length-1)){
  1566. _this.$toast.success('提交成功');
  1567. setTimeout(function(){
  1568. history.go(-1)
  1569. },2000)
  1570. }
  1571. })
  1572. })
  1573. })
  1574. }else{
  1575. offlineCashSubmit(_this.form.id).then(res => {
  1576. _this.chargeItme.map((resD,b) => {
  1577. resD.cashId = _this.form.id
  1578. addCashdetail(resD).then((a,rD) => {
  1579. if(b == (_this.chargeItme.length-1)){
  1580. _this.$toast.success('提交成功');
  1581. setTimeout(function(){
  1582. history.go(-1)
  1583. },2000)
  1584. }
  1585. })
  1586. })
  1587. })
  1588. }
  1589. }
  1590. }
  1591. })
  1592. })
  1593. }else{
  1594. if(this.form.capitalExpenditureType==2){
  1595. addProjectto(this.projectForm).then(res => {
  1596. if(_this.form.approvalMode === '1'){
  1597. cashSubmit(_this.form.id).then(res => {
  1598. _this.chargeItme.map((resD,b) => {
  1599. resD.cashId = _this.form.id
  1600. addCashdetail(resD).then((a,rD) => {
  1601. if(b == (_this.chargeItme.length-1)){
  1602. _this.$toast.success('提交成功');
  1603. setTimeout(function(){
  1604. history.go(-1)
  1605. },2000)
  1606. }
  1607. })
  1608. })
  1609. })
  1610. }else{
  1611. offlineCashSubmit(_this.form.id).then(res => {
  1612. _this.chargeItme.map((resD,b) => {
  1613. resD.cashId = _this.form.id
  1614. addCashdetail(resD).then((a,rD) => {
  1615. if(b == (_this.chargeItme.length-1)){
  1616. _this.$toast.success('提交成功');
  1617. setTimeout(function(){
  1618. history.go(-1)
  1619. },2000)
  1620. }
  1621. })
  1622. })
  1623. })
  1624. }
  1625. })
  1626. } else if(this.form.capitalExpenditureType==4){
  1627. addInfoto(this.infoForm).then(res => {
  1628. if(_this.form.approvalMode === '1'){
  1629. cashSubmit(_this.form.id).then(res => {
  1630. _this.chargeItme.map((resD,b) => {
  1631. resD.cashId = _this.form.id
  1632. addCashdetail(resD).then((a,rD) => {
  1633. if(b == (_this.chargeItme.length-1)){
  1634. _this.$toast.success('提交成功');
  1635. setTimeout(function(){
  1636. history.go(-1)
  1637. },2000)
  1638. }
  1639. })
  1640. })
  1641. })
  1642. }else{
  1643. offlineCashSubmit(_this.form.id).then(res => {
  1644. _this.chargeItme.map((resD,b) => {
  1645. resD.cashId = _this.form.id
  1646. addCashdetail(resD).then((a,rD) => {
  1647. if(b == (_this.chargeItme.length-1)){
  1648. _this.$toast.success('提交成功');
  1649. setTimeout(function(){
  1650. history.go(-1)
  1651. },2000)
  1652. }
  1653. })
  1654. })
  1655. })
  1656. }
  1657. })
  1658. }else{
  1659. if(_this.form.approvalMode === '1'){
  1660. cashSubmit(_this.form.id).then(res => {
  1661. _this.chargeItme.map((resD,b) => {
  1662. resD.cashId = _this.form.id
  1663. addCashdetail(resD).then((a,rD) => {
  1664. if(b == (_this.chargeItme.length-1)){
  1665. _this.$toast.success('提交成功');
  1666. setTimeout(function(){
  1667. history.go(-1)
  1668. },2000)
  1669. }
  1670. })
  1671. })
  1672. })
  1673. }else{
  1674. offlineCashSubmit(_this.form.id).then(res => {
  1675. _this.chargeItme.map((resD,b) => {
  1676. resD.cashId = _this.form.id
  1677. addCashdetail(resD).then((a,rD) => {
  1678. if(b == (_this.chargeItme.length-1)){
  1679. _this.$toast.success('提交成功');
  1680. setTimeout(function(){
  1681. history.go(-1)
  1682. },2000)
  1683. }
  1684. })
  1685. })
  1686. })
  1687. }
  1688. }
  1689. }
  1690. });
  1691. }
  1692. },
  1693. goUpdate(){
  1694. let _this = this
  1695. if(this.chargeItme.length<1){
  1696. this.$notify({ type: 'danger', message: '请添加收款方信息' });
  1697. return;
  1698. }
  1699. if(this.form.remark != null && this.form.remark.indexOf("|")!=-1){
  1700. this.$notify({ type: 'danger', message: '转账附言禁止包含!' });
  1701. return;
  1702. }
  1703. if(this.form.capitalExpenditureType==2){
  1704. if(this.projectForm.projectName==""||this.projectForm.projectName==null){
  1705. this.$notify({ type: 'danger', message: '请选择项目名称!' });
  1706. return;
  1707. }
  1708. if(this.projectForm.projectBillNum==""||this.projectForm.projectBillNum==null){
  1709. this.$notify({ type: 'danger', message: '请输入工程发票号!' });
  1710. return;
  1711. }
  1712. }
  1713. if(this.form.capitalExpenditureType==4){
  1714. if(this.infoForm.name==""||this.infoForm.name==null){
  1715. this.$notify({ type: 'danger', message: '请选择合同名称!' });
  1716. return;
  1717. }
  1718. if(this.infoForm.code==""||this.infoForm.code==null){
  1719. this.$notify({ type: 'danger', message: '请输入合同编码!' });
  1720. return;
  1721. }
  1722. if(this.infoForm.totalAmount==""||this.infoForm.totalAmount==null){
  1723. this.$notify({ type: 'danger', message: '请输入合同价款!' });
  1724. return;
  1725. }
  1726. }
  1727. this.projectForm.outId = this.form.id
  1728. updateCash(this.form).then(response => {
  1729. this.projectForm.outId = _this.form.id
  1730. this.infoForm.transferId = _this.form.id
  1731. this.$set(this.projectForm, "ynType", '2');
  1732. if(this.uploadFiles1!=null&&this.uploadFiles1.length>0){
  1733. this.uploadFiles1.map((rr1,idx1) => {
  1734. let params1 = new FormData();
  1735. params1.append("tableId", _this.form.id);
  1736. params1.append("tableName", "t_yinnong_cash");
  1737. params1.append("bizPath", "yinnong");
  1738. params1.append("fileType", "1");
  1739. params1.append("file", rr1);
  1740. commonAttach(params1).then((r1) => {
  1741. if(idx1 == (_this.uploadFiles1.length-1)){
  1742. if(_this.uploadFiles2!=null&&_this.uploadFiles2.length>0){
  1743. _this.uploadFiles2.map((rr2,idx2) => {
  1744. let params2 = new FormData();
  1745. params2.append("tableId", _this.form.id);
  1746. params2.append("tableName", "t_yinnong_cash");
  1747. params2.append("bizPath", "yinnong");
  1748. params2.append("fileType", "2");
  1749. params2.append("file", rr2);
  1750. commonAttach(params2).then((r2) => {
  1751. if(idx2 == (_this.uploadFiles2.length-1)){
  1752. if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  1753. _this.uploadFiles3.map((rr3,idx3) => {
  1754. let params3 = new FormData();
  1755. params3.append("tableId", _this.form.id);
  1756. params3.append("tableName", "t_yinnong_cash");
  1757. params3.append("bizPath", "yinnong");
  1758. params3.append("fileType", "3");
  1759. params3.append("file", rr3);
  1760. commonAttach(params3).then((r3) => {
  1761. if(idx3 == (_this.uploadFiles3.length-1)){
  1762. if(_this.form.capitalExpenditureType==2){
  1763. addProjectto(_this.projectForm).then(res => {
  1764. _this.chargeItme.map((resD,b) => {
  1765. resD.cashId = _this.form.id
  1766. addCashdetail(resD).then((a,rD) => {
  1767. if(b == (_this.chargeItme.length-1)){
  1768. _this.$toast.success('保存成功');
  1769. setTimeout(function(){
  1770. history.go(-1)
  1771. },2000)
  1772. }
  1773. })
  1774. })
  1775. })
  1776. } else if(_this.form.capitalExpenditureType==4){
  1777. addInfoto(_this.infoForm).then(res => {
  1778. _this.chargeItme.map((resD,b) => {
  1779. resD.cashId = _this.form.id
  1780. addCashdetail(resD).then((a,rD) => {
  1781. if(b == (_this.chargeItme.length-1)){
  1782. _this.$toast.success('保存成功');
  1783. setTimeout(function(){
  1784. history.go(-1)
  1785. },2000)
  1786. }
  1787. })
  1788. })
  1789. })
  1790. }else{
  1791. _this.chargeItme.map((resD,b) => {
  1792. resD.cashId = _this.form.id
  1793. addCashdetail(resD).then((a,rD) => {
  1794. if(b == (_this.chargeItme.length-1)){
  1795. _this.$toast.success('保存成功');
  1796. setTimeout(function(){
  1797. history.go(-1)
  1798. },2000)
  1799. }
  1800. })
  1801. })
  1802. }
  1803. }
  1804. })
  1805. })
  1806. }else{
  1807. if(_this.form.capitalExpenditureType==2){
  1808. addProjectto(_this.projectForm).then(res => {
  1809. _this.chargeItme.map((resD,b) => {
  1810. resD.cashId = _this.form.id
  1811. addCashdetail(resD).then((a,rD) => {
  1812. if(b == (_this.chargeItme.length-1)){
  1813. _this.$toast.success('保存成功');
  1814. setTimeout(function(){
  1815. history.go(-1)
  1816. },2000)
  1817. }
  1818. })
  1819. })
  1820. })
  1821. } else if(_this.form.capitalExpenditureType==4){
  1822. addInfoto(_this.infoForm).then(res => {
  1823. _this.chargeItme.map((resD,b) => {
  1824. resD.cashId = _this.form.id
  1825. addCashdetail(resD).then((a,rD) => {
  1826. if(b == (_this.chargeItme.length-1)){
  1827. _this.$toast.success('保存成功');
  1828. setTimeout(function(){
  1829. history.go(-1)
  1830. },2000)
  1831. }
  1832. })
  1833. })
  1834. })
  1835. }else{
  1836. _this.chargeItme.map((resD,b) => {
  1837. resD.cashId = _this.form.id
  1838. addCashdetail(resD).then((a,rD) => {
  1839. if(b == (_this.chargeItme.length-1)){
  1840. _this.$toast.success('保存成功');
  1841. setTimeout(function(){
  1842. history.go(-1)
  1843. },2000)
  1844. }
  1845. })
  1846. })
  1847. }
  1848. }
  1849. }
  1850. })
  1851. })
  1852. }else if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  1853. _this.uploadFiles3.map((rr3,idx3) => {
  1854. let params3 = new FormData();
  1855. params3.append("tableId", _this.form.id);
  1856. params3.append("tableName", "t_yinnong_cash");
  1857. params3.append("bizPath", "yinnong");
  1858. params3.append("fileType", "3");
  1859. params3.append("file", rr3);
  1860. commonAttach(params3).then((r3) => {
  1861. if(idx3 ==(_this.uploadFiles3.length-1)){
  1862. if(_this.form.capitalExpenditureType==2){
  1863. addProjectto(_this.projectForm).then(res => {
  1864. _this.chargeItme.map((resD,b) => {
  1865. resD.cashId = _this.form.id
  1866. addCashdetail(resD).then((a,rD) => {
  1867. if(b == (_this.chargeItme.length-1)){
  1868. _this.$toast.success('保存成功');
  1869. setTimeout(function(){
  1870. history.go(-1)
  1871. },2000)
  1872. }
  1873. })
  1874. })
  1875. })
  1876. } else if(_this.form.capitalExpenditureType==4){
  1877. addInfoto(_this.infoForm).then(res => {
  1878. _this.chargeItme.map((resD,b) => {
  1879. resD.cashId = _this.form.id
  1880. addCashdetail(resD).then((a,rD) => {
  1881. if(b == (_this.chargeItme.length-1)){
  1882. _this.$toast.success('保存成功');
  1883. setTimeout(function(){
  1884. history.go(-1)
  1885. },2000)
  1886. }
  1887. })
  1888. })
  1889. })
  1890. }else{
  1891. _this.chargeItme.map((resD,b) => {
  1892. resD.cashId = _this.form.id
  1893. addCashdetail(resD).then((a,rD) => {
  1894. if(b == (_this.chargeItme.length-1)){
  1895. _this.$toast.success('保存成功');
  1896. setTimeout(function(){
  1897. history.go(-1)
  1898. },2000)
  1899. }
  1900. })
  1901. })
  1902. }
  1903. }
  1904. })
  1905. })
  1906. }else{
  1907. if(_this.form.capitalExpenditureType==2){
  1908. addProjectto(_this.projectForm).then(res => {
  1909. _this.chargeItme.map((resD,b) => {
  1910. resD.cashId = _this.form.id
  1911. addCashdetail(resD).then((a,rD) => {
  1912. if(b == (_this.chargeItme.length-1)){
  1913. _this.$toast.success('保存成功');
  1914. setTimeout(function(){
  1915. history.go(-1)
  1916. },2000)
  1917. }
  1918. })
  1919. })
  1920. })
  1921. } else if(_this.form.capitalExpenditureType==4){
  1922. addInfoto(_this.infoForm).then(res => {
  1923. _this.chargeItme.map((resD,b) => {
  1924. resD.cashId = _this.form.id
  1925. addCashdetail(resD).then((a,rD) => {
  1926. if(b == (_this.chargeItme.length-1)){
  1927. _this.$toast.success('保存成功');
  1928. setTimeout(function(){
  1929. history.go(-1)
  1930. },2000)
  1931. }
  1932. })
  1933. })
  1934. })
  1935. }else{
  1936. _this.chargeItme.map((resD,b) => {
  1937. resD.cashId = _this.form.id
  1938. addCashdetail(resD).then((a,rD) => {
  1939. if(b == (_this.chargeItme.length-1)){
  1940. _this.$toast.success('保存成功');
  1941. setTimeout(function(){
  1942. history.go(-1)
  1943. },2000)
  1944. }
  1945. })
  1946. })
  1947. }
  1948. }
  1949. }
  1950. })
  1951. })
  1952. }else if(this.uploadFiles2!=null&&this.uploadFiles2.length>0){
  1953. this.uploadFiles2.map((rr2,idx2) => {
  1954. let params = new FormData();
  1955. params.append("tableId", _this.form.id);
  1956. params.append("tableName", "t_yinnong_cash");
  1957. params.append("bizPath", "yinnong");
  1958. params.append("fileType", "2");
  1959. params.append("file", rr2);
  1960. commonAttach(params).then((r2) => {
  1961. if(idx2 == (_this.uploadFiles2.length-1)){
  1962. if(_this.uploadFiles3!=null&&_this.uploadFiles3.length>0){
  1963. _this.uploadFiles3.map((rr3,idx3) => {
  1964. let params3 = new FormData();
  1965. params3.append("tableId", _this.form.id);
  1966. params3.append("tableName", "t_yinnong_cash");
  1967. params3.append("bizPath", "yinnong");
  1968. params3.append("fileType", "3");
  1969. params3.append("file", rr3);
  1970. commonAttach(params).then((r3) => {
  1971. if(idx3 == (_this.uploadFiles3.length-1)){
  1972. if(_this.form.capitalExpenditureType==2){
  1973. addProjectto(_this.projectForm).then(res => {
  1974. _this.chargeItme.map((resD,b) => {
  1975. resD.cashId = _this.form.id
  1976. addCashdetail(resD).then((a,rD) => {
  1977. if(b == (_this.chargeItme.length-1)){
  1978. _this.$toast.success('保存成功');
  1979. setTimeout(function(){
  1980. history.go(-1)
  1981. },2000)
  1982. }
  1983. })
  1984. })
  1985. })
  1986. } else if(_this.form.capitalExpenditureType==4){
  1987. addInfoto(_this.infoForm).then(res => {
  1988. _this.chargeItme.map((resD,b) => {
  1989. resD.cashId = _this.form.id
  1990. addCashdetail(resD).then((a,rD) => {
  1991. if(b == (_this.chargeItme.length-1)){
  1992. _this.$toast.success('保存成功');
  1993. setTimeout(function(){
  1994. history.go(-1)
  1995. },2000)
  1996. }
  1997. })
  1998. })
  1999. })
  2000. }else{
  2001. _this.chargeItme.map((resD,b) => {
  2002. resD.cashId = _this.form.id
  2003. addCashdetail(resD).then((a,rD) => {
  2004. if(b == (_this.chargeItme.length-1)){
  2005. _this.$toast.success('保存成功');
  2006. setTimeout(function(){
  2007. history.go(-1)
  2008. },2000)
  2009. }
  2010. })
  2011. })
  2012. }
  2013. }
  2014. })
  2015. })
  2016. }else{
  2017. if(_this.form.capitalExpenditureType==2){
  2018. addProjectto(_this.projectForm).then(res => {
  2019. _this.chargeItme.map((resD,b) => {
  2020. resD.cashId = _this.form.id
  2021. addCashdetail(resD).then((a,rD) => {
  2022. if(b == (_this.chargeItme.length-1)){
  2023. _this.$toast.success('保存成功');
  2024. setTimeout(function(){
  2025. history.go(-1)
  2026. },2000)
  2027. }
  2028. })
  2029. })
  2030. })
  2031. } else if(_this.form.capitalExpenditureType==4){
  2032. addInfoto(_this.infoForm).then(res => {
  2033. _this.chargeItme.map((resD,b) => {
  2034. resD.cashId = _this.form.id
  2035. addCashdetail(resD).then((a,rD) => {
  2036. if(b == (_this.chargeItme.length-1)){
  2037. _this.$toast.success('保存成功');
  2038. setTimeout(function(){
  2039. history.go(-1)
  2040. },2000)
  2041. }
  2042. })
  2043. })
  2044. })
  2045. }else{
  2046. _this.chargeItme.map((resD,b) => {
  2047. resD.cashId = _this.form.id
  2048. addCashdetail(resD).then((a,rD) => {
  2049. if(b == (_this.chargeItme.length-1)){
  2050. _this.$toast.success('保存成功');
  2051. setTimeout(function(){
  2052. history.go(-1)
  2053. },2000)
  2054. }
  2055. })
  2056. })
  2057. }
  2058. }
  2059. }
  2060. })
  2061. })
  2062. }else if(this.uploadFiles3!=null&&this.uploadFiles3.length>0){
  2063. this.uploadFiles3.map((rr3,idx3) => {
  2064. let params = new FormData();
  2065. params.append("tableId", _this.form.id);
  2066. params.append("tableName", "t_yinnong_cash");
  2067. params.append("bizPath", "yinnong");
  2068. params.append("fileType", "3");
  2069. params.append("file", rr3);
  2070. commonAttach(params).then((r) => {
  2071. if(idx3 == (_this.uploadFiles3.length-1)){
  2072. if(_this.form.capitalExpenditureType==2){
  2073. addProjectto(_this.projectForm).then(res => {
  2074. _this.chargeItme.map((resD,b) => {
  2075. resD.cashId = _this.form.id
  2076. addCashdetail(resD).then((a,rD) => {
  2077. if(b == (_this.chargeItme.length-1)){
  2078. _this.$toast.success('保存成功');
  2079. setTimeout(function(){
  2080. history.go(-1)
  2081. },2000)
  2082. }
  2083. })
  2084. })
  2085. })
  2086. } else if(_this.form.capitalExpenditureType==4){
  2087. addInfoto(_this.infoForm).then(res => {
  2088. _this.chargeItme.map((resD,b) => {
  2089. resD.cashId = _this.form.id
  2090. addCashdetail(resD).then((a,rD) => {
  2091. if(b == (_this.chargeItme.length-1)){
  2092. _this.$toast.success('保存成功');
  2093. setTimeout(function(){
  2094. history.go(-1)
  2095. },2000)
  2096. }
  2097. })
  2098. })
  2099. })
  2100. }else{
  2101. _this.chargeItme.map((resD,b) => {
  2102. resD.cashId = _this.form.id
  2103. addCashdetail(resD).then((a,rD) => {
  2104. if(b == (_this.chargeItme.length-1)){
  2105. _this.$toast.success('保存成功');
  2106. setTimeout(function(){
  2107. history.go(-1)
  2108. },2000)
  2109. }
  2110. })
  2111. })
  2112. }
  2113. }
  2114. })
  2115. })
  2116. }else{
  2117. if(this.form.capitalExpenditureType==2){
  2118. addProjectto(this.projectForm).then(res => {
  2119. _this.chargeItme.map((resD,b) => {
  2120. resD.cashId = _this.form.id
  2121. addCashdetail(resD).then((a,rD) => {
  2122. if(b == (_this.chargeItme.length-1)){
  2123. _this.$toast.success('保存成功');
  2124. setTimeout(function(){
  2125. history.go(-1)
  2126. },2000)
  2127. }
  2128. })
  2129. })
  2130. })
  2131. } else if(this.form.capitalExpenditureType==4){
  2132. addInfoto(this.infoForm).then(res => {
  2133. _this.chargeItme.map((resD,b) => {
  2134. resD.cashId = _this.form.id
  2135. addCashdetail(resD).then((a,rD) => {
  2136. if(b == (_this.chargeItme.length-1)){
  2137. _this.$toast.success('保存成功');
  2138. setTimeout(function(){
  2139. history.go(-1)
  2140. },2000)
  2141. }
  2142. })
  2143. })
  2144. })
  2145. }else{
  2146. _this.chargeItme.map((resD,b) => {
  2147. resD.cashId = _this.form.id
  2148. addCashdetail(resD).then((a,rD) => {
  2149. if(b == (_this.chargeItme.length-1)){
  2150. _this.$toast.success('保存成功');
  2151. setTimeout(function(){
  2152. history.go(-1)
  2153. },2000)
  2154. }
  2155. })
  2156. })
  2157. }
  2158. }
  2159. });
  2160. },
  2161. payeeSelectChange(select, i) {
  2162. let obj = {};
  2163. let fuzhitype = 0;
  2164. obj = this.payeeList.find((account) => {
  2165. //model就是上面的数据源
  2166. return account.id === select ; //筛选出匹配数据
  2167. });
  2168. if(this.chargeItme != [] && this.chargeItme.length>1){
  2169. this.chargeItme.some((value, index) => {
  2170. if(value.payeeAccount != undefined &&value.payeeAccount != '' && obj.payeeAccount == value.payeeAccount&&index!=i){
  2171. fuzhitype = 2;
  2172. return true;
  2173. }
  2174. if(value.accountType != undefined &&value.accountType != '' && obj.accountType != value.accountType&&index!=i){
  2175. fuzhitype = 1;
  2176. return true;
  2177. }
  2178. });
  2179. }
  2180. if(fuzhitype == 0){
  2181. this.$set(this.chargeItme[i], "payee",obj.payee)
  2182. this.$set(this.chargeItme[i], "bankType", obj.bankType)
  2183. this.$set(this.chargeItme[i], "payeeId", obj.id);
  2184. this.$set(this.chargeItme[i], "payeeAccount", obj.payeeAccount);
  2185. this.$set(this.chargeItme[i], "bankDeposit", obj.bankDeposit);
  2186. this.$set(this.chargeItme[i], "accountType", obj.accountType);
  2187. }else if(fuzhitype == 1){
  2188. this.$set(this.chargeItme[i], "payee",'')
  2189. this.$set(this.chargeItme[i], "bankType",'')
  2190. this.$set(this.chargeItme[i], "payeeId", '');
  2191. this.$set(this.chargeItme[i], "payeeAccount", '');
  2192. this.$set(this.chargeItme[i], "bankDeposit", '');
  2193. this.$set(this.chargeItme[i], "accountType", '');
  2194. this.$notify({ type: 'danger', message: '请选择账户类型相同的收款方!' });
  2195. }else if(fuzhitype == 2){
  2196. this.$set(this.chargeItme[i], "payee",'')
  2197. this.$set(this.chargeItme[i], "bankType",'')
  2198. this.$set(this.chargeItme[i], "payeeId", '');
  2199. this.$set(this.chargeItme[i], "payeeAccount", '');
  2200. this.$set(this.chargeItme[i], "bankDeposit", '');
  2201. this.$set(this.chargeItme[i], "accountType", '');
  2202. this.$notify({ type: 'danger', message: '收款方已存在!' });
  2203. }
  2204. },
  2205. selectChange(select) {
  2206. let obj = {};
  2207. obj = this.payerOptions.find((account) => {
  2208. //model就是上面的数据源
  2209. return account.id === select; //筛选出匹配数据
  2210. });
  2211. if(obj.payerFrom==1&&obj.operatorCode != null && obj.operatorCode != "" &&
  2212. obj.enterpriseCode != null && obj.enterpriseCode != "" &&
  2213. obj.accountPassword != null && obj.accountPassword != ""){
  2214. this.$set(this.form, "bookId", obj.bookId);
  2215. this.$set(this.form, "deptId", obj.deptId);
  2216. this.$set(this.form, "cashierId", obj.id);
  2217. this.$set(this.form, "payer", obj.accountName);
  2218. this.$set(this.form, "payerAccount", obj.bankAccountNumber);
  2219. this.$set(this.form, "operatorCode", obj.operatorCode);
  2220. this.$set(this.form, "enterpriseCode", obj.enterpriseCode);
  2221. this.$set(this.form, "payerFrom", '1');
  2222. }else{
  2223. if(obj.payerFrom==1){
  2224. this.diglogStatus = false;
  2225. this.$notify({ type: 'danger', message: "请完善付款方“操作员代码”、“企业编码”、“支付口令”等信息!" });
  2226. this.$set(this.form,"payer","")
  2227. this.$set(this.form,"payerAccount","")
  2228. }else{
  2229. this.$set(this.form, "payerFrom", obj.parerFrom);
  2230. if(obj.operatorCode!=null&&obj.operatorCode!=''){
  2231. this.$set(this.form, "operatorCode", obj.operatorCode);
  2232. }else{
  2233. this.$set(this.form, "operatorCode", '');
  2234. }
  2235. if(obj.enterpriseCode!=null&&obj.enterpriseCode!=''){
  2236. this.$set(this.form, "enterpriseCode", obj.enterpriseCode);
  2237. }else{
  2238. this.$set(this.form, "enterpriseCode", '');
  2239. }
  2240. if(obj.accountPassword!=null&&obj.accountPassword!=''){
  2241. this.$set(this.form, "accountPassword", obj.accountPassword);
  2242. }else{
  2243. this.$set(this.form, "accountPassword", '');
  2244. }
  2245. this.$set(this.form, "bookId",'');
  2246. this.$set(this.form, "deptId", '');
  2247. this.$set(this.form, "cashierId", obj.id);
  2248. this.$set(this.form, "payer", obj.accountName);
  2249. if(obj.payerFrom==6){
  2250. getQmyeFlow(obj.bankAccountNumber).then((response) => {
  2251. this.$set(this.form, "payerAccount", response.data);
  2252. });
  2253. }else {
  2254. this.$set(this.form, "payerAccount", obj.bankAccountNumber);
  2255. }
  2256. }
  2257. }
  2258. },
  2259. beforeRead1(file) {
  2260. this.uploadFiles1.push(file.file);
  2261. },
  2262. deleteFile1(file){
  2263. this.uploadFiles1.map((response,index) => {
  2264. if(file.file == response){
  2265. this.uploadFiles1.splice(index,1)
  2266. }
  2267. })
  2268. if(file.id){
  2269. systemAttachment(file.id).then((res) => {
  2270. });
  2271. }
  2272. },
  2273. beforeRead2(file) {
  2274. this.uploadFiles2.push(file.file);
  2275. },
  2276. deleteFile2(file){
  2277. this.uploadFiles2.map((response,index) => {
  2278. if(file.file == response){
  2279. this.uploadFiles2.splice(index,1)
  2280. }
  2281. })
  2282. if(file.id){
  2283. systemAttachment(file.id).then((res) => {
  2284. });
  2285. }
  2286. },
  2287. beforeRead3(file) {
  2288. this.uploadFiles3.push(file.file);
  2289. },
  2290. deleteFile3(file){
  2291. this.uploadFiles3.map((response,index) => {
  2292. if(file.file == response){
  2293. this.uploadFiles3.splice(index,1)
  2294. }
  2295. })
  2296. if(file.id){
  2297. systemAttachment(file.id).then((res) => {
  2298. });
  2299. }
  2300. },
  2301. getFileList(){
  2302. let oData1= {
  2303. tableId: this.$route.query.id,
  2304. tableName: "t_yinnong_cash",
  2305. bizPath: "yinnong",
  2306. fileType: "1",
  2307. }
  2308. attachmentList(oData1).then(res => {
  2309. res.rows.map(r => {
  2310. let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
  2311. this.fileList1.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{}),"id":r.id})
  2312. })
  2313. })
  2314. let oData2= {
  2315. tableId: this.$route.query.id,
  2316. tableName: "t_yinnong_cash",
  2317. bizPath: "yinnong",
  2318. fileType: "2",
  2319. }
  2320. attachmentList(oData2).then(res => {
  2321. res.rows.map(r => {
  2322. let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
  2323. this.fileList2.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{}),"id":r.id})
  2324. })
  2325. })
  2326. let oData3= {
  2327. tableId: this.$route.query.id,
  2328. tableName: "t_yinnong_cash",
  2329. bizPath: "yinnong",
  2330. fileType: "3",
  2331. }
  2332. attachmentList(oData3).then(res => {
  2333. res.rows.map(r => {
  2334. let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL
  2335. this.fileList3.push({"url":baseUrl + r.fileUrl,"file":new File([],r.fileName,{}),"id":r.id})
  2336. })
  2337. })
  2338. },
  2339. goBack(){
  2340. window.history.go(-1)
  2341. },
  2342. //删除家庭成员
  2343. deleteChargeItme(index){
  2344. this.chargeItme.splice(index,1)
  2345. },
  2346. },
  2347. }
  2348. </script>
  2349. <style scoped lang="scss">
  2350. .app-container {
  2351. padding: 2% 0;
  2352. }
  2353. .main_title{
  2354. font-size: 0.4rem;
  2355. color: #1D6FE9;
  2356. margin: 0.2rem 6%;
  2357. position: relative;
  2358. }
  2359. .main_box{
  2360. width: 96%;
  2361. margin: 0 auto;
  2362. border-radius: 6px;
  2363. box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  2364. overflow: hidden;
  2365. background-color: #FFF;
  2366. }
  2367. .submitButton{
  2368. width: 80%;
  2369. margin: 0 auto;
  2370. background-color: #1D6FE9;
  2371. }
  2372. .addFamily{
  2373. position: absolute;
  2374. top: -2px;
  2375. right: 0;
  2376. border-radius: 50%;
  2377. }
  2378. .deleteFamily{
  2379. position: absolute;
  2380. top: 0rem;
  2381. right: 6%;
  2382. z-index: 9;
  2383. border-radius: 50%;
  2384. }
  2385. </style>