a.html 80 KB

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