a.html 79 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport"
  6. content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
  7. <link rel="stylesheet" href="./resource/vantIndex.css" />
  8. <link rel="stylesheet" href="./vue-form-making/index.css">
  9. </head>
  10. <body>
  11. <style>
  12. :root:root {
  13. --van-nav-bar-background: rgb(21, 122, 44);
  14. --van-nav-bar-title-text-color: rgb(255, 255, 255);
  15. --van-nav-bar-icon-color: rgb(255, 255, 255);
  16. }
  17. .blank_adopzrdd {
  18. display: flex;
  19. align-items: center;
  20. margin-bottom: 10px;
  21. }
  22. .blank_adopzrdd>span {
  23. display: inline-block;
  24. width: 80px;
  25. }
  26. .seal-form-row {
  27. display: flex; align-items: center; padding: 10px 16px;
  28. border-bottom: 1px solid #ebedf0; background: #fff;
  29. }
  30. .seal-form-label { width: 100px; font-size: 14px; color: #646566; flex-shrink: 0; }
  31. .seal-form-val { flex: 1; font-size: 14px; color: #333; text-align: right; }
  32. .seal-form-arrow { font-size: 20px; color: #c8c9cc; margin-left: 8px; }
  33. .seal-form-input { flex: 1; border: none; font-size: 14px; text-align: right; outline: none; background: transparent; }
  34. .seal-card { background: #fff; border-radius: 8px; margin-bottom: 10px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
  35. .seal-card-header { display: flex; align-items: center; padding: 10px 12px; background: #f7f8fa; border-bottom: 1px solid #ebedf0; }
  36. .seal-card-index { font-size: 14px; font-weight: bold; color: #157A2C; margin-right: 8px; }
  37. .seal-card-type { flex: 1; font-size: 15px; font-weight: bold; color: #323233; }
  38. .seal-card-actions { display: flex; gap: 6px; flex-shrink: 0; }
  39. .seal-card-body { padding: 8px 12px; }
  40. .seal-card-row { display: flex; padding: 6px 0; font-size: 13px; }
  41. .seal-card-label { width: 42px; color: #969799; flex-shrink: 0; }
  42. .seal-card-value { flex: 1; color: #323233; word-break: break-all; }
  43. :root#app {
  44. background: #4298fd0d;
  45. }
  46. ::v-deep.fm-form-item {
  47. margin-bottom: 10px !important;
  48. }
  49. .process {
  50. margin-top: 44px;
  51. }
  52. </style>
  53. <div id="app">
  54. <van-nav-bar height='100rpx;margin-top:100rpx' @click-left="onClickLeft"
  55. style="background-color: rgb(21, 122, 44);color: rgb(255, 255, 255);" :title="title" left-arrow
  56. :safe-area-inset-top='true' :placeholder='true' :fixed='true'></van-nav-bar>
  57. <div class="process">
  58. <div class="seal-form-row" @click="openProcessCategoryPicker">
  59. <span class="seal-form-label">流程分类</span>
  60. <span class="seal-form-val">{{ form.LCFLName || '请选择' }}</span>
  61. <span class="seal-form-arrow">›</span>
  62. </div>
  63. <div class="seal-form-row" @click="openProcessTypePicker">
  64. <span class="seal-form-label">发起流程</span>
  65. <span class="seal-form-val">{{ form.FQLCName || '请选择' }}</span>
  66. <span class="seal-form-arrow">›</span>
  67. </div>
  68. </div>
  69. <fm-generate-vant-form style='height: 65vh !important;overflow: auto;background: #a3a6ad1c;'
  70. v-if='isFlag' :data="jsonData" :value="form.valueJson" ref="generateForm" :edit='isEdit' @on-upload-local="handleUploadLocal">
  71. <!-- 费用报销 -->
  72. <template v-slot:blank_adopzrdd="scope">
  73. <div style="width: 100%;">
  74. <van-button type="primary" size="small" @click="addNewRow('blank_adopzrdd')"
  75. style="margin-bottom: 10px">添加报销事项</van-button>
  76. <div v-for="(item, index) in scope.model.blank_adopzrdd" :key="index" style="width: 100%;">
  77. <div class="blank_adopzrdd">
  78. <span>{{ index + 1 }}报销事项:</span>
  79. <van-field rows="1" v-model="scope.model.blank_adopzrdd[index].remark" type="textarea"
  80. autosize style="width: calc(100% - 80px)"></van-field>
  81. </div>
  82. <div class="blank_adopzrdd">
  83. <span>
  84. <!-- <van-icon @click="delNewRow('blank_adopzrdd', index)" name="delete"
  85. style="color: #f56c6c;"></van-icon> -->
  86. 金额:</span>
  87. <van-field v-model="scope.model.blank_adopzrdd[index].price" type="number"
  88. style="width: calc(100% - 80px)"
  89. @change="changePrice(scope.model.blank_adopzrdd)"></van-field>
  90. </div>
  91. <div class="blank_adopzrdd">
  92. <span>
  93. <van-icon @click="delNewRow('blank_adopzrdd', index, true)" name="delete"
  94. style="color: #f56c6c;"></van-icon>
  95. 附件:</span>
  96. <template v-if="item.files && item.files.length">
  97. <van-badge :content="item.files.length">
  98. <van-button type="primary" size="mini" @click="handleUploadLocal('blank_adopzrdd', index)">上传附件</van-button>
  99. </van-badge>
  100. </template>
  101. <van-button v-else type="primary" size="mini" @click="handleUploadLocal('blank_adopzrdd', index)">上传附件</van-button>
  102. </div>
  103. </div>
  104. </div>
  105. </template>
  106. <template v-slot:manage_workorder="scope">
  107. <van-field v-model="scope.model.manage_workorder.code" readonly @click="addWorkOrder()"></van-field>
  108. </template>
  109. <template v-slot:blank_use_seal="scope">
  110. <div style="width: 100%;">
  111. <!-- 列表项 -->
  112. <view v-for="(item, index) in scope.model.blank_use_seal" :key="index" class="seal-card">
  113. <div class="seal-card-header">
  114. <span class="seal-card-index">{{ index + 1 }}.</span>
  115. <span class="seal-card-type">{{ item.useSealType || '未选择类型' }}</span>
  116. <div class="seal-card-actions">
  117. <van-button size="mini" type="primary" plain @click="openSealEditDialog(scope, 'edit', index)">编辑</van-button>
  118. <van-button size="mini" type="danger" plain @click="delNewRow('blank_use_seal', index)">删除</van-button>
  119. </div>
  120. </div>
  121. <div class="seal-card-body">
  122. <div class="seal-card-row">
  123. <span class="seal-card-label">事由</span>
  124. <span class="seal-card-value">{{ item.useSealRemark || '未填写' }}</span>
  125. </div>
  126. <div class="seal-card-row">
  127. <span class="seal-card-label">印章</span>
  128. <span class="seal-card-value">{{ item.useSealName || '未选择' }}</span>
  129. </div>
  130. </div>
  131. </view>
  132. <van-button type="primary" size="small" block @click="openSealEditDialog(scope, 'add', scope.model.blank_use_seal?scope.model.blank_use_seal.length:0)" style="margin-bottom:10px">+ 添加印章使用</van-button>
  133. </div>
  134. </template>
  135. <template v-slot:blank_use_qualification="scope">
  136. <div style="width: 100%;">
  137. <view v-for="(item, index) in scope.model.blank_use_qualification" :key="index" class="seal-card">
  138. <div class="seal-card-header">
  139. <span class="seal-card-index">{{ index + 1 }}.</span>
  140. <span class="seal-card-type">{{ item.useQualificationType || '未选择类型' }}</span>
  141. <div class="seal-card-actions">
  142. <van-button size="mini" type="primary" plain @click="openQualEditDialog(scope, 'edit', index)">编辑</van-button>
  143. <van-button size="mini" type="danger" plain @click="delNewRow('blank_use_qualification', index)">删除</van-button>
  144. </div>
  145. </div>
  146. <div class="seal-card-body">
  147. <div class="seal-card-row">
  148. <span class="seal-card-label">事由</span>
  149. <span class="seal-card-value">{{ item.useQualificationRemark || '未填写' }}</span>
  150. </div>
  151. <div class="seal-card-row">
  152. <span class="seal-card-label">名称</span>
  153. <span class="seal-card-value">{{ item.useQualificationName || '未选择' }}</span>
  154. </div>
  155. </div>
  156. </view>
  157. <van-button type="primary" size="small" block @click="openQualEditDialog(scope, 'add', scope.model.blank_use_qualification?scope.model.blank_use_qualification.length:0)" style="margin-bottom:10px">+ 添加资质使用</van-button>
  158. </div>
  159. </template>
  160. <template v-slot:blank_application_component="scope">
  161. <div style="width: 100%;">
  162. <view v-for="(item, index) in scope.model.blank_application_component" :key="index" class="seal-card">
  163. <div class="seal-card-header">
  164. <span class="seal-card-index">{{ index + 1 }}.</span>
  165. <span class="seal-card-type">{{ item.productName || '未选择产品' }}</span>
  166. <div class="seal-card-actions">
  167. <van-button size="mini" type="primary" plain @click="openAppEditDialog(scope, 'edit', index)">编辑</van-button>
  168. <van-button size="mini" type="danger" plain @click="delNewRow('blank_application_component', index)">删除</van-button>
  169. </div>
  170. </div>
  171. <div class="seal-card-body">
  172. <div class="seal-card-row">
  173. <span class="seal-card-label">数量</span>
  174. <span class="seal-card-value">{{ item.quantity || '未填写' }}</span>
  175. </div>
  176. <div class="seal-card-row">
  177. <span class="seal-card-label">规格</span>
  178. <span class="seal-card-value">{{ item.specification || '未填写' }}</span>
  179. </div>
  180. </div>
  181. </view>
  182. <van-button type="primary" size="small" block @click="openAppEditDialog(scope, 'add', scope.model.blank_application_component?scope.model.blank_application_component.length:0)" style="margin-bottom:10px">+ 添加产品</van-button>
  183. </div>
  184. </template>
  185. <template v-slot:blank_business_trip="scope">
  186. <div style="width: 100%;">
  187. <view v-for="(item, index) in scope.model.blank_business_trip" :key="index" class="seal-card">
  188. <div class="seal-card-header">
  189. <span class="seal-card-index">{{ index + 1 }}.</span>
  190. <span class="seal-card-type">{{ item.transportation || '未知交通' }} {{ item.departureCity || '?' }}→{{ item.destinationCity || '?' }}</span>
  191. <div class="seal-card-actions">
  192. <van-button size="mini" type="primary" plain @click="openTripEditDialog(scope, 'edit', index)">编辑</van-button>
  193. <van-button size="mini" type="danger" plain @click="delNewRow('blank_business_trip', index).then(() => calcTripTotal())">删除</van-button>
  194. </div>
  195. </div>
  196. <div class="seal-card-body">
  197. <div class="seal-card-row">
  198. <span class="seal-card-label">往返</span>
  199. <span class="seal-card-value">{{ item.isRoundTrip || '未填写' }}</span>
  200. </div>
  201. <div class="seal-card-row">
  202. <span class="seal-card-label">时间</span>
  203. <span class="seal-card-value">{{ item.startTime || '-' }} ~ {{ item.endTime || '-' }}</span>
  204. </div>
  205. <div class="seal-card-row">
  206. <span class="seal-card-label">时长</span>
  207. <span class="seal-card-value">{{ item.duration || '-' }}</span>
  208. </div>
  209. </div>
  210. </view>
  211. <van-button type="primary" size="small" block @click="openTripEditDialog(scope, 'add', scope.model.blank_business_trip?scope.model.blank_business_trip.length:0)" style="margin-bottom:10px">+ 添加行程</van-button>
  212. </div>
  213. </template>
  214. <template v-slot:blank_purchase_requisition="scope">
  215. <div style="width: 100%;">
  216. <view v-for="(item, index) in scope.model.blank_purchase_requisition" :key="index" class="seal-card">
  217. <div class="seal-card-header">
  218. <span class="seal-card-index">{{ index + 1 }}.</span>
  219. <span class="seal-card-type">{{ item.materialName || '未填写物料' }} ×{{ item.quantity||0 }}{{ item.unit||'' }}</span>
  220. <div class="seal-card-actions">
  221. <van-button size="mini" type="primary" plain @click="openPrEditDialog(scope, 'edit', index)">编辑</van-button>
  222. <van-button size="mini" type="danger" plain @click="delNewRow('blank_purchase_requisition', index)">删除</van-button>
  223. </div>
  224. </div>
  225. <div class="seal-card-body">
  226. <div class="seal-card-row">
  227. <span class="seal-card-label">规格</span>
  228. <span class="seal-card-value">{{ item.specification || '-' }}</span>
  229. </div>
  230. <div class="seal-card-row">
  231. <span class="seal-card-label">用途</span>
  232. <span class="seal-card-value">{{ item.purpose || '-' }}</span>
  233. </div>
  234. <div class="seal-card-row">
  235. <span class="seal-card-label">交付</span>
  236. <span class="seal-card-value">{{ item.expectedDeliveryDate || '-' }}</span>
  237. </div>
  238. <div class="seal-card-row" v-if="item.remark">
  239. <span class="seal-card-label">备注</span>
  240. <span class="seal-card-value">{{ item.remark }}</span>
  241. </div>
  242. </div>
  243. </view>
  244. <van-button type="primary" size="small" block @click="openPrEditDialog(scope, 'add', scope.model.blank_purchase_requisition?scope.model.blank_purchase_requisition.length:0)" style="margin-bottom:10px">+ 添加物料</van-button>
  245. </div>
  246. </template>
  247. <template v-slot:blank_business_component="scope">
  248. <div style="width: 100%;">
  249. <view v-for="(item, index) in scope.model.blank_business_component" :key="index" class="seal-card">
  250. <div class="seal-card-header">
  251. <span class="seal-card-index">{{ index + 1 }}.</span>
  252. <span class="seal-card-type">{{ item.transportationWay || '未知交通' }} {{ item.startPlace || '?' }}→{{ item.endPlace || '?' }}</span>
  253. <div class="seal-card-actions">
  254. <van-button size="mini" type="primary" plain @click="openBusinessEditDialog(scope, 'edit', index)">编辑</van-button>
  255. <van-button size="mini" type="danger" plain @click="delNewRow('blank_business_component', index).then(() => calcBizTotal())">删除</van-button>
  256. </div>
  257. </div>
  258. <div class="seal-card-body">
  259. <div class="seal-card-row">
  260. <span class="seal-card-label">出发</span>
  261. <span class="seal-card-value">{{ item.startDate || '-' }}</span>
  262. </div>
  263. <div class="seal-card-row">
  264. <span class="seal-card-label">到达</span>
  265. <span class="seal-card-value">{{ item.endDate || '-' }}</span>
  266. </div>
  267. <div class="seal-card-row">
  268. <span class="seal-card-label">出发地</span>
  269. <span class="seal-card-value">{{ item.startPlace || '-' }}</span>
  270. </div>
  271. <div class="seal-card-row">
  272. <span class="seal-card-label">到达地</span>
  273. <span class="seal-card-value">{{ item.endPlace || '-' }}</span>
  274. </div>
  275. <div class="seal-card-row">
  276. <span class="seal-card-label">交通</span>
  277. <span class="seal-card-value">{{ item.transportationWay || '-' }}</span>
  278. </div>
  279. <div class="seal-card-row">
  280. <span class="seal-card-label">费用</span>
  281. <span class="seal-card-value">¥{{ item.price || '0' }}</span>
  282. </div>
  283. </div>
  284. </view>
  285. <van-button type="primary" size="small" block @click="openBusinessEditDialog(scope, 'add', scope.model.blank_business_component?scope.model.blank_business_component.length:0)" style="margin-bottom:10px">+ 添加交通费用</van-button>
  286. </div>
  287. </template>
  288. <template v-slot:blank_product_specification="scope">
  289. <div style="width: 100%;">
  290. <view v-for="(item, index) in scope.model.blank_product_specification" :key="index" class="seal-card">
  291. <div class="seal-card-header">
  292. <span class="seal-card-index">{{ index + 1 }}.</span>
  293. <span class="seal-card-type">{{ item.specification || '未填写规格' }}</span>
  294. <div class="seal-card-actions">
  295. <van-button size="mini" type="primary" plain @click="openSpecEditDialog(scope, 'edit', index)">编辑</van-button>
  296. <van-button size="mini" type="danger" plain @click="delNewRow('blank_product_specification', index)">删除</van-button>
  297. </div>
  298. </div>
  299. <div class="seal-card-body">
  300. <div class="seal-card-row">
  301. <span class="seal-card-label">规格</span>
  302. <span class="seal-card-value">{{ item.specification || '-' }}</span>
  303. </div>
  304. <div class="seal-card-row">
  305. <span class="seal-card-label">数量</span>
  306. <span class="seal-card-value">{{ item.num || '-' }}</span>
  307. </div>
  308. <div class="seal-card-row">
  309. <span class="seal-card-label">批号</span>
  310. <span class="seal-card-value">{{ item.batchNo || '-' }}</span>
  311. </div>
  312. </div>
  313. </view>
  314. <van-button type="primary" size="small" block @click="openSpecEditDialog(scope, 'add', scope.model.blank_product_specification?scope.model.blank_product_specification.length:0)" style="margin-bottom:10px">+ 添加产品规格</van-button>
  315. </div>
  316. </template>
  317. <template v-slot:blank_event_component="scope">
  318. <div style="width: 100%;">
  319. <view v-for="(item, index) in scope.model.blank_event_component" :key="index" class="seal-card">
  320. <div class="seal-card-header">
  321. <span class="seal-card-index">{{ index + 1 }}.</span>
  322. <span class="seal-card-type">{{ item.eventHospital || '未填写医院' }}</span>
  323. <div class="seal-card-actions">
  324. <van-button size="mini" type="primary" plain @click="openEventEditDialog(scope, 'edit', index)">编辑</van-button>
  325. <van-button size="mini" type="danger" plain @click="delNewRow('blank_event_component', index)">删除</van-button>
  326. </div>
  327. </div>
  328. <div class="seal-card-body">
  329. <div class="seal-card-row">
  330. <span class="seal-card-label">时间</span>
  331. <span class="seal-card-value">{{ item.eventTime || '-' }}</span>
  332. </div>
  333. <div class="seal-card-row">
  334. <span class="seal-card-label">描述</span>
  335. <span class="seal-card-value">{{ item.eventDesc || '-' }}</span>
  336. </div>
  337. <div class="seal-card-row">
  338. <span class="seal-card-label">附件</span>
  339. <div style="flex:1">
  340. <van-badge v-if="item.files && item.files.length" :content="item.files.length">
  341. <van-button size="small" type="primary" @click="handleUploadLocal('blank_event_component', index)">上传附件</van-button>
  342. </van-badge>
  343. <van-button v-else size="small" type="primary" @click="handleUploadLocal('blank_event_component', index)">上传附件</van-button>
  344. </div>
  345. </div>
  346. <div class="seal-card-row">
  347. <span class="seal-card-label">意见</span>
  348. <span class="seal-card-value">{{ item.eventOpinion || '-' }}</span>
  349. </div>
  350. </div>
  351. </view>
  352. <van-button type="primary" size="small" block @click="openEventEditDialog(scope, 'add', scope.model.blank_event_component?scope.model.blank_event_component.length:0)" style="margin-bottom:10px">+ 添加事件</van-button>
  353. </div>
  354. </template>
  355. <template v-slot:blank_reissue_component="scope">
  356. <div style="width: 100%;">
  357. <view v-for="(item, index) in scope.model.blank_reissue_component" :key="index" class="seal-card">
  358. <div class="seal-card-header">
  359. <span class="seal-card-index">{{ index + 1 }}.</span>
  360. <span class="seal-card-type">{{ item.reissueType || '未填写类型' }}</span>
  361. <div class="seal-card-actions">
  362. <van-button size="mini" type="primary" plain @click="openReissueEditDialog(scope, 'edit', index)">编辑</van-button>
  363. <van-button size="mini" type="danger" plain @click="delNewRow('blank_reissue_component', index)">删除</van-button>
  364. </div>
  365. </div>
  366. <div class="seal-card-body">
  367. <div class="seal-card-row">
  368. <span class="seal-card-label">规格</span>
  369. <span class="seal-card-value">{{ item.reissueOtherType || '-' }}</span>
  370. </div>
  371. <div class="seal-card-row">
  372. <span class="seal-card-label">收件</span>
  373. <span class="seal-card-value">{{ item.reissueContact || '-' }}</span>
  374. </div>
  375. <div class="seal-card-row">
  376. <span class="seal-card-label">要求</span>
  377. <span class="seal-card-value">{{ item.reissueOtherReq || '-' }}</span>
  378. </div>
  379. </div>
  380. </view>
  381. <van-button type="primary" size="small" block @click="openReissueEditDialog(scope, 'add', scope.model.blank_reissue_component?scope.model.blank_reissue_component.length:0)" style="margin-bottom:10px">+ 添加补发</van-button>
  382. </div>
  383. </template>
  384. </fm-generate-vant-form>
  385. <!-- 印章选择弹窗(根层级,避免被 form overflow 裁剪) -->
  386. <van-popup v-model:show="sealPopVisible" position="bottom" :style="{ height: '30%' }" teleport="body">
  387. <van-picker
  388. show-toolbar
  389. :title="sealPopType === 'type' ? '印章使用类型' : '印章名称'"
  390. :columns="sealPopType === 'type' ? useSealTypeList : useSealNameList"
  391. @confirm="onSealPopConfirm"
  392. @cancel="sealPopVisible = false"
  393. />
  394. </van-popup>
  395. <!-- 印章编辑弹窗 -->
  396. <van-popup v-model:show="sealEditVisible" position="bottom" :style="{ height: '55%' }" round>
  397. <div style="padding:16px">
  398. <h4 style="text-align:center;margin-bottom:12px">{{ sealEditTitle }}</h4>
  399. <!-- 印章使用类型 -->
  400. <div class="seal-form-row" @click="openSealPickerInEdit('type')">
  401. <span class="seal-form-label">印章使用类型</span>
  402. <span class="seal-form-val">{{ sealEditForm.useSealType || '请选择' }}</span>
  403. <span class="seal-form-arrow">›</span>
  404. </div>
  405. <!-- 印章使用事由 -->
  406. <div class="seal-form-row">
  407. <span class="seal-form-label">印章使用事由</span>
  408. <input class="seal-form-input" v-model="sealEditForm.useSealRemark" placeholder="请输入" />
  409. </div>
  410. <!-- 印章名称 -->
  411. <div class="seal-form-row" @click="openSealPickerInEdit('name')">
  412. <span class="seal-form-label">印章名称</span>
  413. <span class="seal-form-val">{{ sealEditForm.useSealName || '请选择' }}</span>
  414. <span class="seal-form-arrow">›</span>
  415. </div>
  416. <div style="display:flex;justify-content:space-between;padding:20px 0">
  417. <van-button style="width:48%" @click="sealEditVisible = false">取消</van-button>
  418. <van-button style="width:48%" type="primary" @click="onSealEditSave">保存</van-button>
  419. </div>
  420. </div>
  421. </van-popup>
  422. <!-- 资质选择弹窗 -->
  423. <van-popup v-model:show="qualPopVisible" position="bottom" :style="{ height: '30%' }">
  424. <van-picker
  425. show-toolbar
  426. :title="qualPopType === 'type' ? '资质类型' : '使用资质名称'"
  427. :columns="qualPopType === 'type' ? useQualificationTypeList : useQualificationNameList"
  428. @confirm="onQualPopConfirm"
  429. @cancel="qualPopVisible = false"
  430. />
  431. </van-popup>
  432. <!-- 资质编辑弹窗 -->
  433. <van-popup v-model:show="qualEditVisible" position="bottom" :style="{ height: '55%' }" round>
  434. <div style="padding:16px">
  435. <h4 style="text-align:center;margin-bottom:12px">{{ qualEditTitle }}</h4>
  436. <div class="seal-form-row" @click="openQualPickerInEdit('type')">
  437. <span class="seal-form-label">资质类型</span>
  438. <span class="seal-form-val">{{ qualEditForm.useQualificationType || '请选择' }}</span>
  439. <span class="seal-form-arrow">›</span>
  440. </div>
  441. <div class="seal-form-row">
  442. <span class="seal-form-label">资质使用事由</span>
  443. <input class="seal-form-input" v-model="qualEditForm.useQualificationRemark" placeholder="请输入" />
  444. </div>
  445. <div class="seal-form-row" @click="openQualPickerInEdit('name')">
  446. <span class="seal-form-label">使用资质名称</span>
  447. <span class="seal-form-val">{{ qualEditForm.useQualificationName || '请选择' }}</span>
  448. <span class="seal-form-arrow">›</span>
  449. </div>
  450. <div style="display:flex;justify-content:space-between;padding:20px 0">
  451. <van-button style="width:48%" @click="qualEditVisible = false">取消</van-button>
  452. <van-button style="width:48%" type="primary" @click="onQualEditSave">保存</van-button>
  453. </div>
  454. </div>
  455. </van-popup>
  456. <!-- 产品选择弹窗 -->
  457. <van-popup v-model:show="appPopVisible" position="bottom" :style="{ height: '45%' }">
  458. <van-picker
  459. show-toolbar
  460. title="选择产品名称"
  461. :columns="productNameList"
  462. @confirm="onAppPopConfirm"
  463. @cancel="appPopVisible = false"
  464. />
  465. </van-popup>
  466. <!-- 产品编辑弹窗 -->
  467. <van-popup v-model:show="appEditVisible" position="bottom" :style="{ height: '55%' }" round>
  468. <div style="padding:16px">
  469. <h4 style="text-align:center;margin-bottom:12px">{{ appEditTitle }}</h4>
  470. <div class="seal-form-row" @click="openAppPickerInEdit">
  471. <span class="seal-form-label">产品名称</span>
  472. <span class="seal-form-val">{{ appEditForm.productName || '请选择' }}</span>
  473. <span class="seal-form-arrow">›</span>
  474. </div>
  475. <div class="seal-form-row">
  476. <span class="seal-form-label">数量</span>
  477. <input class="seal-form-input" v-model="appEditForm.quantity" type="number" placeholder="请输入" />
  478. </div>
  479. <div class="seal-form-row">
  480. <span class="seal-form-label">规格型号</span>
  481. <input class="seal-form-input" v-model="appEditForm.specification" placeholder="请输入" />
  482. </div>
  483. <div style="display:flex;justify-content:space-between;padding:20px 0">
  484. <van-button style="width:48%" @click="appEditVisible = false">取消</van-button>
  485. <van-button style="width:48%" type="primary" @click="onAppEditSave">保存</van-button>
  486. </div>
  487. </div>
  488. </van-popup>
  489. <!-- 行程编辑弹窗 -->
  490. <van-popup v-model:show="tripEditVisible" position="bottom" :style="{ height: '70%' }" round>
  491. <div style="padding:16px">
  492. <h4 style="text-align:center;margin-bottom:12px">{{ tripEditTitle }}</h4>
  493. <div class="seal-form-row" @click="transportPopVisible = true">
  494. <span class="seal-form-label">交通工具</span>
  495. <span class="seal-form-val">{{ tripEditForm.transportation || '请选择' }}</span>
  496. <span class="seal-form-arrow">›</span>
  497. </div>
  498. <div class="seal-form-row" @click="roundTripPopVisible = true">
  499. <span class="seal-form-label">单程往返</span>
  500. <span class="seal-form-val">{{ tripEditForm.isRoundTrip || '请选择' }}</span>
  501. <span class="seal-form-arrow">›</span>
  502. </div>
  503. <div class="seal-form-row" @click="openCityPicker('departure')">
  504. <span class="seal-form-label">出发城市</span>
  505. <span class="seal-form-val">{{ tripEditForm.departureCity || '请选择' }}</span>
  506. <span class="seal-form-arrow">›</span>
  507. </div>
  508. <div class="seal-form-row" @click="openCityPicker('destination')">
  509. <span class="seal-form-label">目的城市</span>
  510. <span class="seal-form-val">{{ tripEditForm.destinationCity || '请选择' }}</span>
  511. <span class="seal-form-arrow">›</span>
  512. </div>
  513. <div class="seal-form-row">
  514. <span class="seal-form-label">开始时间</span>
  515. <input class="seal-form-input" type="datetime-local" v-model="tripEditForm.startTime" @change="calcTripDuration" />
  516. </div>
  517. <div class="seal-form-row">
  518. <span class="seal-form-label">结束时间</span>
  519. <input class="seal-form-input" type="datetime-local" v-model="tripEditForm.endTime" @change="calcTripDuration" />
  520. </div>
  521. <div class="seal-form-row">
  522. <span class="seal-form-label">时长</span>
  523. <span class="seal-form-val">{{ tripEditForm.duration || '自动计算' }}</span>
  524. </div>
  525. <div style="display:flex;justify-content:space-between;padding:20px 0">
  526. <van-button style="width:48%" @click="tripEditVisible = false">取消</van-button>
  527. <van-button style="width:48%" type="primary" @click="onTripEditSave">保存</van-button>
  528. </div>
  529. </div>
  530. </van-popup>
  531. <!-- 采购申请编辑弹窗 -->
  532. <van-popup v-model:show="prEditVisible" position="bottom" :style="{ height: '70%' }" round>
  533. <div style="padding:16px">
  534. <h4 style="text-align:center;margin-bottom:12px">{{ prEditTitle }}</h4>
  535. <div class="seal-form-row"><span class="seal-form-label">物料名称</span><input class="seal-form-input" v-model="prEditForm.materialName" placeholder="请输入" /></div>
  536. <div class="seal-form-row"><span class="seal-form-label">规格型号</span><input class="seal-form-input" v-model="prEditForm.specification" placeholder="请输入" /></div>
  537. <div class="seal-form-row"><span class="seal-form-label">单位</span><input class="seal-form-input" v-model="prEditForm.unit" placeholder="个/台/套" /></div>
  538. <div class="seal-form-row"><span class="seal-form-label">数量</span><input class="seal-form-input" type="number" v-model="prEditForm.quantity" placeholder="请输入" /></div>
  539. <div class="seal-form-row"><span class="seal-form-label">用途</span><input class="seal-form-input" v-model="prEditForm.purpose" placeholder="请输入" /></div>
  540. <div class="seal-form-row"><span class="seal-form-label">交付日期</span><input class="seal-form-input" type="datetime-local" v-model="prEditForm.expectedDeliveryDate" /></div>
  541. <div class="seal-form-row"><span class="seal-form-label">备注</span><input class="seal-form-input" v-model="prEditForm.remark" placeholder="请输入" /></div>
  542. <div style="display:flex;justify-content:space-between;padding:20px 0">
  543. <van-button style="width:48%" @click="prEditVisible = false">取消</van-button>
  544. <van-button style="width:48%" type="primary" @click="onPrEditSave">保存</van-button>
  545. </div>
  546. </div>
  547. </van-popup>
  548. <!-- 交通费用编辑弹窗 -->
  549. <van-popup v-model:show="businessEditVisible" position="bottom" :style="{ height: '75%' }" round>
  550. <div style="padding:16px">
  551. <h4 style="text-align:center;margin-bottom:12px">{{ businessEditTitle }}</h4>
  552. <div class="seal-form-row">
  553. <span class="seal-form-label">出发日期</span>
  554. <input class="seal-form-input" type="datetime-local" v-model="businessEditForm.startDate" />
  555. </div>
  556. <div class="seal-form-row">
  557. <span class="seal-form-label">到达日期</span>
  558. <input class="seal-form-input" type="datetime-local" v-model="businessEditForm.endDate" />
  559. </div>
  560. <div class="seal-form-row">
  561. <span class="seal-form-label">出发地</span>
  562. <input class="seal-form-input" v-model="businessEditForm.startPlace" placeholder="请输入" />
  563. </div>
  564. <div class="seal-form-row">
  565. <span class="seal-form-label">到达地</span>
  566. <input class="seal-form-input" v-model="businessEditForm.endPlace" placeholder="请输入" />
  567. </div>
  568. <div class="seal-form-row" @click="businessTransportPopVisible = true">
  569. <span class="seal-form-label">交通方式</span>
  570. <span class="seal-form-val">{{ businessEditForm.transportationWay || '请选择' }}</span>
  571. <span class="seal-form-arrow">›</span>
  572. </div>
  573. <div class="seal-form-row">
  574. <span class="seal-form-label">交通费用</span>
  575. <input class="seal-form-input" type="number" v-model="businessEditForm.price" placeholder="请输入" />
  576. </div>
  577. <div style="display:flex;justify-content:space-between;padding:20px 0">
  578. <van-button style="width:48%" @click="businessEditVisible = false">取消</van-button>
  579. <van-button style="width:48%" type="primary" @click="onBusinessEditSave">保存</van-button>
  580. </div>
  581. </div>
  582. </van-popup>
  583. <!-- 交通方式选择弹窗 -->
  584. <van-popup v-model:show="businessTransportPopVisible" position="bottom" :style="{ height: '30%' }">
  585. <van-picker
  586. show-toolbar
  587. title="选择交通方式"
  588. :columns="transportationWayList"
  589. @confirm="onBusinessTransportConfirm"
  590. @cancel="businessTransportPopVisible = false"
  591. />
  592. </van-popup>
  593. <!-- 交通工具选择弹窗 -->
  594. <van-popup v-model:show="transportPopVisible" position="bottom" :style="{ height: '30%' }">
  595. <van-picker
  596. show-toolbar
  597. title="选择交通工具"
  598. :columns="transportationOptions"
  599. @confirm="onTransportConfirm"
  600. @cancel="transportPopVisible = false"
  601. />
  602. </van-popup>
  603. <!-- 单程往返选择弹窗 -->
  604. <van-popup v-model:show="roundTripPopVisible" position="bottom" :style="{ height: '30%' }">
  605. <van-picker
  606. show-toolbar
  607. title="选择单程往返"
  608. :columns="isRoundTripOptions"
  609. @confirm="onRoundTripConfirm"
  610. @cancel="roundTripPopVisible = false"
  611. />
  612. </van-popup>
  613. <!-- 流程分类级联选择弹窗 -->
  614. <van-popup v-model:show="processCategoryPopVisible" position="bottom" :style="{ height: '50%' }">
  615. <van-picker
  616. :key="processCategoryPickerKey"
  617. show-toolbar
  618. title="选择流程分类"
  619. :columns="processCategoryColumns"
  620. @confirm="onProcessCategoryConfirm"
  621. @cancel="processCategoryPopVisible = false"
  622. />
  623. </van-popup>
  624. <!-- 流程类型单选弹窗 -->
  625. <van-popup v-model:show="processTypePopVisible" position="bottom" :style="{ height: '40%' }">
  626. <van-picker
  627. show-toolbar
  628. title="选择发起流程"
  629. :columns="processTypeColumns"
  630. @confirm="onProcessTypeConfirm"
  631. @cancel="processTypePopVisible = false"
  632. />
  633. </van-popup>
  634. <!-- 城市级联选择弹窗 -->
  635. <van-popup v-model:show="cityPickerVisible" position="bottom" :style="{ height: '60%' }">
  636. <van-area
  637. title="选择城市"
  638. :area-list="areaList"
  639. :columns-num="2"
  640. @confirm="onCityPickerConfirm"
  641. @cancel="cityPickerVisible = false"
  642. />
  643. </van-popup>
  644. <!-- 产品规格编辑弹窗 -->
  645. <van-popup v-model:show="specEditVisible" position="bottom" :style="{ height: '60%' }" round>
  646. <div style="padding:16px">
  647. <h4 style="text-align:center;margin-bottom:12px">{{ specEditTitle }}</h4>
  648. <div class="seal-form-row">
  649. <span class="seal-form-label">产品规格型号</span>
  650. <input class="seal-form-input" v-model="specEditForm.specification" placeholder="请输入" />
  651. </div>
  652. <div class="seal-form-row">
  653. <span class="seal-form-label">数量</span>
  654. <input class="seal-form-input" v-model="specEditForm.num" placeholder="请输入" />
  655. </div>
  656. <div class="seal-form-row">
  657. <span class="seal-form-label">批号</span>
  658. <input class="seal-form-input" v-model="specEditForm.batchNo" placeholder="请输入" />
  659. </div>
  660. <div style="display:flex;justify-content:space-between;padding:20px 0">
  661. <van-button style="width:48%" @click="specEditVisible = false">取消</van-button>
  662. <van-button style="width:48%" type="primary" @click="onSpecEditSave">保存</van-button>
  663. </div>
  664. </div>
  665. </van-popup>
  666. <!-- 事件编辑弹窗 -->
  667. <van-popup v-model:show="eventEditVisible" position="bottom" :style="{ height: '75%' }" round>
  668. <div style="padding:16px">
  669. <h4 style="text-align:center;margin-bottom:12px">{{ eventEditTitle }}</h4>
  670. <div class="seal-form-row">
  671. <span class="seal-form-label">发生时间</span>
  672. <input class="seal-form-input" type="datetime-local" v-model="eventEditForm.eventTime" />
  673. </div>
  674. <div class="seal-form-row">
  675. <span class="seal-form-label">医院及科室</span>
  676. <input class="seal-form-input" v-model="eventEditForm.eventHospital" placeholder="请输入" />
  677. </div>
  678. <div class="seal-form-row">
  679. <span class="seal-form-label">详细描述</span>
  680. <textarea class="seal-form-input" v-model="eventEditForm.eventDesc" placeholder="含患者信息及使用目的、问题点及出现问题的场景描述" rows="3" style="text-align:left;height:auto;padding:8px 0"></textarea>
  681. </div>
  682. <div class="seal-form-row">
  683. <span class="seal-form-label">图片上传</span>
  684. <div style="flex:1;text-align:right">
  685. <van-badge v-if="eventEditForm.files && eventEditForm.files.length" :content="eventEditForm.files.length">
  686. <van-button size="small" type="primary" @click="handleUploadLocal('blank_event_component', eventEditIndex)">上传图片</van-button>
  687. </van-badge>
  688. <van-button v-else size="small" type="primary" @click="handleUploadLocal('blank_event_component', eventEditIndex)">上传图片</van-button>
  689. </div>
  690. </div>
  691. <div class="seal-form-row">
  692. <span class="seal-form-label">其他意见</span>
  693. <input class="seal-form-input" v-model="eventEditForm.eventOpinion" placeholder="请输入" />
  694. </div>
  695. <div style="display:flex;justify-content:space-between;padding:20px 0">
  696. <van-button style="width:48%" @click="eventEditVisible = false">取消</van-button>
  697. <van-button style="width:48%" type="primary" @click="onEventEditSave">保存</van-button>
  698. </div>
  699. </div>
  700. </van-popup>
  701. <!-- 补发编辑弹窗 -->
  702. <van-popup v-model:show="reissueEditVisible" position="bottom" :style="{ height: '65%' }" round>
  703. <div style="padding:16px">
  704. <h4 style="text-align:center;margin-bottom:12px">{{ reissueEditTitle }}</h4>
  705. <div class="seal-form-row" @click="reissueTypePopVisible = true">
  706. <span class="seal-form-label">补发型号规格</span>
  707. <span class="seal-form-val">{{ reissueEditForm.reissueType || '请选择' }}</span>
  708. <span class="seal-form-arrow">›</span>
  709. </div>
  710. <div class="seal-form-row">
  711. <span class="seal-form-label">其他规格型号</span>
  712. <input class="seal-form-input" v-model="reissueEditForm.reissueOtherType" placeholder="请输入" />
  713. </div>
  714. <div class="seal-form-row">
  715. <span class="seal-form-label">收件地址</span>
  716. <input class="seal-form-input" v-model="reissueEditForm.reissueContact" placeholder="地址/联系人/电话" />
  717. </div>
  718. <div class="seal-form-row">
  719. <span class="seal-form-label">其他要求</span>
  720. <input class="seal-form-input" v-model="reissueEditForm.reissueOtherReq" placeholder="请输入" />
  721. </div>
  722. <div style="display:flex;justify-content:space-between;padding:20px 0">
  723. <van-button style="width:48%" @click="reissueEditVisible = false">取消</van-button>
  724. <van-button style="width:48%" type="primary" @click="onReissueEditSave">保存</van-button>
  725. </div>
  726. </div>
  727. </van-popup>
  728. <!-- 补发型号规格选择弹窗 -->
  729. <van-popup v-model:show="reissueTypePopVisible" position="bottom" :style="{ height: '30%' }">
  730. <van-picker
  731. show-toolbar
  732. title="选择补发型号规格"
  733. :columns="reissueTypeList"
  734. @confirm="onReissueTypeConfirm"
  735. @cancel="reissueTypePopVisible = false"
  736. />
  737. </van-popup>
  738. <div>
  739. <div v-if='isEdit'
  740. style="display: flex;justify-content: space-between; padding: 30px 30px; position: fixed; bottom: 0; width: 100%; height: 80px;">
  741. <van-button style="width:48%" type="primary" :loading="loading" @click="handleAudit(1)">提交
  742. </van-button>
  743. <van-button style="width:48%" type="danger" :loading="loading" @click="onClickLeft">取消
  744. </van-button>
  745. </div>
  746. </div>
  747. </div>
  748. <script src="./resource/vue.global.prod.js"></script>
  749. <script src="./resource/vant.min.js"></script>
  750. <script src="./resource/axios.min.js"></script>
  751. <script src="./resource/uni.webview.js"></script>
  752. <script src="./resource/cityData.js"></script>
  753. <script src="./vue-form-making/form-making-v3.umd.js"></script>
  754. <script>
  755. let EnvObj = {}
  756. uni.getEnv(function(res) {
  757. EnvObj = res;
  758. console.log('当前环境:' + JSON.stringify(res));
  759. });
  760. Vue.createApp({
  761. data() {
  762. return {
  763. dictList: [],
  764. loading: false,
  765. isFlag: false,
  766. isEdit: true,
  767. title: '',
  768. jsonData: {},
  769. editData: {},
  770. form: {},
  771. headers: {},
  772. APIUrl: '',
  773. type: 'add',
  774. selectFilesField: null,
  775. selectFilesRowIndex: null,
  776. // useSealTypeList: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'],
  777. // useSealNameList: ['公章', '合同章', '财务章', '法人章', '发票章', '部门章'],
  778. sealPopVisible: false, // 印章选择弹窗
  779. sealPopType: 'type', // 'type' | 'name'
  780. sealPopScope: null, // 弹窗对应的 scope(编辑模式为空)
  781. sealPopIndex: null, // 弹窗对应的行索引(编辑模式为当前行)
  782. sealPopIsEdit: false, // 是否来自编辑弹窗
  783. sealEditVisible: false, // 印章编辑弹窗
  784. sealEditTitle: '添加印章使用', // 编辑弹窗标题
  785. sealEditForm: { useSealType: '', useSealRemark: '', useSealName: '' },
  786. sealEditMode: 'add', // 'add' | 'edit'
  787. sealEditScope: null,
  788. sealEditIndex: null,
  789. useSealTypeList: [
  790. {
  791. value: '加盖',
  792. text: '加盖'
  793. },
  794. {
  795. value: '借用',
  796. text: '借用'
  797. },
  798. {
  799. value: '无',
  800. text: '无'
  801. },
  802. ],
  803. useSealNameList: [
  804. {
  805. value: '总公司公章',
  806. text: '总公司公章'
  807. },
  808. {
  809. value: '合同专用章',
  810. text: '合同专用章'
  811. },
  812. {
  813. value: '法人章',
  814. text: '法人章'
  815. },
  816. {
  817. value: '财务专用章',
  818. text: '财务专用章'
  819. },
  820. {
  821. value: '发票专用章',
  822. text: '发票专用章'
  823. },
  824. {
  825. value: '质检专用章',
  826. text: '质检专用章'
  827. },
  828. {
  829. value: '业务专用章',
  830. text: '业务专用章'
  831. },
  832. {
  833. value: '出库专用章',
  834. text: '出库专用章'
  835. },
  836. {
  837. value: '无',
  838. text: '无'
  839. },
  840. ],
  841. // 资质使用
  842. useQualificationTypeList: [
  843. { value: '原件', text: '原件' },
  844. { value: '复印件', text: '复印件' },
  845. { value: '扫描件', text: '扫描件' },
  846. { value: '无', text: '无' },
  847. ],
  848. useQualificationNameList: [
  849. {
  850. value: '营业执照正本(行政人事部)',
  851. text: '营业执照正本(行政人事部)'
  852. },
  853. {
  854. value: '营业执照副本(行政人事部)',
  855. text: '营业执照副本(行政人事部)'
  856. },
  857. {
  858. value: '第一类医疗器械生产备案凭证(行政人事部)',
  859. text: '第一类医疗器械生产备案凭证(行政人事部)'
  860. },
  861. {
  862. value: '开户许可证(行政人事部)',
  863. text: '开户许可证(行政人事部)'
  864. },
  865. {
  866. value: '医疗器械生产许可证(行政人事部)',
  867. text: '医疗器械生产许可证(行政人事部)'
  868. },
  869. {
  870. value: '医疗器械生产产品登记表(行政人事部)',
  871. text: '医疗器械生产产品登记表(行政人事部)'
  872. },
  873. {
  874. value: '专利证书(行政人事部)',
  875. text: '专利证书(行政人事部)'
  876. },
  877. {
  878. value: '二类注册证(注册法务部)',
  879. text: '二类注册证(注册法务部)'
  880. },
  881. {
  882. value: '无',
  883. text: '无'
  884. },
  885. ],
  886. qualPopVisible: false,
  887. qualPopType: 'type',
  888. qualEditVisible: false,
  889. qualEditTitle: '添加资质使用',
  890. qualEditForm: { useQualificationType: '', useQualificationRemark: '', useQualificationName: '' },
  891. qualEditMode: 'add',
  892. qualEditScope: null,
  893. qualEditIndex: null,
  894. qualPopIsEdit: true,
  895. // 产品申请
  896. productNameList: [
  897. { value: '一次性使用刀头', text: '一次性使用刀头' },
  898. { value: '一次性使用多功能引流管', text: '一次性使用多功能引流管' },
  899. { value: '强光手电筒+变径接头', text: '强光手电筒+变径接头' },
  900. { value: '手电筒充电器', text: '手电筒充电器' },
  901. { value: '医用冷敷贴疼痛型', text: '医用冷敷贴疼痛型' },
  902. { value: '医用冷敷凝胶防脱育发型', text: '医用冷敷凝胶防脱育发型' },
  903. { value: '医用冷敷凝胶痔疮型', text: '医用冷敷凝胶痔疮型' },
  904. { value: '医用冷敷凝胶皮肤瘙痒型', text: '医用冷敷凝胶皮肤瘙痒型' },
  905. { value: '医用透明质酸钠修复贴', text: '医用透明质酸钠修复贴' },
  906. { value: '一次性射频等离子手术电极', text: '一次性射频等离子手术电极' },
  907. { value: '一次性冲冼吸引器', text: '一次性冲冼吸引器' },
  908. { value: '一次性使用胃管', text: '一次性使用胃管' },
  909. { value: '笔记本套装', text: '笔记本套装' },
  910. ],
  911. appPopVisible: false,
  912. appEditVisible: false,
  913. appEditTitle: '添加产品',
  914. appEditForm: { productName: '', quantity: '', specification: '' },
  915. appEditMode: 'add',
  916. appEditScope: null,
  917. appEditIndex: null,
  918. // 行程出差
  919. tripEditVisible: false,
  920. tripEditTitle: '添加行程',
  921. tripEditForm: { transportation: '', isRoundTrip: '', departureCity: '', destinationCity: '', startTime: '', endTime: '', duration: '' },
  922. tripEditMode: 'add',
  923. tripEditScope: null,
  924. tripEditIndex: null,
  925. transportPopVisible: false,
  926. roundTripPopVisible: false,
  927. transportationOptions: [
  928. { value: '飞机', text: '飞机' },
  929. { value: '火车', text: '火车' },
  930. { value: '汽车', text: '汽车' },
  931. { value: '其他', text: '其他' }
  932. ],
  933. isRoundTripOptions: [
  934. { value: '单程', text: '单程' },
  935. { value: '往返', text: '往返' }
  936. ],
  937. // 流程分类 / 发起流程
  938. processCategoryPopVisible: false,
  939. processCategoryPickerKey: 0,
  940. processTypePopVisible: false,
  941. processCategoryRawData: [],
  942. processCategoryColumns: [],
  943. processTypeRawData: [],
  944. processTypeColumns: [],
  945. // 城市级联选择 (van-area)
  946. cityPickerVisible: false,
  947. cityPickerType: '', // 'departure' | 'destination'
  948. areaList: { province_list: {}, city_list: {}, county_list: {} },
  949. // 采购申请
  950. prEditVisible: false,
  951. prEditTitle: '添加物料',
  952. prEditForm: { materialName: '', specification: '', unit: '', quantity: '', purpose: '', expectedDeliveryDate: '', remark: '' },
  953. prEditMode: 'add',
  954. prEditScope: null,
  955. prEditIndex: null,
  956. // 交通费用
  957. transportationWayList: [
  958. {
  959. value: '火车',
  960. text: '火车'
  961. },
  962. {
  963. value: '飞机',
  964. text: '飞机'
  965. },
  966. {
  967. value: '高铁',
  968. text: '高铁'
  969. },
  970. {
  971. value: '公车',
  972. text: '公车'
  973. },
  974. {
  975. value: '私车',
  976. text: '私车'
  977. },
  978. {
  979. value: '大巴',
  980. text: '大巴'
  981. },
  982. {
  983. value: '顺风车',
  984. text: '顺风车'
  985. },
  986. {
  987. value: '滴滴',
  988. text: '滴滴'
  989. }
  990. ],
  991. businessEditVisible: false,
  992. businessEditTitle: '添加交通费用',
  993. businessEditForm: { startDate: '', endDate: '', startPlace: '', endPlace: '', transportationWay: '', price: '' },
  994. businessEditMode: 'add',
  995. businessEditScope: null,
  996. businessEditIndex: null,
  997. businessTransportPopVisible: false,
  998. // 产品规格
  999. specEditVisible: false,
  1000. specEditTitle: '添加产品规格',
  1001. specEditForm: { specification: '', num: '', batchNo: '' },
  1002. specEditMode: 'add',
  1003. specEditScope: null,
  1004. specEditIndex: null,
  1005. // 事件
  1006. eventEditVisible: false,
  1007. eventEditTitle: '添加事件',
  1008. eventEditForm: { eventTime: '', eventHospital: '', eventDesc: '', files: [], eventOpinion: '' },
  1009. eventEditMode: 'add',
  1010. eventEditScope: null,
  1011. eventEditIndex: null,
  1012. // 补发
  1013. reissueEditVisible: false,
  1014. reissueEditTitle: '添加补发',
  1015. reissueEditForm: { reissueType: '', reissueOtherType: '', reissueContact: '', reissueOtherReq: '' },
  1016. reissueEditMode: 'add',
  1017. reissueEditScope: null,
  1018. reissueEditIndex: null,
  1019. reissueTypeList: [
  1020. { value: '同规格型号', text: '同规格型号' },
  1021. { value: '其他规格型号', text: '其他规格型号' },
  1022. { value: '无', text: '无' },
  1023. ],
  1024. reissueTypePopVisible: false,
  1025. }
  1026. },
  1027. created() {
  1028. let _this = this
  1029. window.x_sun = (e) => {
  1030. _this.setSalesServiceWork(JSON.parse(e))
  1031. }
  1032. // 接收文件选择后的回调
  1033. window.x_selectFiles = async (e) => {
  1034. let data = JSON.parse(e)
  1035. console.log('收到选中的文件:', data)
  1036. if (_this.$refs.generateForm) {
  1037. if (_this.selectFilesRowIndex != null && _this.selectFilesField) {
  1038. // 数组行附件:更新 data[field][index].files
  1039. let formData = await _this.$refs.generateForm.getData(false);
  1040. var arr = formData[_this.selectFilesField] || []
  1041. var row = arr[_this.selectFilesRowIndex]
  1042. if (row) {
  1043. row.files = data.files || []
  1044. } else {
  1045. // 行不存在时创建临时行(新增未保存时的上传)
  1046. arr[_this.selectFilesRowIndex] = { files: data.files || [] }
  1047. }
  1048. _this.$refs.generateForm.setData({
  1049. [_this.selectFilesField]: arr
  1050. })
  1051. // 同步到事件编辑表单
  1052. if (_this.selectFilesField === 'blank_event_component' && _this.eventEditVisible) {
  1053. _this.eventEditForm.files = data.files || []
  1054. }
  1055. _this.selectFilesRowIndex = null
  1056. } else {
  1057. // 普通表单字段
  1058. _this.$refs.generateForm.setData({
  1059. [data.field]: data.files
  1060. })
  1061. }
  1062. }
  1063. }
  1064. this.headers = this.getQueryParams('headers');
  1065. let params = this.getQueryParams('params');
  1066. this.isEdit = params.isEdit || true
  1067. this.type = params.type || 'add'
  1068. this.APIUrl = this.headers.serverInfo || 'http://192.168.1.105:18086'
  1069. axios({
  1070. method: 'get',
  1071. url: this.APIUrl + `/flowable/bpmcustomform/getById/${params.id}`,
  1072. headers: this.headers,
  1073. }).then((res) => {
  1074. if (res.data.code != '-1') {
  1075. this.form = res.data.data
  1076. this.form.formId = res.data.data.id
  1077. this.form.id = ''
  1078. this.form.valueJson = {}
  1079. this.title = this.form.name
  1080. this.jsonData = JSON.parse(res.data.data.formJson.makingJson);
  1081. this.jsonData.list.forEach(item => {
  1082. item.options.headers = [{
  1083. key: 'Authorization',
  1084. value: this.headers.Authorization
  1085. }]
  1086. item.options.action = item.options.action && item.options.action.replace(
  1087. '/api', this.APIUrl)
  1088. if (item.type == "deptAndUserCascader") {
  1089. item.type = 'cascader'
  1090. }
  1091. if (item.type == "deptCascader") {
  1092. item.type = 'cascader'
  1093. /* item.isPathValue = false */
  1094. if (item.options.isDefaultLoginUser) {
  1095. /* this.form.valueJson[item.model] = [1,1765997946953797633]; */
  1096. this.form.valueJson[item.model] = params.userInfo.groupIdList;
  1097. }
  1098. }
  1099. if (item.type == "userSelect") {
  1100. item.type = 'select'
  1101. if (item.options.isDefaultLoginUser) {
  1102. this.form.valueJson[item.model] = params.userInfo.userId;
  1103. }
  1104. }
  1105. })
  1106. this.jsonData.config.dataSource && this.jsonData.config.dataSource.forEach(item => {
  1107. item.headers = {
  1108. Authorization: this.headers.Authorization
  1109. }
  1110. item.url = item.url && item.url.replace('/api', this.APIUrl)
  1111. })
  1112. this.isFlag = true
  1113. axios({
  1114. method: 'get',
  1115. url: this.APIUrl + '/bpm/model/get?id=' + this.form.processModelId,
  1116. headers: this.headers,
  1117. }).then(res => {
  1118. console.log('model~~~', res.data.data)
  1119. const info = res.data.data
  1120. this.form.FQLC = info?.id || '';
  1121. this.form.FQLCName = info?.name || '';
  1122. this.form.key = info?.key;
  1123. this.form.LCFL = info?.category || '';
  1124. axios({
  1125. method: 'get',
  1126. url: this.APIUrl + `/main/categoryLevel/getProduceTreeByPid?code=PROCESS001`,
  1127. headers: this.headers,
  1128. }).then(res => {
  1129. var raw = res.data.data
  1130. console.log('getProduceTreeByPid raw type:', Array.isArray(raw) ? 'Array' : typeof raw, 'keys:', raw && Object.keys(raw).join(','))
  1131. // 兼容多种格式:数组 / 单对象 / 嵌套数组
  1132. if (Array.isArray(raw)) {
  1133. this.processCategoryRawData = raw
  1134. console.log(' → 直接存储数组,长度:', raw.length)
  1135. } else if (raw && raw.children) {
  1136. this.processCategoryRawData = [raw]
  1137. console.log(' → 包装为数组,根节点:', raw.name)
  1138. } else {
  1139. this.processCategoryRawData = []
  1140. console.log(' → 空数据')
  1141. }
  1142. // 树数据加载完成后,补充 LCFLName
  1143. if (this.processCategoryRawData.length && this.form.LCFL) {
  1144. this.form.LCFLName = this.findCategoryNameByNameOrId(this.form.LCFL)
  1145. }
  1146. })
  1147. if(this.form.LCFL) {
  1148. this.loadProcessTypeList()
  1149. }
  1150. })
  1151. this.$nextTick(() => {
  1152. if (params.manage_workorder) {
  1153. this.setSalesServiceWork(params.manage_workorder)
  1154. }
  1155. })
  1156. }
  1157. });
  1158. // axios({
  1159. // method: 'get',
  1160. // url: this.APIUrl + `/bpm/task/list-by-process-instance-id?processInstanceId=${params.id}`,
  1161. // headers: this.headers,
  1162. // }).then((res) => {
  1163. // console.log(res)
  1164. // if (res.data.code != '-1') {
  1165. // }
  1166. // });
  1167. this.getDictList()
  1168. },
  1169. mounted() {
  1170. var _this = this
  1171. // 延迟构建 areaList,确保 __cityData 已就绪
  1172. setTimeout(function() { _this.buildAreaList() }, 300)
  1173. },
  1174. methods: {
  1175. buildAreaList() {
  1176. if (window.areaList) {
  1177. this.areaList = window.areaList
  1178. }
  1179. },
  1180. getDictList() {
  1181. axios({
  1182. method: 'get',
  1183. url: this.APIUrl + `/system/dict/getByCode/collaborative_type`,
  1184. headers: this.headers,
  1185. }).then((res) => {
  1186. console.log('getDictList~~~', res.data.data)
  1187. if (res.data.code != '-1') {
  1188. this.dictList = res.data.data
  1189. }
  1190. });
  1191. },
  1192. // ===== 印章编辑弹窗 =====
  1193. openSealEditDialog(scope, mode, index) {
  1194. this.sealEditVisible = true
  1195. this.sealEditScope = scope
  1196. this.sealEditIndex = index
  1197. this.sealEditMode = mode
  1198. if (mode === 'edit' && scope.model.blank_use_seal[index]) {
  1199. var row = scope.model.blank_use_seal[index]
  1200. this.sealEditForm = { useSealType: row.useSealType||'', useSealRemark: row.useSealRemark||'', useSealName: row.useSealName||'' }
  1201. this.sealEditTitle = '编辑印章使用'
  1202. } else {
  1203. this.sealEditForm = { useSealType: '', useSealRemark: '', useSealName: '' }
  1204. this.sealEditTitle = '添加印章使用'
  1205. }
  1206. },
  1207. async onSealEditSave() {
  1208. var scope = this.sealEditScope
  1209. var idx = this.sealEditIndex
  1210. var key = 'blank_use_seal'
  1211. var data = await this.$refs.generateForm.getData(false);
  1212. if (!data[key]) data[key] = []
  1213. if (this.sealEditMode === 'edit') {
  1214. data[key][idx] = JSON.parse(JSON.stringify(this.sealEditForm))
  1215. } else {
  1216. data[key].push(JSON.parse(JSON.stringify(this.sealEditForm)))
  1217. }
  1218. this.$refs.generateForm.setData({ [key]: data[key] })
  1219. this.sealEditVisible = false
  1220. },
  1221. openSealPickerInEdit(fieldType) {
  1222. this.sealPopType = fieldType
  1223. this.sealPopScope = null
  1224. this.sealPopIndex = null
  1225. this.sealPopIsEdit = true
  1226. this.sealPopVisible = true
  1227. },
  1228. openSealPicker(scope, index, fieldType) {
  1229. this.sealPopScope = scope
  1230. this.sealPopIndex = index
  1231. this.sealPopType = fieldType || 'type'
  1232. this.sealPopIsEdit = false
  1233. this.sealPopVisible = true
  1234. },
  1235. onSealPopConfirm(picker) {
  1236. var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
  1237. var field = this.sealPopType === 'name' ? 'useSealName' : 'useSealType'
  1238. if (this.sealPopIsEdit) {
  1239. // 编辑弹窗模式:回写到 sealEditForm
  1240. this.sealEditForm[field] = sel
  1241. } else {
  1242. // 列表内联模式
  1243. var scope = this.sealPopScope
  1244. var idx = this.sealPopIndex
  1245. if (scope && scope.model && scope.model.blank_use_seal && scope.model.blank_use_seal[idx]) {
  1246. scope.model.blank_use_seal[idx][field] = sel
  1247. }
  1248. }
  1249. this.sealPopVisible = false
  1250. },
  1251. // ===== 资质使用 =====
  1252. openQualEditDialog(scope, mode, index) {
  1253. this.qualEditScope = scope
  1254. this.qualEditIndex = index
  1255. this.qualEditMode = mode
  1256. if (mode === 'edit' && scope.model.blank_use_qualification[index]) {
  1257. var r = scope.model.blank_use_qualification[index]
  1258. this.qualEditForm = { useQualificationType: r.useQualificationType||'', useQualificationRemark: r.useQualificationRemark||'', useQualificationName: r.useQualificationName||'' }
  1259. this.qualEditTitle = '编辑资质使用'
  1260. } else {
  1261. this.qualEditForm = { useQualificationType: '', useQualificationRemark: '', useQualificationName: '' }
  1262. this.qualEditTitle = '添加资质使用'
  1263. }
  1264. this.qualEditVisible = true
  1265. },
  1266. async onQualEditSave() {
  1267. var scope = this.qualEditScope
  1268. var idx = this.qualEditIndex
  1269. var key = 'blank_use_qualification'
  1270. var data = await this.$refs.generateForm.getData(false);
  1271. if (!data[key]) data[key] = []
  1272. if (this.qualEditMode === 'edit') {
  1273. data[key][idx] = JSON.parse(JSON.stringify(this.qualEditForm))
  1274. } else {
  1275. data[key].push(JSON.parse(JSON.stringify(this.qualEditForm)))
  1276. }
  1277. this.$refs.generateForm.setData({ [key]: data[key] })
  1278. this.qualEditVisible = false
  1279. },
  1280. openQualPickerInEdit(fieldType) {
  1281. this.qualPopType = fieldType
  1282. this.qualPopIsEdit = true
  1283. this.qualPopVisible = true
  1284. },
  1285. onQualPopConfirm(picker) {
  1286. var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
  1287. var field = this.qualPopType === 'name' ? 'useQualificationName' : 'useQualificationType'
  1288. this.qualEditForm[field] = sel
  1289. this.qualPopVisible = false
  1290. },
  1291. // ===== 产品申请 =====
  1292. openAppEditDialog(scope, mode, index) {
  1293. this.appEditScope = scope
  1294. this.appEditIndex = index
  1295. this.appEditMode = mode
  1296. if (mode === 'edit' && scope.model.blank_application_component[index]) {
  1297. var r = scope.model.blank_application_component[index]
  1298. this.appEditForm = { productName: r.productName||'', quantity: r.quantity||'', specification: r.specification||'' }
  1299. this.appEditTitle = '编辑产品'
  1300. } else {
  1301. this.appEditForm = { productName: '', quantity: '', specification: '' }
  1302. this.appEditTitle = '添加产品'
  1303. }
  1304. this.appEditVisible = true
  1305. },
  1306. async onAppEditSave() {
  1307. var scope = this.appEditScope
  1308. var idx = this.appEditIndex
  1309. var key = 'blank_application_component'
  1310. var data = await this.$refs.generateForm.getData(false);
  1311. if (!data[key]) data[key] = []
  1312. if (this.appEditMode === 'edit') {
  1313. data[key][idx] = JSON.parse(JSON.stringify(this.appEditForm))
  1314. } else {
  1315. data[key].push(JSON.parse(JSON.stringify(this.appEditForm)))
  1316. }
  1317. this.$refs.generateForm.setData({ [key]: data[key] })
  1318. this.appEditVisible = false
  1319. },
  1320. openAppPickerInEdit() {
  1321. this.appPopVisible = true
  1322. },
  1323. onAppPopConfirm(picker) {
  1324. var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
  1325. this.appEditForm.productName = sel
  1326. this.appPopVisible = false
  1327. },
  1328. // ===== 行程出差 =====
  1329. openTripEditDialog(scope, mode, index) {
  1330. this.tripEditScope = scope
  1331. this.tripEditIndex = index
  1332. this.tripEditMode = mode
  1333. if (mode === 'edit' && scope.model.blank_business_trip[index]) {
  1334. var r = scope.model.blank_business_trip[index]
  1335. this.tripEditForm = {
  1336. transportation: r.transportation||'', isRoundTrip: r.isRoundTrip||'',
  1337. departureCity: r.departureCity||'', destinationCity: r.destinationCity||'',
  1338. startTime: r.startTime||'', endTime: r.endTime||'', duration: r.duration||''
  1339. }
  1340. this.tripEditTitle = '编辑行程'
  1341. } else {
  1342. this.tripEditForm = { transportation: '', isRoundTrip: '', departureCity: '', destinationCity: '', startTime: '', endTime: '', duration: '' }
  1343. this.tripEditTitle = '添加行程'
  1344. }
  1345. this.tripEditVisible = true
  1346. },
  1347. calcTripDuration() {
  1348. var s = this.tripEditForm.startTime, e = this.tripEditForm.endTime
  1349. if (!s || !e) { this.tripEditForm.duration = ''; return }
  1350. var ds = new Date(s).getTime(), de = new Date(e).getTime()
  1351. if (isNaN(ds) || isNaN(de) || de <= ds) { this.tripEditForm.duration = ''; return }
  1352. var diff = Math.floor((de - ds) / 1000)
  1353. var d = Math.floor(diff / 86400), h = Math.floor((diff % 86400) / 3600), m = Math.floor((diff % 3600) / 60), sec = diff % 60
  1354. var parts = []
  1355. if (d) parts.push(d + '天'); if (h) parts.push(h + '时'); if (m) parts.push(m + '分');
  1356. // if (sec || !parts.length) parts.push(sec + '秒')
  1357. this.tripEditForm.duration = parts.join('')
  1358. },
  1359. async onTripEditSave() {
  1360. var scope = this.tripEditScope
  1361. var idx = this.tripEditIndex
  1362. var key = 'blank_business_trip'
  1363. var data = await this.$refs.generateForm.getData(false);
  1364. if (!data[key]) data[key] = []
  1365. if (this.tripEditMode === 'edit') {
  1366. data[key][idx] = JSON.parse(JSON.stringify(this.tripEditForm))
  1367. } else {
  1368. data[key].push(JSON.parse(JSON.stringify(this.tripEditForm)))
  1369. }
  1370. await this.$refs.generateForm.setData({ [key]: data[key] })
  1371. this.tripEditVisible = false
  1372. await this.calcTripTotal()
  1373. },
  1374. async calcTripTotal() {
  1375. var data = await this.$refs.generateForm.getData(false);
  1376. var list = data.blank_business_trip || []
  1377. var totalSec = 0
  1378. console.log('calcTripTotal', data, list)
  1379. list.forEach(function(it) {
  1380. var d = it.duration
  1381. if (!d) return
  1382. var match = { days: d.match(/(\d+)天/), hours: d.match(/(\d+)时/), minutes: d.match(/(\d+)分/), seconds: d.match(/(\d+)秒/) }
  1383. totalSec += (parseInt(match.days&&match.days[1])||0)*86400 + (parseInt(match.hours&&match.hours[1])||0)*3600 + (parseInt(match.minutes&&match.minutes[1])||0)*60 + (parseInt(match.seconds&&match.seconds[1])||0)
  1384. })
  1385. if (totalSec > 0) {
  1386. var dy = Math.floor(totalSec/86400), hr = Math.floor((totalSec%86400)/3600), mn = Math.floor((totalSec%3600)/60), sc = totalSec%60
  1387. var parts = []
  1388. if (dy) parts.push(dy+'天'); if (hr) parts.push(hr+'时'); if (mn) parts.push(mn+'分'); if (sc||!parts.length) parts.push(sc+'秒')
  1389. this.$refs.generateForm.setData({ input_if1cav3p: parts.join('') })
  1390. }
  1391. },
  1392. // ===== 采购申请 =====
  1393. openPrEditDialog(scope, mode, index) {
  1394. this.prEditScope = scope; this.prEditIndex = index; this.prEditMode = mode
  1395. if (mode === 'edit' && scope.model.blank_purchase_requisition[index]) {
  1396. var r = scope.model.blank_purchase_requisition[index]
  1397. this.prEditForm = { materialName: r.materialName||'', specification: r.specification||'', unit: r.unit||'', quantity: r.quantity||'', purpose: r.purpose||'', expectedDeliveryDate: r.expectedDeliveryDate||'', remark: r.remark||'' }
  1398. this.prEditTitle = '编辑物料'
  1399. } else {
  1400. this.prEditForm = { materialName: '', specification: '', unit: '', quantity: '', purpose: '', expectedDeliveryDate: '', remark: '' }
  1401. this.prEditTitle = '添加物料'
  1402. }
  1403. this.prEditVisible = true
  1404. },
  1405. async onPrEditSave() {
  1406. var scope = this.prEditScope, idx = this.prEditIndex, key = 'blank_purchase_requisition'
  1407. var data = await this.$refs.generateForm.getData(false)
  1408. if (!data[key]) data[key] = []
  1409. if (this.prEditMode === 'edit') data[key][idx] = JSON.parse(JSON.stringify(this.prEditForm))
  1410. else data[key].push(JSON.parse(JSON.stringify(this.prEditForm)))
  1411. this.$refs.generateForm.setData({ [key]: data[key] })
  1412. this.prEditVisible = false
  1413. },
  1414. // ===== 交通费用 =====
  1415. openBusinessEditDialog(scope, mode, index) {
  1416. this.businessEditScope = scope
  1417. this.businessEditIndex = index
  1418. this.businessEditMode = mode
  1419. if (mode === 'edit' && scope.model.blank_business_component[index]) {
  1420. var r = scope.model.blank_business_component[index]
  1421. this.businessEditForm = { startDate: r.startDate||'', endDate: r.endDate||'', startPlace: r.startPlace||'', endPlace: r.endPlace||'', transportationWay: r.transportationWay||'', price: r.price||'' }
  1422. this.businessEditTitle = '编辑交通费用'
  1423. } else {
  1424. this.businessEditForm = { startDate: '', endDate: '', startPlace: '', endPlace: '', transportationWay: '', price: '' }
  1425. this.businessEditTitle = '添加交通费用'
  1426. }
  1427. this.businessEditVisible = true
  1428. },
  1429. async onBusinessEditSave() {
  1430. var scope = this.businessEditScope, idx = this.businessEditIndex, key = 'blank_business_component'
  1431. var data = await this.$refs.generateForm.getData(false)
  1432. if (!data[key]) data[key] = []
  1433. if (this.businessEditMode === 'edit') data[key][idx] = JSON.parse(JSON.stringify(this.businessEditForm))
  1434. else data[key].push(JSON.parse(JSON.stringify(this.businessEditForm)))
  1435. await this.$refs.generateForm.setData({ [key]: data[key] })
  1436. this.businessEditVisible = false
  1437. await this.calcBizTotal()
  1438. },
  1439. onBusinessTransportConfirm(picker) {
  1440. var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
  1441. this.businessEditForm.transportationWay = sel
  1442. this.businessTransportPopVisible = false
  1443. },
  1444. onTransportConfirm(picker) {
  1445. var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
  1446. this.tripEditForm.transportation = sel
  1447. this.transportPopVisible = false
  1448. },
  1449. onRoundTripConfirm(picker) {
  1450. var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
  1451. this.tripEditForm.isRoundTrip = sel
  1452. this.roundTripPopVisible = false
  1453. },
  1454. // ===== 流程分类 / 发起流程(级联选择) =====
  1455. buildProcessColumns(data, depth) {
  1456. if (!data || !data.length) return []
  1457. depth = depth || 0
  1458. var self = this
  1459. return data.map(function(item) {
  1460. var node = { text: item.name, value: item.id || item.name }
  1461. console.log('buildProcessColumns depth=' + depth, 'name=' + item.name, 'hasChildren=' + !!(item.children && item.children.length))
  1462. if (item.children && item.children.length) {
  1463. node.children = self.buildProcessColumns(item.children, depth + 1)
  1464. }
  1465. return node
  1466. })
  1467. },
  1468. findCategoryNameByNameOrId(val) {
  1469. var tree = this.processCategoryRawData || []
  1470. function search(nodes) {
  1471. for (var i = 0; i < nodes.length; i++) {
  1472. var n = nodes[i]
  1473. if (n.name === val || n.id === val) return n.name
  1474. if (n.children && n.children.length) {
  1475. var result = search(n.children)
  1476. if (result) return result
  1477. }
  1478. }
  1479. return null
  1480. }
  1481. return search(tree) || val || ''
  1482. },
  1483. openProcessCategoryPicker() {
  1484. console.log('openProcessCategoryPicker rawData', JSON.stringify(this.processCategoryRawData).slice(0, 500))
  1485. if (this.processCategoryRawData && this.processCategoryRawData.length) {
  1486. this.processCategoryColumns = this.buildProcessColumns(this.processCategoryRawData)
  1487. } else {
  1488. console.log('processCategoryRawData 为空,未加载')
  1489. }
  1490. console.log('openProcessCategoryPicker columns count:', this.processCategoryColumns.length)
  1491. this.processCategoryPickerKey++
  1492. this.processCategoryPopVisible = true
  1493. },
  1494. onProcessCategoryConfirm(picker) {
  1495. var opts = picker && picker.selectedOptions
  1496. if (opts && opts.length > 0) {
  1497. // 取最后一级(最深节点)作为选中值
  1498. var last = opts[opts.length - 1]
  1499. this.form.LCFL = last.value || ''
  1500. this.form.LCFLName = last.text || ''
  1501. }
  1502. this.processCategoryPopVisible = false
  1503. // 清空流程类型,重新加载
  1504. this.form.FQLC = ''
  1505. this.form.FQLCName = ''
  1506. this.processTypeRawData = []
  1507. this.processTypeColumns = []
  1508. this.loadProcessTypeList()
  1509. },
  1510. // ===== 流程类型单选 =====
  1511. loadProcessTypeList() {
  1512. if (!this.form.LCFL) return
  1513. axios({
  1514. method: 'get',
  1515. url: this.APIUrl + '/bpm/model/page',
  1516. headers: this.headers,
  1517. params: {
  1518. pageNo: 1,
  1519. pageSize: 999,
  1520. processTypeId: this.form.LCFL
  1521. }
  1522. }).then(res => {
  1523. console.log('processTypeList~~~', res.data.data)
  1524. var list = res.data.data.list || res.data.data || []
  1525. this.processTypeRawData = list
  1526. this.processTypeColumns = list.map(function(item) {
  1527. return { text: item.name, value: item.name }
  1528. })
  1529. })
  1530. },
  1531. openProcessTypePicker() {
  1532. if (this.processTypeRawData && this.processTypeRawData.length) {
  1533. this.processTypeColumns = this.processTypeRawData.map(function(item) {
  1534. return { text: item.name, value: item.name }
  1535. })
  1536. }
  1537. this.processTypePopVisible = true
  1538. },
  1539. onProcessTypeConfirm(picker) {
  1540. var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
  1541. this.form.FQLC = picker.selectedOptions[0].value
  1542. this.form.FQLCName = sel
  1543. this.processTypePopVisible = false
  1544. },
  1545. // ===== 城市级联选择 (van-area) =====
  1546. openCityPicker(type) {
  1547. this.cityPickerType = type
  1548. // 直接使用 cityData.js 中已构建好的 window.areaList
  1549. if (window.areaList) {
  1550. this.areaList = window.areaList
  1551. }
  1552. this.cityPickerVisible = true
  1553. },
  1554. onCityPickerConfirm({ selectedOptions }) {
  1555. // Vant4 confirm 事件传递 { selectedValues, selectedOptions, selectedIndexes }
  1556. // selectedOptions 为 [{text, value}, {text, value}, {text, value}]
  1557. var parts = []
  1558. if (selectedOptions && selectedOptions.length) {
  1559. selectedOptions.forEach(function(v) { if (v && v.text) parts.push(v.text) })
  1560. }
  1561. var val = parts.join('/')
  1562. if (this.cityPickerType === 'departure') {
  1563. this.tripEditForm.departureCity = val
  1564. } else if (this.cityPickerType === 'destination') {
  1565. this.tripEditForm.destinationCity = val
  1566. }
  1567. this.cityPickerVisible = false
  1568. },
  1569. async calcBizTotal() {
  1570. var data = await this.$refs.generateForm.getData(false)
  1571. var list = data.blank_business_component || []
  1572. var totalPrice = 0
  1573. list.forEach(function(it) {
  1574. totalPrice += Number(it.price) || 0
  1575. })
  1576. // 其他费用字段(住宿费、市内交通平台、餐费补贴、市内交通费、招待费、其他费用)
  1577. var zsf = Number(data.number_uyuxcowe) || 0
  1578. var snjtpt = Number(data.number_0zw5q8y9) || 0
  1579. var cfbt = Number(data.number_fyl8n1lm) || 0
  1580. var snjtf = Number(data.number_p093shsw) || 0
  1581. var zdf = Number(data.number_uiv62o0r) || 0
  1582. var qtfy = Number(data.number_i5y1dk9x) || 0
  1583. this.$refs.generateForm.setData({
  1584. number_06fgz5gs: totalPrice + zsf + snjtpt + cfbt + snjtf + zdf + qtfy
  1585. })
  1586. },
  1587. // ===== 产品规格 =====
  1588. openSpecEditDialog(scope, mode, index) {
  1589. this.specEditScope = scope
  1590. this.specEditIndex = index
  1591. this.specEditMode = mode
  1592. if (mode === 'edit' && scope.model.blank_product_specification[index]) {
  1593. var r = scope.model.blank_product_specification[index]
  1594. this.specEditForm = { specification: r.specification||'', num: r.num||'', batchNo: r.batchNo||'' }
  1595. this.specEditTitle = '编辑产品规格'
  1596. } else {
  1597. this.specEditForm = { specification: '', num: '', batchNo: '' }
  1598. this.specEditTitle = '添加产品规格'
  1599. }
  1600. this.specEditVisible = true
  1601. },
  1602. async onSpecEditSave() {
  1603. var scope = this.specEditScope, idx = this.specEditIndex, key = 'blank_product_specification'
  1604. var data = await this.$refs.generateForm.getData(false)
  1605. if (!data[key]) data[key] = []
  1606. if (this.specEditMode === 'edit') data[key][idx] = JSON.parse(JSON.stringify(this.specEditForm))
  1607. else data[key].push(JSON.parse(JSON.stringify(this.specEditForm)))
  1608. await this.$refs.generateForm.setData({ [key]: data[key] })
  1609. this.specEditVisible = false
  1610. },
  1611. // ===== 事件 =====
  1612. openEventEditDialog(scope, mode, index) {
  1613. this.eventEditScope = scope
  1614. this.eventEditIndex = index
  1615. this.eventEditMode = mode
  1616. if (mode === 'edit' && scope.model.blank_event_component[index]) {
  1617. var r = scope.model.blank_event_component[index]
  1618. this.eventEditForm = { eventTime: r.eventTime||'', eventHospital: r.eventHospital||'', eventDesc: r.eventDesc||'', files: r.files||[], eventOpinion: r.eventOpinion||'' }
  1619. this.eventEditTitle = '编辑事件'
  1620. } else {
  1621. this.eventEditForm = { eventTime: '', eventHospital: '', eventDesc: '', files: [], eventOpinion: '' }
  1622. this.eventEditTitle = '添加事件'
  1623. }
  1624. this.eventEditVisible = true
  1625. },
  1626. async onEventEditSave() {
  1627. var scope = this.eventEditScope, idx = this.eventEditIndex, key = 'blank_event_component'
  1628. var data = await this.$refs.generateForm.getData(false)
  1629. if (!data[key]) data[key] = []
  1630. // 同步文件:x_selectFiles 可能已将附件写入临时行,回填到 eventEditForm
  1631. if (data[key][idx] && data[key][idx].files && data[key][idx].files.length) {
  1632. this.eventEditForm.files = data[key][idx].files
  1633. }
  1634. if (this.eventEditMode === 'edit') {
  1635. data[key][idx] = JSON.parse(JSON.stringify(this.eventEditForm))
  1636. } else {
  1637. // 清理 x_selectFiles 创建的临时行(仅有 files 无实际字段),避免重复
  1638. if (data[key][idx] && !data[key][idx].eventTime && !data[key][idx].eventHospital) {
  1639. data[key].splice(idx, 1)
  1640. }
  1641. data[key].push(JSON.parse(JSON.stringify(this.eventEditForm)))
  1642. }
  1643. await this.$refs.generateForm.setData({ [key]: data[key] })
  1644. this.eventEditVisible = false
  1645. },
  1646. // ===== 补发 =====
  1647. openReissueEditDialog(scope, mode, index) {
  1648. this.reissueEditScope = scope
  1649. this.reissueEditIndex = index
  1650. this.reissueEditMode = mode
  1651. if (mode === 'edit' && scope.model.blank_reissue_component[index]) {
  1652. var r = scope.model.blank_reissue_component[index]
  1653. this.reissueEditForm = { reissueType: r.reissueType||'', reissueOtherType: r.reissueOtherType||'', reissueContact: r.reissueContact||'', reissueOtherReq: r.reissueOtherReq||'' }
  1654. this.reissueEditTitle = '编辑补发'
  1655. } else {
  1656. this.reissueEditForm = { reissueType: '', reissueOtherType: '', reissueContact: '', reissueOtherReq: '' }
  1657. this.reissueEditTitle = '添加补发'
  1658. }
  1659. this.reissueEditVisible = true
  1660. },
  1661. async onReissueEditSave() {
  1662. var scope = this.reissueEditScope, idx = this.reissueEditIndex, key = 'blank_reissue_component'
  1663. var data = await this.$refs.generateForm.getData(false)
  1664. if (!data[key]) data[key] = []
  1665. if (this.reissueEditMode === 'edit') data[key][idx] = JSON.parse(JSON.stringify(this.reissueEditForm))
  1666. else data[key].push(JSON.parse(JSON.stringify(this.reissueEditForm)))
  1667. await this.$refs.generateForm.setData({ [key]: data[key] })
  1668. this.reissueEditVisible = false
  1669. },
  1670. onReissueTypeConfirm(picker) {
  1671. var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
  1672. this.reissueEditForm.reissueType = sel
  1673. this.reissueTypePopVisible = false
  1674. },
  1675. async handleUploadLocal (model, rowIndex) {
  1676. console.log('上传本地文件按钮被点击,字段模型:', model, '行索引:', rowIndex)
  1677. let data = await this.$refs.generateForm.getData(false);
  1678. let files = []
  1679. if (rowIndex != null) {
  1680. // 数组行附件
  1681. files = (data[model] && data[model][rowIndex] && data[model][rowIndex].files) || []
  1682. } else {
  1683. // 普通表单字段附件
  1684. files = data[model] || []
  1685. }
  1686. this.selectFilesField = model
  1687. this.selectFilesRowIndex = rowIndex != null ? rowIndex : null
  1688. uni.postMessage({
  1689. data: {
  1690. type: 'selectFiles',
  1691. field: model,
  1692. files: files,
  1693. isEdit: this.type || 'add'
  1694. }
  1695. });
  1696. },
  1697. addWorkOrder() {
  1698. uni.postMessage({
  1699. data: {
  1700. type: 'selectWork',
  1701. }
  1702. });
  1703. },
  1704. async addNewRow(key) {
  1705. console.log(key);
  1706. let data = await this.$refs.generateForm.getData(false);
  1707. data[key].push({
  1708. price: '',
  1709. remark: ''
  1710. });
  1711. this.$refs.generateForm.setData({
  1712. key: data[key]
  1713. });
  1714. },
  1715. async delNewRow(key, index, isChange) {
  1716. let data = await this.$refs.generateForm.getData(false);
  1717. data[key] = data[key].filter((item, index1) => index1 != index);
  1718. await this.$refs.generateForm.setData({
  1719. [key]: data[key]
  1720. });
  1721. if (isChange) {
  1722. this.changePrice(data[key])
  1723. }
  1724. },
  1725. changePrice(data) {
  1726. let num = 0;
  1727. data.forEach((item) => {
  1728. num += Number(item.price);
  1729. });
  1730. this.$refs.generateForm.setData({
  1731. input_jd9ouzyh: num
  1732. });
  1733. },
  1734. setSalesServiceWork(data) {
  1735. this.$refs.generateForm.setData({
  1736. manage_workorder: data
  1737. });
  1738. this.$refs.generateForm.setRules('manage_workorder', [{
  1739. required: false,
  1740. message: '必须填写'
  1741. }])
  1742. setTimeout(() => {
  1743. this.$refs.generateForm.validate(['manage_workorder'])
  1744. })
  1745. },
  1746. getQueryParams(queryName) {
  1747. const urlSearchParams = new URLSearchParams(window.location.search);
  1748. const query = urlSearchParams.get(queryName);
  1749. console.log(query, 'query')
  1750. return JSON.parse(query);
  1751. },
  1752. generateFormValid(validate = true) {
  1753. // 校验流程分类和流程类型必填
  1754. if (!this.form.LCFL) {
  1755. vant.showNotify({ type: 'warning', message: '请选择流程分类' })
  1756. return Promise.reject(new Error('请选择流程分类'))
  1757. }
  1758. if (!this.form.FQLC) {
  1759. vant.showNotify({ type: 'warning', message: '请选择流发起流程' })
  1760. return Promise.reject(new Error('请选择发起流程'))
  1761. }
  1762. return this.$refs.generateForm.getData(validate).then((data) => { //清空content
  1763. for (key in data) {
  1764. if (key.includes('fileupload')) {
  1765. data[key].forEach(item => {
  1766. item['content'] = ''
  1767. })
  1768. }
  1769. }
  1770. return data;
  1771. });
  1772. },
  1773. async handleAudit(status) {
  1774. console.log(1111111, status)
  1775. let formData = await this.$refs.generateForm.getData(false);
  1776. console.log('formData~~~~', formData)
  1777. this.loading = true;
  1778. console.log(this.loading)
  1779. try {
  1780. this.form.valueJson = await this.generateFormValid();
  1781. } catch (error) {
  1782. console.log(22222, error)
  1783. this.loading = false;
  1784. return;
  1785. }
  1786. console.log('dictList~~~~', this.dictList, this.form.dictType)
  1787. // 从 dictList 中查找匹配的字典名称
  1788. var _this = this
  1789. var dictItem = this.dictList.find(function(d) { return d[_this.form.dictType] }) || {}
  1790. var dictName = dictItem[_this.form.dictType] || _this.form.dictType
  1791. this.form.processType = '1';
  1792. let API = this.APIUrl + '/bpm/process-instance/create'
  1793. axios({
  1794. method: 'post',
  1795. url: API,
  1796. headers: this.headers,
  1797. data: {
  1798. ...this.form,
  1799. variables: {
  1800. ...this.form.valueJson,
  1801. businessCode: this.form.code,
  1802. businessName: this.form.name,
  1803. businessType: dictName
  1804. }
  1805. }
  1806. }).then((res) => {
  1807. this.loading = false;
  1808. if (res.data.code != '-1') {
  1809. vant.showNotify({
  1810. type: 'success',
  1811. message: `提交成功!`,
  1812. duration: 1000,
  1813. });
  1814. setTimeout(() => {
  1815. this.onClickLeft()
  1816. }, 1000)
  1817. } else {
  1818. vant.showNotify({
  1819. type: 'danger',
  1820. message: `提交失败!${res.data.message}`,
  1821. duration: 1000,
  1822. });
  1823. }
  1824. }).catch((err) => {
  1825. vant.showNotify({
  1826. type: 'danger',
  1827. message: `提交失败!${err.message}`,
  1828. duration: 1000,
  1829. });
  1830. this.loading = false;
  1831. });
  1832. },
  1833. onClickLeft() {
  1834. uni.navigateBack({
  1835. delta: 1
  1836. });
  1837. }
  1838. }
  1839. }).use(vant).use(FormMakingV3).mount('#app')
  1840. </script>
  1841. </body>
  1842. </html>