a.html 68 KB

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