| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport"
- content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
- <link rel="stylesheet" href="./resource/vantIndex.css" />
- <link rel="stylesheet" href="./vue-form-making/index.css">
- </head>
- <body>
- <style>
- :root:root {
- --van-nav-bar-background: rgb(21, 122, 44);
- --van-nav-bar-title-text-color: rgb(255, 255, 255);
- --van-nav-bar-icon-color: rgb(255, 255, 255);
- }
- .blank_adopzrdd {
- display: flex;
- align-items: center;
- margin-bottom: 10px;
- }
- .blank_adopzrdd>span {
- display: inline-block;
- width: 80px;
- }
- .seal-form-row {
- display: flex; align-items: center; padding: 10px 16px;
- border-bottom: 1px solid #ebedf0; background: #fff;
- }
- .seal-form-label { width: 100px; font-size: 14px; color: #646566; flex-shrink: 0; }
- .seal-form-val { flex: 1; font-size: 14px; color: #333; text-align: right; }
- .seal-form-arrow { font-size: 20px; color: #c8c9cc; margin-left: 8px; }
- .seal-form-input { flex: 1; border: none; font-size: 14px; text-align: right; outline: none; background: transparent; }
- .seal-card { background: #fff; border-radius: 8px; margin-bottom: 10px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
- .seal-card-header { display: flex; align-items: center; padding: 10px 12px; background: #f7f8fa; border-bottom: 1px solid #ebedf0; }
- .seal-card-index { font-size: 14px; font-weight: bold; color: #157A2C; margin-right: 8px; }
- .seal-card-type { flex: 1; font-size: 15px; font-weight: bold; color: #323233; }
- .seal-card-actions { display: flex; gap: 6px; flex-shrink: 0; }
- .seal-card-body { padding: 8px 12px; }
- .seal-card-row { display: flex; padding: 6px 0; font-size: 13px; }
- .seal-card-label { width: 42px; color: #969799; flex-shrink: 0; }
- .seal-card-value { flex: 1; color: #323233; word-break: break-all; }
- :root#app {
- background: #4298fd0d;
- }
- ::v-deep.fm-form-item {
- margin-bottom: 10px !important;
- }
- </style>
- <div id="app">
- <van-nav-bar height='100rpx;margin-top:100rpx' @click-left="onClickLeft"
- style="background-color: rgb(21, 122, 44);color: rgb(255, 255, 255);" :title="title" left-arrow
- :safe-area-inset-top='true' :placeholder='true' :fixed='true'></van-nav-bar>
- <fm-generate-vant-form style='height: 81vh !important;overflow: auto;background: #a3a6ad1c;margin-top:44px'
- v-if='isFlag' :data="jsonData" :value="form.valueJson" ref="generateForm" :edit='isEdit' @on-upload-local="handleUploadLocal">
- <!-- 费用报销 -->
- <template v-slot:blank_adopzrdd="scope">
- <div style="width: 100%;">
- <van-button type="primary" size="small" @click="addNewRow('blank_adopzrdd')"
- style="margin-bottom: 10px">添加报销事项</van-button>
- <div v-for="(item, index) in scope.model.blank_adopzrdd" :key="index" style="width: 100%;">
- <div class="blank_adopzrdd">
- <span>{{ index + 1 }}报销事项:</span>
- <van-field rows="1" v-model="scope.model.blank_adopzrdd[index].remark" type="textarea"
- autosize style="width: calc(100% - 80px)"></van-field>
- </div>
- <div class="blank_adopzrdd">
- <span>
- <!-- <van-icon @click="delNewRow('blank_adopzrdd', index)" name="delete"
- style="color: #f56c6c;"></van-icon> -->
- 金额:</span>
- <van-field v-model="scope.model.blank_adopzrdd[index].price" type="number"
- style="width: calc(100% - 80px)"
- @change="changePrice(scope.model.blank_adopzrdd)"></van-field>
- </div>
- <div class="blank_adopzrdd">
- <span>
- <van-icon @click="delNewRow('blank_adopzrdd', index, true)" name="delete"
- style="color: #f56c6c;"></van-icon>
- 附件:</span>
- <template v-if="item.files && item.files.length">
- <van-badge :content="item.files.length">
- <van-button type="primary" size="mini" @click="handleUploadLocal('blank_adopzrdd', index)">上传附件</van-button>
- </van-badge>
- </template>
- <van-button v-else type="primary" size="mini" @click="handleUploadLocal('blank_adopzrdd', index)">上传附件</van-button>
- </div>
- </div>
- </div>
- </template>
- <template v-slot:manage_workorder="scope">
- <van-field v-model="scope.model.manage_workorder.code" readonly @click="addWorkOrder()"></van-field>
- </template>
- <template v-slot:blank_use_seal="scope">
- <div style="width: 100%;">
- <!-- 列表项 -->
- <view v-for="(item, index) in scope.model.blank_use_seal" :key="index" class="seal-card">
- <div class="seal-card-header">
- <span class="seal-card-index">{{ index + 1 }}.</span>
- <span class="seal-card-type">{{ item.useSealType || '未选择类型' }}</span>
- <div class="seal-card-actions">
- <van-button size="mini" type="primary" plain @click="openSealEditDialog(scope, 'edit', index)">编辑</van-button>
- <van-button size="mini" type="danger" plain @click="delNewRow('blank_use_seal', index)">删除</van-button>
- </div>
- </div>
- <div class="seal-card-body">
- <div class="seal-card-row">
- <span class="seal-card-label">事由</span>
- <span class="seal-card-value">{{ item.useSealRemark || '未填写' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">印章</span>
- <span class="seal-card-value">{{ item.useSealName || '未选择' }}</span>
- </div>
- </div>
- </view>
- <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>
- </div>
- </template>
- <template v-slot:blank_use_qualification="scope">
- <div style="width: 100%;">
- <view v-for="(item, index) in scope.model.blank_use_qualification" :key="index" class="seal-card">
- <div class="seal-card-header">
- <span class="seal-card-index">{{ index + 1 }}.</span>
- <span class="seal-card-type">{{ item.useQualificationType || '未选择类型' }}</span>
- <div class="seal-card-actions">
- <van-button size="mini" type="primary" plain @click="openQualEditDialog(scope, 'edit', index)">编辑</van-button>
- <van-button size="mini" type="danger" plain @click="delNewRow('blank_use_qualification', index)">删除</van-button>
- </div>
- </div>
- <div class="seal-card-body">
- <div class="seal-card-row">
- <span class="seal-card-label">事由</span>
- <span class="seal-card-value">{{ item.useQualificationRemark || '未填写' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">名称</span>
- <span class="seal-card-value">{{ item.useQualificationName || '未选择' }}</span>
- </div>
- </div>
- </view>
- <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>
- </div>
- </template>
- <template v-slot:blank_application_component="scope">
- <div style="width: 100%;">
- <view v-for="(item, index) in scope.model.blank_application_component" :key="index" class="seal-card">
- <div class="seal-card-header">
- <span class="seal-card-index">{{ index + 1 }}.</span>
- <span class="seal-card-type">{{ item.productName || '未选择产品' }}</span>
- <div class="seal-card-actions">
- <van-button size="mini" type="primary" plain @click="openAppEditDialog(scope, 'edit', index)">编辑</van-button>
- <van-button size="mini" type="danger" plain @click="delNewRow('blank_application_component', index)">删除</van-button>
- </div>
- </div>
- <div class="seal-card-body">
- <div class="seal-card-row">
- <span class="seal-card-label">数量</span>
- <span class="seal-card-value">{{ item.quantity || '未填写' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">规格</span>
- <span class="seal-card-value">{{ item.specification || '未填写' }}</span>
- </div>
- </div>
- </view>
- <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>
- </div>
- </template>
- <template v-slot:blank_business_trip="scope">
- <div style="width: 100%;">
- <view v-for="(item, index) in scope.model.blank_business_trip" :key="index" class="seal-card">
- <div class="seal-card-header">
- <span class="seal-card-index">{{ index + 1 }}.</span>
- <span class="seal-card-type">{{ item.transportation || '未知交通' }} {{ item.departureCity || '?' }}→{{ item.destinationCity || '?' }}</span>
- <div class="seal-card-actions">
- <van-button size="mini" type="primary" plain @click="openTripEditDialog(scope, 'edit', index)">编辑</van-button>
- <van-button size="mini" type="danger" plain @click="delNewRow('blank_business_trip', index).then(() => calcTripTotal())">删除</van-button>
- </div>
- </div>
- <div class="seal-card-body">
- <div class="seal-card-row">
- <span class="seal-card-label">往返</span>
- <span class="seal-card-value">{{ item.isRoundTrip || '未填写' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">时间</span>
- <span class="seal-card-value">{{ item.startTime || '-' }} ~ {{ item.endTime || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">时长</span>
- <span class="seal-card-value">{{ item.duration || '-' }}</span>
- </div>
- </div>
- </view>
- <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>
- </div>
- </template>
- <template v-slot:blank_purchase_requisition="scope">
- <div style="width: 100%;">
- <view v-for="(item, index) in scope.model.blank_purchase_requisition" :key="index" class="seal-card">
- <div class="seal-card-header">
- <span class="seal-card-index">{{ index + 1 }}.</span>
- <span class="seal-card-type">{{ item.materialName || '未填写物料' }} ×{{ item.quantity||0 }}{{ item.unit||'' }}</span>
- <div class="seal-card-actions">
- <van-button size="mini" type="primary" plain @click="openPrEditDialog(scope, 'edit', index)">编辑</van-button>
- <van-button size="mini" type="danger" plain @click="delNewRow('blank_purchase_requisition', index)">删除</van-button>
- </div>
- </div>
- <div class="seal-card-body">
- <div class="seal-card-row">
- <span class="seal-card-label">规格</span>
- <span class="seal-card-value">{{ item.specification || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">用途</span>
- <span class="seal-card-value">{{ item.purpose || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">交付</span>
- <span class="seal-card-value">{{ item.expectedDeliveryDate || '-' }}</span>
- </div>
- <div class="seal-card-row" v-if="item.remark">
- <span class="seal-card-label">备注</span>
- <span class="seal-card-value">{{ item.remark }}</span>
- </div>
- </div>
- </view>
- <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>
- </div>
- </template>
- <template v-slot:blank_business_component="scope">
- <div style="width: 100%;">
- <view v-for="(item, index) in scope.model.blank_business_component" :key="index" class="seal-card">
- <div class="seal-card-header">
- <span class="seal-card-index">{{ index + 1 }}.</span>
- <span class="seal-card-type">{{ item.transportationWay || '未知交通' }} {{ item.startPlace || '?' }}→{{ item.endPlace || '?' }}</span>
- <div class="seal-card-actions">
- <van-button size="mini" type="primary" plain @click="openBusinessEditDialog(scope, 'edit', index)">编辑</van-button>
- <van-button size="mini" type="danger" plain @click="delNewRow('blank_business_component', index).then(() => calcBizTotal())">删除</van-button>
- </div>
- </div>
- <div class="seal-card-body">
- <div class="seal-card-row">
- <span class="seal-card-label">出发</span>
- <span class="seal-card-value">{{ item.startDate || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">到达</span>
- <span class="seal-card-value">{{ item.endDate || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">出发地</span>
- <span class="seal-card-value">{{ item.startPlace || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">到达地</span>
- <span class="seal-card-value">{{ item.endPlace || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">交通</span>
- <span class="seal-card-value">{{ item.transportationWay || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">费用</span>
- <span class="seal-card-value">¥{{ item.price || '0' }}</span>
- </div>
- </div>
- </view>
- <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>
- </div>
- </template>
- <template v-slot:blank_product_specification="scope">
- <div style="width: 100%;">
- <view v-for="(item, index) in scope.model.blank_product_specification" :key="index" class="seal-card">
- <div class="seal-card-header">
- <span class="seal-card-index">{{ index + 1 }}.</span>
- <span class="seal-card-type">{{ item.specification || '未填写规格' }}</span>
- <div class="seal-card-actions">
- <van-button size="mini" type="primary" plain @click="openSpecEditDialog(scope, 'edit', index)">编辑</van-button>
- <van-button size="mini" type="danger" plain @click="delNewRow('blank_product_specification', index)">删除</van-button>
- </div>
- </div>
- <div class="seal-card-body">
- <div class="seal-card-row">
- <span class="seal-card-label">规格</span>
- <span class="seal-card-value">{{ item.specification || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">数量</span>
- <span class="seal-card-value">{{ item.num || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">批号</span>
- <span class="seal-card-value">{{ item.batchNo || '-' }}</span>
- </div>
- </div>
- </view>
- <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>
- </div>
- </template>
- <template v-slot:blank_event_component="scope">
- <div style="width: 100%;">
- <view v-for="(item, index) in scope.model.blank_event_component" :key="index" class="seal-card">
- <div class="seal-card-header">
- <span class="seal-card-index">{{ index + 1 }}.</span>
- <span class="seal-card-type">{{ item.eventHospital || '未填写医院' }}</span>
- <div class="seal-card-actions">
- <van-button size="mini" type="primary" plain @click="openEventEditDialog(scope, 'edit', index)">编辑</van-button>
- <van-button size="mini" type="danger" plain @click="delNewRow('blank_event_component', index)">删除</van-button>
- </div>
- </div>
- <div class="seal-card-body">
- <div class="seal-card-row">
- <span class="seal-card-label">时间</span>
- <span class="seal-card-value">{{ item.eventTime || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">描述</span>
- <span class="seal-card-value">{{ item.eventDesc || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">附件</span>
- <div style="flex:1">
- <van-badge v-if="item.files && item.files.length" :content="item.files.length">
- <van-button size="small" type="primary" @click="handleUploadLocal('blank_event_component', index)">上传附件</van-button>
- </van-badge>
- <van-button v-else size="small" type="primary" @click="handleUploadLocal('blank_event_component', index)">上传附件</van-button>
- </div>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">意见</span>
- <span class="seal-card-value">{{ item.eventOpinion || '-' }}</span>
- </div>
- </div>
- </view>
- <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>
- </div>
- </template>
- <template v-slot:blank_reissue_component="scope">
- <div style="width: 100%;">
- <view v-for="(item, index) in scope.model.blank_reissue_component" :key="index" class="seal-card">
- <div class="seal-card-header">
- <span class="seal-card-index">{{ index + 1 }}.</span>
- <span class="seal-card-type">{{ item.reissueType || '未填写类型' }}</span>
- <div class="seal-card-actions">
- <van-button size="mini" type="primary" plain @click="openReissueEditDialog(scope, 'edit', index)">编辑</van-button>
- <van-button size="mini" type="danger" plain @click="delNewRow('blank_reissue_component', index)">删除</van-button>
- </div>
- </div>
- <div class="seal-card-body">
- <div class="seal-card-row">
- <span class="seal-card-label">规格</span>
- <span class="seal-card-value">{{ item.reissueOtherType || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">收件</span>
- <span class="seal-card-value">{{ item.reissueContact || '-' }}</span>
- </div>
- <div class="seal-card-row">
- <span class="seal-card-label">要求</span>
- <span class="seal-card-value">{{ item.reissueOtherReq || '-' }}</span>
- </div>
- </div>
- </view>
- <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>
- </div>
- </template>
- </fm-generate-vant-form>
- <!-- 印章选择弹窗(根层级,避免被 form overflow 裁剪) -->
- <van-popup v-model:show="sealPopVisible" position="bottom" :style="{ height: '30%' }" teleport="body">
- <van-picker
- show-toolbar
- :title="sealPopType === 'type' ? '印章使用类型' : '印章名称'"
- :columns="sealPopType === 'type' ? useSealTypeList : useSealNameList"
- @confirm="onSealPopConfirm"
- @cancel="sealPopVisible = false"
- />
- </van-popup>
- <!-- 印章编辑弹窗 -->
- <van-popup v-model:show="sealEditVisible" position="bottom" :style="{ height: '55%' }" round>
- <div style="padding:16px">
- <h4 style="text-align:center;margin-bottom:12px">{{ sealEditTitle }}</h4>
- <!-- 印章使用类型 -->
- <div class="seal-form-row" @click="openSealPickerInEdit('type')">
- <span class="seal-form-label">印章使用类型</span>
- <span class="seal-form-val">{{ sealEditForm.useSealType || '请选择' }}</span>
- <span class="seal-form-arrow">›</span>
- </div>
- <!-- 印章使用事由 -->
- <div class="seal-form-row">
- <span class="seal-form-label">印章使用事由</span>
- <input class="seal-form-input" v-model="sealEditForm.useSealRemark" placeholder="请输入" />
- </div>
- <!-- 印章名称 -->
- <div class="seal-form-row" @click="openSealPickerInEdit('name')">
- <span class="seal-form-label">印章名称</span>
- <span class="seal-form-val">{{ sealEditForm.useSealName || '请选择' }}</span>
- <span class="seal-form-arrow">›</span>
- </div>
- <div style="display:flex;justify-content:space-between;padding:20px 0">
- <van-button style="width:48%" @click="sealEditVisible = false">取消</van-button>
- <van-button style="width:48%" type="primary" @click="onSealEditSave">保存</van-button>
- </div>
- </div>
- </van-popup>
- <!-- 资质选择弹窗 -->
- <van-popup v-model:show="qualPopVisible" position="bottom" :style="{ height: '30%' }">
- <van-picker
- show-toolbar
- :title="qualPopType === 'type' ? '资质类型' : '使用资质名称'"
- :columns="qualPopType === 'type' ? useQualificationTypeList : useQualificationNameList"
- @confirm="onQualPopConfirm"
- @cancel="qualPopVisible = false"
- />
- </van-popup>
- <!-- 资质编辑弹窗 -->
- <van-popup v-model:show="qualEditVisible" position="bottom" :style="{ height: '55%' }" round>
- <div style="padding:16px">
- <h4 style="text-align:center;margin-bottom:12px">{{ qualEditTitle }}</h4>
- <div class="seal-form-row" @click="openQualPickerInEdit('type')">
- <span class="seal-form-label">资质类型</span>
- <span class="seal-form-val">{{ qualEditForm.useQualificationType || '请选择' }}</span>
- <span class="seal-form-arrow">›</span>
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">资质使用事由</span>
- <input class="seal-form-input" v-model="qualEditForm.useQualificationRemark" placeholder="请输入" />
- </div>
- <div class="seal-form-row" @click="openQualPickerInEdit('name')">
- <span class="seal-form-label">使用资质名称</span>
- <span class="seal-form-val">{{ qualEditForm.useQualificationName || '请选择' }}</span>
- <span class="seal-form-arrow">›</span>
- </div>
- <div style="display:flex;justify-content:space-between;padding:20px 0">
- <van-button style="width:48%" @click="qualEditVisible = false">取消</van-button>
- <van-button style="width:48%" type="primary" @click="onQualEditSave">保存</van-button>
- </div>
- </div>
- </van-popup>
- <!-- 产品选择弹窗 -->
- <van-popup v-model:show="appPopVisible" position="bottom" :style="{ height: '45%' }">
- <van-picker
- show-toolbar
- title="选择产品名称"
- :columns="productNameList"
- @confirm="onAppPopConfirm"
- @cancel="appPopVisible = false"
- />
- </van-popup>
- <!-- 产品编辑弹窗 -->
- <van-popup v-model:show="appEditVisible" position="bottom" :style="{ height: '55%' }" round>
- <div style="padding:16px">
- <h4 style="text-align:center;margin-bottom:12px">{{ appEditTitle }}</h4>
- <div class="seal-form-row" @click="openAppPickerInEdit">
- <span class="seal-form-label">产品名称</span>
- <span class="seal-form-val">{{ appEditForm.productName || '请选择' }}</span>
- <span class="seal-form-arrow">›</span>
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">数量</span>
- <input class="seal-form-input" v-model="appEditForm.quantity" type="number" placeholder="请输入" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">规格型号</span>
- <input class="seal-form-input" v-model="appEditForm.specification" placeholder="请输入" />
- </div>
- <div style="display:flex;justify-content:space-between;padding:20px 0">
- <van-button style="width:48%" @click="appEditVisible = false">取消</van-button>
- <van-button style="width:48%" type="primary" @click="onAppEditSave">保存</van-button>
- </div>
- </div>
- </van-popup>
- <!-- 行程编辑弹窗 -->
- <van-popup v-model:show="tripEditVisible" position="bottom" :style="{ height: '70%' }" round>
- <div style="padding:16px">
- <h4 style="text-align:center;margin-bottom:12px">{{ tripEditTitle }}</h4>
- <div class="seal-form-row" @click="transportPopVisible = true">
- <span class="seal-form-label">交通工具</span>
- <span class="seal-form-val">{{ tripEditForm.transportation || '请选择' }}</span>
- <span class="seal-form-arrow">›</span>
- </div>
- <div class="seal-form-row" @click="roundTripPopVisible = true">
- <span class="seal-form-label">单程往返</span>
- <span class="seal-form-val">{{ tripEditForm.isRoundTrip || '请选择' }}</span>
- <span class="seal-form-arrow">›</span>
- </div>
- <div class="seal-form-row" @click="openCityPicker('departure')">
- <span class="seal-form-label">出发城市</span>
- <span class="seal-form-val">{{ tripEditForm.departureCity || '请选择' }}</span>
- <span class="seal-form-arrow">›</span>
- </div>
- <div class="seal-form-row" @click="openCityPicker('destination')">
- <span class="seal-form-label">目的城市</span>
- <span class="seal-form-val">{{ tripEditForm.destinationCity || '请选择' }}</span>
- <span class="seal-form-arrow">›</span>
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">开始时间</span>
- <input class="seal-form-input" type="datetime-local" v-model="tripEditForm.startTime" @change="calcTripDuration" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">结束时间</span>
- <input class="seal-form-input" type="datetime-local" v-model="tripEditForm.endTime" @change="calcTripDuration" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">时长</span>
- <span class="seal-form-val">{{ tripEditForm.duration || '自动计算' }}</span>
- </div>
- <div style="display:flex;justify-content:space-between;padding:20px 0">
- <van-button style="width:48%" @click="tripEditVisible = false">取消</van-button>
- <van-button style="width:48%" type="primary" @click="onTripEditSave">保存</van-button>
- </div>
- </div>
- </van-popup>
- <!-- 采购申请编辑弹窗 -->
- <van-popup v-model:show="prEditVisible" position="bottom" :style="{ height: '70%' }" round>
- <div style="padding:16px">
- <h4 style="text-align:center;margin-bottom:12px">{{ prEditTitle }}</h4>
- <div class="seal-form-row"><span class="seal-form-label">物料名称</span><input class="seal-form-input" v-model="prEditForm.materialName" placeholder="请输入" /></div>
- <div class="seal-form-row"><span class="seal-form-label">规格型号</span><input class="seal-form-input" v-model="prEditForm.specification" placeholder="请输入" /></div>
- <div class="seal-form-row"><span class="seal-form-label">单位</span><input class="seal-form-input" v-model="prEditForm.unit" placeholder="个/台/套" /></div>
- <div class="seal-form-row"><span class="seal-form-label">数量</span><input class="seal-form-input" type="number" v-model="prEditForm.quantity" placeholder="请输入" /></div>
- <div class="seal-form-row"><span class="seal-form-label">用途</span><input class="seal-form-input" v-model="prEditForm.purpose" placeholder="请输入" /></div>
- <div class="seal-form-row"><span class="seal-form-label">交付日期</span><input class="seal-form-input" type="datetime-local" v-model="prEditForm.expectedDeliveryDate" /></div>
- <div class="seal-form-row"><span class="seal-form-label">备注</span><input class="seal-form-input" v-model="prEditForm.remark" placeholder="请输入" /></div>
- <div style="display:flex;justify-content:space-between;padding:20px 0">
- <van-button style="width:48%" @click="prEditVisible = false">取消</van-button>
- <van-button style="width:48%" type="primary" @click="onPrEditSave">保存</van-button>
- </div>
- </div>
- </van-popup>
- <!-- 交通费用编辑弹窗 -->
- <van-popup v-model:show="businessEditVisible" position="bottom" :style="{ height: '75%' }" round>
- <div style="padding:16px">
- <h4 style="text-align:center;margin-bottom:12px">{{ businessEditTitle }}</h4>
- <div class="seal-form-row">
- <span class="seal-form-label">出发日期</span>
- <input class="seal-form-input" type="datetime-local" v-model="businessEditForm.startDate" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">到达日期</span>
- <input class="seal-form-input" type="datetime-local" v-model="businessEditForm.endDate" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">出发地</span>
- <input class="seal-form-input" v-model="businessEditForm.startPlace" placeholder="请输入" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">到达地</span>
- <input class="seal-form-input" v-model="businessEditForm.endPlace" placeholder="请输入" />
- </div>
- <div class="seal-form-row" @click="businessTransportPopVisible = true">
- <span class="seal-form-label">交通方式</span>
- <span class="seal-form-val">{{ businessEditForm.transportationWay || '请选择' }}</span>
- <span class="seal-form-arrow">›</span>
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">交通费用</span>
- <input class="seal-form-input" type="number" v-model="businessEditForm.price" placeholder="请输入" />
- </div>
- <div style="display:flex;justify-content:space-between;padding:20px 0">
- <van-button style="width:48%" @click="businessEditVisible = false">取消</van-button>
- <van-button style="width:48%" type="primary" @click="onBusinessEditSave">保存</van-button>
- </div>
- </div>
- </van-popup>
- <!-- 交通方式选择弹窗 -->
- <van-popup v-model:show="businessTransportPopVisible" position="bottom" :style="{ height: '30%' }">
- <van-picker
- show-toolbar
- title="选择交通方式"
- :columns="transportationWayList"
- @confirm="onBusinessTransportConfirm"
- @cancel="businessTransportPopVisible = false"
- />
- </van-popup>
- <!-- 交通工具选择弹窗 -->
- <van-popup v-model:show="transportPopVisible" position="bottom" :style="{ height: '30%' }">
- <van-picker
- show-toolbar
- title="选择交通工具"
- :columns="transportationOptions"
- @confirm="onTransportConfirm"
- @cancel="transportPopVisible = false"
- />
- </van-popup>
- <!-- 单程往返选择弹窗 -->
- <van-popup v-model:show="roundTripPopVisible" position="bottom" :style="{ height: '30%' }">
- <van-picker
- show-toolbar
- title="选择单程往返"
- :columns="isRoundTripOptions"
- @confirm="onRoundTripConfirm"
- @cancel="roundTripPopVisible = false"
- />
- </van-popup>
- <!-- 城市级联选择弹窗 -->
- <van-popup v-model:show="cityPickerVisible" position="bottom" :style="{ height: '60%' }">
- <van-area
- title="选择城市"
- :area-list="areaList"
- @confirm="onCityPickerConfirm"
- @cancel="cityPickerVisible = false"
- />
- </van-popup>
- <!-- 产品规格编辑弹窗 -->
- <van-popup v-model:show="specEditVisible" position="bottom" :style="{ height: '60%' }" round>
- <div style="padding:16px">
- <h4 style="text-align:center;margin-bottom:12px">{{ specEditTitle }}</h4>
- <div class="seal-form-row">
- <span class="seal-form-label">产品规格型号</span>
- <input class="seal-form-input" v-model="specEditForm.specification" placeholder="请输入" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">数量</span>
- <input class="seal-form-input" v-model="specEditForm.num" placeholder="请输入" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">批号</span>
- <input class="seal-form-input" v-model="specEditForm.batchNo" placeholder="请输入" />
- </div>
- <div style="display:flex;justify-content:space-between;padding:20px 0">
- <van-button style="width:48%" @click="specEditVisible = false">取消</van-button>
- <van-button style="width:48%" type="primary" @click="onSpecEditSave">保存</van-button>
- </div>
- </div>
- </van-popup>
- <!-- 事件编辑弹窗 -->
- <van-popup v-model:show="eventEditVisible" position="bottom" :style="{ height: '75%' }" round>
- <div style="padding:16px">
- <h4 style="text-align:center;margin-bottom:12px">{{ eventEditTitle }}</h4>
- <div class="seal-form-row">
- <span class="seal-form-label">发生时间</span>
- <input class="seal-form-input" type="datetime-local" v-model="eventEditForm.eventTime" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">医院及科室</span>
- <input class="seal-form-input" v-model="eventEditForm.eventHospital" placeholder="请输入" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">详细描述</span>
- <input class="seal-form-input" v-model="eventEditForm.eventDesc" placeholder="请输入" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">图片上传</span>
- <div style="flex:1;text-align:right">
- <van-badge v-if="eventEditForm.files && eventEditForm.files.length" :content="eventEditForm.files.length">
- <van-button size="small" type="primary" @click="handleUploadLocal('blank_event_component', eventEditIndex)">上传图片</van-button>
- </van-badge>
- <van-button v-else size="small" type="primary" @click="handleUploadLocal('blank_event_component', eventEditIndex)">上传图片</van-button>
- </div>
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">其他意见</span>
- <input class="seal-form-input" v-model="eventEditForm.eventOpinion" placeholder="请输入" />
- </div>
- <div style="display:flex;justify-content:space-between;padding:20px 0">
- <van-button style="width:48%" @click="eventEditVisible = false">取消</van-button>
- <van-button style="width:48%" type="primary" @click="onEventEditSave">保存</van-button>
- </div>
- </div>
- </van-popup>
- <!-- 补发编辑弹窗 -->
- <van-popup v-model:show="reissueEditVisible" position="bottom" :style="{ height: '65%' }" round>
- <div style="padding:16px">
- <h4 style="text-align:center;margin-bottom:12px">{{ reissueEditTitle }}</h4>
- <div class="seal-form-row" @click="reissueTypePopVisible = true">
- <span class="seal-form-label">补发型号规格</span>
- <span class="seal-form-val">{{ reissueEditForm.reissueType || '请选择' }}</span>
- <span class="seal-form-arrow">›</span>
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">其他规格型号</span>
- <input class="seal-form-input" v-model="reissueEditForm.reissueOtherType" placeholder="请输入" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">收件地址</span>
- <input class="seal-form-input" v-model="reissueEditForm.reissueContact" placeholder="地址/联系人/电话" />
- </div>
- <div class="seal-form-row">
- <span class="seal-form-label">其他要求</span>
- <input class="seal-form-input" v-model="reissueEditForm.reissueOtherReq" placeholder="请输入" />
- </div>
- <div style="display:flex;justify-content:space-between;padding:20px 0">
- <van-button style="width:48%" @click="reissueEditVisible = false">取消</van-button>
- <van-button style="width:48%" type="primary" @click="onReissueEditSave">保存</van-button>
- </div>
- </div>
- </van-popup>
- <!-- 补发型号规格选择弹窗 -->
- <van-popup v-model:show="reissueTypePopVisible" position="bottom" :style="{ height: '30%' }">
- <van-picker
- show-toolbar
- title="选择补发型号规格"
- :columns="reissueTypeList"
- @confirm="onReissueTypeConfirm"
- @cancel="reissueTypePopVisible = false"
- />
- </van-popup>
- <div>
- <div v-if='isEdit'
- style="display: flex;justify-content: space-between; padding: 30px 30px; position: fixed; bottom: 0; width: 100%; height: 80px;">
- <van-button style="width:48%" type="primary" :loading="loading" @click="handleAudit(1)">提交
- </van-button>
- <van-button style="width:48%" type="danger" :loading="loading" @click="onClickLeft">取消
- </van-button>
- </div>
- </div>
- </div>
- <script src="./resource/vue.global.prod.js"></script>
- <script src="./resource/vant.min.js"></script>
- <script src="./resource/axios.min.js"></script>
- <script src="./resource/uni.webview.js"></script>
- <script src="./resource/cityData.js"></script>
- <script src="./vue-form-making/form-making-v3.umd.js"></script>
- <script>
- let EnvObj = {}
- uni.getEnv(function(res) {
- EnvObj = res;
- console.log('当前环境:' + JSON.stringify(res));
- });
- Vue.createApp({
- data() {
- return {
- dictList: [],
- loading: false,
- isFlag: false,
- isEdit: true,
- title: '',
- jsonData: {},
- editData: {},
- form: {},
- headers: {},
- APIUrl: '',
- type: 'add',
- selectFilesField: null,
- selectFilesRowIndex: null,
- // useSealTypeList: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'],
- // useSealNameList: ['公章', '合同章', '财务章', '法人章', '发票章', '部门章'],
- sealPopVisible: false, // 印章选择弹窗
- sealPopType: 'type', // 'type' | 'name'
- sealPopScope: null, // 弹窗对应的 scope(编辑模式为空)
- sealPopIndex: null, // 弹窗对应的行索引(编辑模式为当前行)
- sealPopIsEdit: false, // 是否来自编辑弹窗
- sealEditVisible: false, // 印章编辑弹窗
- sealEditTitle: '添加印章使用', // 编辑弹窗标题
- sealEditForm: { useSealType: '', useSealRemark: '', useSealName: '' },
- sealEditMode: 'add', // 'add' | 'edit'
- sealEditScope: null,
- sealEditIndex: null,
- useSealTypeList: [
- {
- value: '加盖',
- text: '加盖'
- },
- {
- value: '借用',
- text: '借用'
- },
- {
- value: '无',
- text: '无'
- },
- ],
- useSealNameList: [
- {
- value: '总公司公章',
- text: '总公司公章'
- },
- {
- value: '合同专用章',
- text: '合同专用章'
- },
- {
- value: '法人章',
- text: '法人章'
- },
- {
- value: '财务专用章',
- text: '财务专用章'
- },
- {
- value: '发票专用章',
- text: '发票专用章'
- },
- {
- value: '质检专用章',
- text: '质检专用章'
- },
- {
- value: '业务专用章',
- text: '业务专用章'
- },
- {
- value: '出库专用章',
- text: '出库专用章'
- },
- {
- value: '无',
- text: '无'
- },
- ],
- // 资质使用
- useQualificationTypeList: [
- { value: '原件', text: '原件' },
- { value: '复印件', text: '复印件' },
- { value: '扫描件', text: '扫描件' },
- { value: '无', text: '无' },
- ],
- useQualificationNameList: [
- {
- value: '营业执照正本(行政人事部)',
- text: '营业执照正本(行政人事部)'
- },
- {
- value: '营业执照副本(行政人事部)',
- text: '营业执照副本(行政人事部)'
- },
- {
- value: '第一类医疗器械生产备案凭证(行政人事部)',
- text: '第一类医疗器械生产备案凭证(行政人事部)'
- },
- {
- value: '开户许可证(行政人事部)',
- text: '开户许可证(行政人事部)'
- },
- {
- value: '医疗器械生产许可证(行政人事部)',
- text: '医疗器械生产许可证(行政人事部)'
- },
- {
- value: '医疗器械生产产品登记表(行政人事部)',
- text: '医疗器械生产产品登记表(行政人事部)'
- },
- {
- value: '专利证书(行政人事部)',
- text: '专利证书(行政人事部)'
- },
- {
- value: '二类注册证(注册法务部)',
- text: '二类注册证(注册法务部)'
- },
- {
- value: '无',
- text: '无'
- },
- ],
- qualPopVisible: false,
- qualPopType: 'type',
- qualEditVisible: false,
- qualEditTitle: '添加资质使用',
- qualEditForm: { useQualificationType: '', useQualificationRemark: '', useQualificationName: '' },
- qualEditMode: 'add',
- qualEditScope: null,
- qualEditIndex: null,
- qualPopIsEdit: true,
- // 产品申请
- productNameList: [
- { value: '一次性使用刀头', text: '一次性使用刀头' },
- { value: '一次性使用多功能引流管', text: '一次性使用多功能引流管' },
- { value: '强光手电筒+变径接头', text: '强光手电筒+变径接头' },
- { value: '手电筒充电器', text: '手电筒充电器' },
- { value: '医用冷敷贴疼痛型', text: '医用冷敷贴疼痛型' },
- { value: '医用冷敷凝胶防脱育发型', text: '医用冷敷凝胶防脱育发型' },
- { value: '医用冷敷凝胶痔疮型', text: '医用冷敷凝胶痔疮型' },
- { value: '医用冷敷凝胶皮肤瘙痒型', text: '医用冷敷凝胶皮肤瘙痒型' },
- { value: '医用透明质酸钠修复贴', text: '医用透明质酸钠修复贴' },
- { value: '一次性射频等离子手术电极', text: '一次性射频等离子手术电极' },
- { value: '一次性冲冼吸引器', text: '一次性冲冼吸引器' },
- { value: '一次性使用胃管', text: '一次性使用胃管' },
- { value: '笔记本套装', text: '笔记本套装' },
- ],
- appPopVisible: false,
- appEditVisible: false,
- appEditTitle: '添加产品',
- appEditForm: { productName: '', quantity: '', specification: '' },
- appEditMode: 'add',
- appEditScope: null,
- appEditIndex: null,
- // 行程出差
- tripEditVisible: false,
- tripEditTitle: '添加行程',
- tripEditForm: { transportation: '', isRoundTrip: '', departureCity: '', destinationCity: '', startTime: '', endTime: '', duration: '' },
- tripEditMode: 'add',
- tripEditScope: null,
- tripEditIndex: null,
- transportPopVisible: false,
- roundTripPopVisible: false,
- transportationOptions: [
- { value: '飞机', text: '飞机' },
- { value: '火车', text: '火车' },
- { value: '汽车', text: '汽车' },
- { value: '其他', text: '其他' }
- ],
- isRoundTripOptions: [
- { value: '单程', text: '单程' },
- { value: '往返', text: '往返' }
- ],
- // 城市级联选择 (van-area)
- cityPickerVisible: false,
- cityPickerType: '', // 'departure' | 'destination'
- areaList: { province_list: {}, city_list: {}, county_list: {} },
- // 采购申请
- prEditVisible: false,
- prEditTitle: '添加物料',
- prEditForm: { materialName: '', specification: '', unit: '', quantity: '', purpose: '', expectedDeliveryDate: '', remark: '' },
- prEditMode: 'add',
- prEditScope: null,
- prEditIndex: null,
- // 交通费用
- transportationWayList: [
- {
- value: '火车',
- text: '火车'
- },
- {
- value: '飞机',
- text: '飞机'
- },
- {
- value: '高铁',
- text: '高铁'
- },
- {
- value: '公车',
- text: '公车'
- },
- {
- value: '私车',
- text: '私车'
- },
- {
- value: '大巴',
- text: '大巴'
- },
- {
- value: '顺风车',
- text: '顺风车'
- },
- {
- value: '滴滴',
- text: '滴滴'
- }
- ],
- businessEditVisible: false,
- businessEditTitle: '添加交通费用',
- businessEditForm: { startDate: '', endDate: '', startPlace: '', endPlace: '', transportationWay: '', price: '' },
- businessEditMode: 'add',
- businessEditScope: null,
- businessEditIndex: null,
- businessTransportPopVisible: false,
- // 产品规格
- specEditVisible: false,
- specEditTitle: '添加产品规格',
- specEditForm: { specification: '', num: '', batchNo: '' },
- specEditMode: 'add',
- specEditScope: null,
- specEditIndex: null,
- // 事件
- eventEditVisible: false,
- eventEditTitle: '添加事件',
- eventEditForm: { eventTime: '', eventHospital: '', eventDesc: '', files: [], eventOpinion: '' },
- eventEditMode: 'add',
- eventEditScope: null,
- eventEditIndex: null,
- // 补发
- reissueEditVisible: false,
- reissueEditTitle: '添加补发',
- reissueEditForm: { reissueType: '', reissueOtherType: '', reissueContact: '', reissueOtherReq: '' },
- reissueEditMode: 'add',
- reissueEditScope: null,
- reissueEditIndex: null,
- reissueTypeList: [
- { value: '同规格型号', text: '同规格型号' },
- { value: '其他规格型号', text: '其他规格型号' },
- { value: '无', text: '无' },
- ],
- reissueTypePopVisible: false,
- }
- },
- created() {
- let _this = this
- window.x_sun = (e) => {
- _this.setSalesServiceWork(JSON.parse(e))
- }
- // 接收文件选择后的回调
- window.x_selectFiles = async (e) => {
- let data = JSON.parse(e)
- console.log('收到选中的文件:', data)
- if (_this.$refs.generateForm) {
- if (_this.selectFilesRowIndex != null && _this.selectFilesField) {
- // 数组行附件:更新 data[field][index].files
- let formData = await _this.$refs.generateForm.getData(false);
- var arr = formData[_this.selectFilesField] || []
- var row = arr[_this.selectFilesRowIndex]
- if (row) {
- row.files = data.files || []
- } else {
- // 行不存在时创建临时行(新增未保存时的上传)
- arr[_this.selectFilesRowIndex] = { files: data.files || [] }
- }
- _this.$refs.generateForm.setData({
- [_this.selectFilesField]: arr
- })
- // 同步到事件编辑表单
- if (_this.selectFilesField === 'blank_event_component' && _this.eventEditVisible) {
- _this.eventEditForm.files = data.files || []
- }
- _this.selectFilesRowIndex = null
- } else {
- // 普通表单字段
- _this.$refs.generateForm.setData({
- [data.field]: data.files
- })
- }
- }
- }
- this.headers = this.getQueryParams('headers');
- let params = this.getQueryParams('params');
- this.isEdit = params.isEdit || true
- this.type = params.type || 'add'
- this.APIUrl = this.headers.serverInfo || 'http://192.168.1.105:18086'
- axios({
- method: 'get',
- url: this.APIUrl + `/flowable/bpmcustomform/getById/${params.id}`,
- headers: this.headers,
- }).then((res) => {
- if (res.data.code != '-1') {
- this.form = res.data.data
- this.form.formId = res.data.data.id
- this.form.id = ''
- this.form.valueJson = {}
- this.title = this.form.name
- this.jsonData = JSON.parse(res.data.data.formJson.makingJson);
- this.jsonData.list.forEach(item => {
- item.options.headers = [{
- key: 'Authorization',
- value: this.headers.Authorization
- }]
- item.options.action = item.options.action && item.options.action.replace(
- '/api', this.APIUrl)
- if (item.type == "deptAndUserCascader") {
- item.type = 'cascader'
- }
- if (item.type == "deptCascader") {
- item.type = 'cascader'
- /* item.isPathValue = false */
- if (item.options.isDefaultLoginUser) {
- /* this.form.valueJson[item.model] = [1,1765997946953797633]; */
- this.form.valueJson[item.model] = params.userInfo.groupIdList;
- }
- }
- if (item.type == "userSelect") {
- item.type = 'select'
- if (item.options.isDefaultLoginUser) {
- this.form.valueJson[item.model] = params.userInfo.userId;
- }
- }
- })
- this.jsonData.config.dataSource && this.jsonData.config.dataSource.forEach(item => {
- item.headers = {
- Authorization: this.headers.Authorization
- }
- item.url = item.url && item.url.replace('/api', this.APIUrl)
- })
- this.isFlag = true
- this.$nextTick(() => {
- if (params.manage_workorder) {
- this.setSalesServiceWork(params.manage_workorder)
- }
- })
- }
- });
- // axios({
- // method: 'get',
- // url: this.APIUrl + `/bpm/task/list-by-process-instance-id?processInstanceId=${params.id}`,
- // headers: this.headers,
- // }).then((res) => {
- // console.log(res)
- // if (res.data.code != '-1') {
- // }
- // });
- this.getDictList()
- },
- mounted() {
- var _this = this
- // 延迟构建 areaList,确保 __cityData 已就绪
- setTimeout(function() { _this.buildAreaList() }, 300)
- },
- methods: {
- buildAreaList() {
- if (window.areaList) {
- this.areaList = window.areaList
- }
- },
- getDictList() {
- axios({
- method: 'get',
- url: this.APIUrl + `/system/dict/getByCode/collaborative_type`,
- headers: this.headers,
- }).then((res) => {
- console.log('getDictList~~~', res.data.data)
- if (res.data.code != '-1') {
- this.dictList = res.data.data
- }
- });
- },
- // ===== 印章编辑弹窗 =====
- openSealEditDialog(scope, mode, index) {
- this.sealEditVisible = true
- this.sealEditScope = scope
- this.sealEditIndex = index
- this.sealEditMode = mode
- if (mode === 'edit' && scope.model.blank_use_seal[index]) {
- var row = scope.model.blank_use_seal[index]
- this.sealEditForm = { useSealType: row.useSealType||'', useSealRemark: row.useSealRemark||'', useSealName: row.useSealName||'' }
- this.sealEditTitle = '编辑印章使用'
- } else {
- this.sealEditForm = { useSealType: '', useSealRemark: '', useSealName: '' }
- this.sealEditTitle = '添加印章使用'
- }
- },
- async onSealEditSave() {
- var scope = this.sealEditScope
- var idx = this.sealEditIndex
- var key = 'blank_use_seal'
- var data = await this.$refs.generateForm.getData(false);
- if (!data[key]) data[key] = []
- if (this.sealEditMode === 'edit') {
- data[key][idx] = JSON.parse(JSON.stringify(this.sealEditForm))
- } else {
- data[key].push(JSON.parse(JSON.stringify(this.sealEditForm)))
- }
- this.$refs.generateForm.setData({ [key]: data[key] })
- this.sealEditVisible = false
- },
- openSealPickerInEdit(fieldType) {
- this.sealPopType = fieldType
- this.sealPopScope = null
- this.sealPopIndex = null
- this.sealPopIsEdit = true
- this.sealPopVisible = true
- },
- openSealPicker(scope, index, fieldType) {
- this.sealPopScope = scope
- this.sealPopIndex = index
- this.sealPopType = fieldType || 'type'
- this.sealPopIsEdit = false
- this.sealPopVisible = true
- },
- onSealPopConfirm(picker) {
- var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
- var field = this.sealPopType === 'name' ? 'useSealName' : 'useSealType'
- if (this.sealPopIsEdit) {
- // 编辑弹窗模式:回写到 sealEditForm
- this.sealEditForm[field] = sel
- } else {
- // 列表内联模式
- var scope = this.sealPopScope
- var idx = this.sealPopIndex
- if (scope && scope.model && scope.model.blank_use_seal && scope.model.blank_use_seal[idx]) {
- scope.model.blank_use_seal[idx][field] = sel
- }
- }
- this.sealPopVisible = false
- },
- // ===== 资质使用 =====
- openQualEditDialog(scope, mode, index) {
- this.qualEditScope = scope
- this.qualEditIndex = index
- this.qualEditMode = mode
- if (mode === 'edit' && scope.model.blank_use_qualification[index]) {
- var r = scope.model.blank_use_qualification[index]
- this.qualEditForm = { useQualificationType: r.useQualificationType||'', useQualificationRemark: r.useQualificationRemark||'', useQualificationName: r.useQualificationName||'' }
- this.qualEditTitle = '编辑资质使用'
- } else {
- this.qualEditForm = { useQualificationType: '', useQualificationRemark: '', useQualificationName: '' }
- this.qualEditTitle = '添加资质使用'
- }
- this.qualEditVisible = true
- },
- async onQualEditSave() {
- var scope = this.qualEditScope
- var idx = this.qualEditIndex
- var key = 'blank_use_qualification'
- var data = await this.$refs.generateForm.getData(false);
- if (!data[key]) data[key] = []
- if (this.qualEditMode === 'edit') {
- data[key][idx] = JSON.parse(JSON.stringify(this.qualEditForm))
- } else {
- data[key].push(JSON.parse(JSON.stringify(this.qualEditForm)))
- }
- this.$refs.generateForm.setData({ [key]: data[key] })
- this.qualEditVisible = false
- },
- openQualPickerInEdit(fieldType) {
- this.qualPopType = fieldType
- this.qualPopIsEdit = true
- this.qualPopVisible = true
- },
- onQualPopConfirm(picker) {
- var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
- var field = this.qualPopType === 'name' ? 'useQualificationName' : 'useQualificationType'
- this.qualEditForm[field] = sel
- this.qualPopVisible = false
- },
- // ===== 产品申请 =====
- openAppEditDialog(scope, mode, index) {
- this.appEditScope = scope
- this.appEditIndex = index
- this.appEditMode = mode
- if (mode === 'edit' && scope.model.blank_application_component[index]) {
- var r = scope.model.blank_application_component[index]
- this.appEditForm = { productName: r.productName||'', quantity: r.quantity||'', specification: r.specification||'' }
- this.appEditTitle = '编辑产品'
- } else {
- this.appEditForm = { productName: '', quantity: '', specification: '' }
- this.appEditTitle = '添加产品'
- }
- this.appEditVisible = true
- },
- async onAppEditSave() {
- var scope = this.appEditScope
- var idx = this.appEditIndex
- var key = 'blank_application_component'
- var data = await this.$refs.generateForm.getData(false);
- if (!data[key]) data[key] = []
- if (this.appEditMode === 'edit') {
- data[key][idx] = JSON.parse(JSON.stringify(this.appEditForm))
- } else {
- data[key].push(JSON.parse(JSON.stringify(this.appEditForm)))
- }
- this.$refs.generateForm.setData({ [key]: data[key] })
- this.appEditVisible = false
- },
- openAppPickerInEdit() {
- this.appPopVisible = true
- },
- onAppPopConfirm(picker) {
- var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
- this.appEditForm.productName = sel
- this.appPopVisible = false
- },
- // ===== 行程出差 =====
- openTripEditDialog(scope, mode, index) {
- this.tripEditScope = scope
- this.tripEditIndex = index
- this.tripEditMode = mode
- if (mode === 'edit' && scope.model.blank_business_trip[index]) {
- var r = scope.model.blank_business_trip[index]
- this.tripEditForm = {
- transportation: r.transportation||'', isRoundTrip: r.isRoundTrip||'',
- departureCity: r.departureCity||'', destinationCity: r.destinationCity||'',
- startTime: r.startTime||'', endTime: r.endTime||'', duration: r.duration||''
- }
- this.tripEditTitle = '编辑行程'
- } else {
- this.tripEditForm = { transportation: '', isRoundTrip: '', departureCity: '', destinationCity: '', startTime: '', endTime: '', duration: '' }
- this.tripEditTitle = '添加行程'
- }
- this.tripEditVisible = true
- },
- calcTripDuration() {
- var s = this.tripEditForm.startTime, e = this.tripEditForm.endTime
- if (!s || !e) { this.tripEditForm.duration = ''; return }
- var ds = new Date(s).getTime(), de = new Date(e).getTime()
- if (isNaN(ds) || isNaN(de) || de <= ds) { this.tripEditForm.duration = ''; return }
- var diff = Math.floor((de - ds) / 1000)
- var d = Math.floor(diff / 86400), h = Math.floor((diff % 86400) / 3600), m = Math.floor((diff % 3600) / 60), sec = diff % 60
- var parts = []
- if (d) parts.push(d + '天'); if (h) parts.push(h + '时'); if (m) parts.push(m + '分'); if (sec || !parts.length) parts.push(sec + '秒')
- this.tripEditForm.duration = parts.join('')
- },
- async onTripEditSave() {
- var scope = this.tripEditScope
- var idx = this.tripEditIndex
- var key = 'blank_business_trip'
- var data = await this.$refs.generateForm.getData(false);
- if (!data[key]) data[key] = []
- if (this.tripEditMode === 'edit') {
- data[key][idx] = JSON.parse(JSON.stringify(this.tripEditForm))
- } else {
- data[key].push(JSON.parse(JSON.stringify(this.tripEditForm)))
- }
- await this.$refs.generateForm.setData({ [key]: data[key] })
- this.tripEditVisible = false
- await this.calcTripTotal()
- },
- async calcTripTotal() {
- var data = await this.$refs.generateForm.getData(false);
- var list = data.blank_business_trip || []
- var totalSec = 0
- console.log('calcTripTotal', data, list)
- list.forEach(function(it) {
- var d = it.duration
- if (!d) return
- var match = { days: d.match(/(\d+)天/), hours: d.match(/(\d+)时/), minutes: d.match(/(\d+)分/), seconds: d.match(/(\d+)秒/) }
- 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)
- })
- if (totalSec > 0) {
- var dy = Math.floor(totalSec/86400), hr = Math.floor((totalSec%86400)/3600), mn = Math.floor((totalSec%3600)/60), sc = totalSec%60
- var parts = []
- if (dy) parts.push(dy+'天'); if (hr) parts.push(hr+'时'); if (mn) parts.push(mn+'分'); if (sc||!parts.length) parts.push(sc+'秒')
- this.$refs.generateForm.setData({ input_if1cav3p: parts.join('') })
- }
- },
- // ===== 采购申请 =====
- openPrEditDialog(scope, mode, index) {
- this.prEditScope = scope; this.prEditIndex = index; this.prEditMode = mode
- if (mode === 'edit' && scope.model.blank_purchase_requisition[index]) {
- var r = scope.model.blank_purchase_requisition[index]
- this.prEditForm = { materialName: r.materialName||'', specification: r.specification||'', unit: r.unit||'', quantity: r.quantity||'', purpose: r.purpose||'', expectedDeliveryDate: r.expectedDeliveryDate||'', remark: r.remark||'' }
- this.prEditTitle = '编辑物料'
- } else {
- this.prEditForm = { materialName: '', specification: '', unit: '', quantity: '', purpose: '', expectedDeliveryDate: '', remark: '' }
- this.prEditTitle = '添加物料'
- }
- this.prEditVisible = true
- },
- async onPrEditSave() {
- var scope = this.prEditScope, idx = this.prEditIndex, key = 'blank_purchase_requisition'
- var data = await this.$refs.generateForm.getData(false)
- if (!data[key]) data[key] = []
- if (this.prEditMode === 'edit') data[key][idx] = JSON.parse(JSON.stringify(this.prEditForm))
- else data[key].push(JSON.parse(JSON.stringify(this.prEditForm)))
- this.$refs.generateForm.setData({ [key]: data[key] })
- this.prEditVisible = false
- },
- // ===== 交通费用 =====
- openBusinessEditDialog(scope, mode, index) {
- this.businessEditScope = scope
- this.businessEditIndex = index
- this.businessEditMode = mode
- if (mode === 'edit' && scope.model.blank_business_component[index]) {
- var r = scope.model.blank_business_component[index]
- this.businessEditForm = { startDate: r.startDate||'', endDate: r.endDate||'', startPlace: r.startPlace||'', endPlace: r.endPlace||'', transportationWay: r.transportationWay||'', price: r.price||'' }
- this.businessEditTitle = '编辑交通费用'
- } else {
- this.businessEditForm = { startDate: '', endDate: '', startPlace: '', endPlace: '', transportationWay: '', price: '' }
- this.businessEditTitle = '添加交通费用'
- }
- this.businessEditVisible = true
- },
- async onBusinessEditSave() {
- var scope = this.businessEditScope, idx = this.businessEditIndex, key = 'blank_business_component'
- var data = await this.$refs.generateForm.getData(false)
- if (!data[key]) data[key] = []
- if (this.businessEditMode === 'edit') data[key][idx] = JSON.parse(JSON.stringify(this.businessEditForm))
- else data[key].push(JSON.parse(JSON.stringify(this.businessEditForm)))
- await this.$refs.generateForm.setData({ [key]: data[key] })
- this.businessEditVisible = false
- await this.calcBizTotal()
- },
- onBusinessTransportConfirm(picker) {
- var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
- this.businessEditForm.transportationWay = sel
- this.businessTransportPopVisible = false
- },
- onTransportConfirm(picker) {
- var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
- this.tripEditForm.transportation = sel
- this.transportPopVisible = false
- },
- onRoundTripConfirm(picker) {
- var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
- this.tripEditForm.isRoundTrip = sel
- this.roundTripPopVisible = false
- },
- // ===== 城市级联选择 (van-area) =====
- openCityPicker(type) {
- this.cityPickerType = type
- // 直接使用 cityData.js 中已构建好的 window.areaList
- if (window.areaList) {
- this.areaList = window.areaList
- }
- this.cityPickerVisible = true
- },
- onCityPickerConfirm({ selectedOptions }) {
- // Vant4 confirm 事件传递 { selectedValues, selectedOptions, selectedIndexes }
- // selectedOptions 为 [{text, value}, {text, value}, {text, value}]
- var parts = []
- if (selectedOptions && selectedOptions.length) {
- selectedOptions.forEach(function(v) { if (v && v.text) parts.push(v.text) })
- }
- var val = parts.join('/')
- if (this.cityPickerType === 'departure') {
- this.tripEditForm.departureCity = val
- } else if (this.cityPickerType === 'destination') {
- this.tripEditForm.destinationCity = val
- }
- this.cityPickerVisible = false
- },
- async calcBizTotal() {
- var data = await this.$refs.generateForm.getData(false)
- var list = data.blank_business_component || []
- var totalPrice = 0
- list.forEach(function(it) {
- totalPrice += Number(it.price) || 0
- })
- // 其他费用字段(住宿费、市内交通平台、餐费补贴、市内交通费、招待费、其他费用)
- var zsf = Number(data.number_uyuxcowe) || 0
- var snjtpt = Number(data.number_0zw5q8y9) || 0
- var cfbt = Number(data.number_fyl8n1lm) || 0
- var snjtf = Number(data.number_p093shsw) || 0
- var zdf = Number(data.number_uiv62o0r) || 0
- var qtfy = Number(data.number_i5y1dk9x) || 0
- this.$refs.generateForm.setData({
- number_06fgz5gs: totalPrice + zsf + snjtpt + cfbt + snjtf + zdf + qtfy
- })
- },
- // ===== 产品规格 =====
- openSpecEditDialog(scope, mode, index) {
- this.specEditScope = scope
- this.specEditIndex = index
- this.specEditMode = mode
- if (mode === 'edit' && scope.model.blank_product_specification[index]) {
- var r = scope.model.blank_product_specification[index]
- this.specEditForm = { specification: r.specification||'', num: r.num||'', batchNo: r.batchNo||'' }
- this.specEditTitle = '编辑产品规格'
- } else {
- this.specEditForm = { specification: '', num: '', batchNo: '' }
- this.specEditTitle = '添加产品规格'
- }
- this.specEditVisible = true
- },
- async onSpecEditSave() {
- var scope = this.specEditScope, idx = this.specEditIndex, key = 'blank_product_specification'
- var data = await this.$refs.generateForm.getData(false)
- if (!data[key]) data[key] = []
- if (this.specEditMode === 'edit') data[key][idx] = JSON.parse(JSON.stringify(this.specEditForm))
- else data[key].push(JSON.parse(JSON.stringify(this.specEditForm)))
- await this.$refs.generateForm.setData({ [key]: data[key] })
- this.specEditVisible = false
- },
- // ===== 事件 =====
- openEventEditDialog(scope, mode, index) {
- this.eventEditScope = scope
- this.eventEditIndex = index
- this.eventEditMode = mode
- if (mode === 'edit' && scope.model.blank_event_component[index]) {
- var r = scope.model.blank_event_component[index]
- this.eventEditForm = { eventTime: r.eventTime||'', eventHospital: r.eventHospital||'', eventDesc: r.eventDesc||'', files: r.files||[], eventOpinion: r.eventOpinion||'' }
- this.eventEditTitle = '编辑事件'
- } else {
- this.eventEditForm = { eventTime: '', eventHospital: '', eventDesc: '', files: [], eventOpinion: '' }
- this.eventEditTitle = '添加事件'
- }
- this.eventEditVisible = true
- },
- async onEventEditSave() {
- var scope = this.eventEditScope, idx = this.eventEditIndex, key = 'blank_event_component'
- var data = await this.$refs.generateForm.getData(false)
- if (!data[key]) data[key] = []
- // 同步文件:x_selectFiles 可能已将附件写入临时行,回填到 eventEditForm
- if (data[key][idx] && data[key][idx].files && data[key][idx].files.length) {
- this.eventEditForm.files = data[key][idx].files
- }
- if (this.eventEditMode === 'edit') {
- data[key][idx] = JSON.parse(JSON.stringify(this.eventEditForm))
- } else {
- // 清理 x_selectFiles 创建的临时行(仅有 files 无实际字段),避免重复
- if (data[key][idx] && !data[key][idx].eventTime && !data[key][idx].eventHospital) {
- data[key].splice(idx, 1)
- }
- data[key].push(JSON.parse(JSON.stringify(this.eventEditForm)))
- }
- await this.$refs.generateForm.setData({ [key]: data[key] })
- this.eventEditVisible = false
- },
- // ===== 补发 =====
- openReissueEditDialog(scope, mode, index) {
- this.reissueEditScope = scope
- this.reissueEditIndex = index
- this.reissueEditMode = mode
- if (mode === 'edit' && scope.model.blank_reissue_component[index]) {
- var r = scope.model.blank_reissue_component[index]
- this.reissueEditForm = { reissueType: r.reissueType||'', reissueOtherType: r.reissueOtherType||'', reissueContact: r.reissueContact||'', reissueOtherReq: r.reissueOtherReq||'' }
- this.reissueEditTitle = '编辑补发'
- } else {
- this.reissueEditForm = { reissueType: '', reissueOtherType: '', reissueContact: '', reissueOtherReq: '' }
- this.reissueEditTitle = '添加补发'
- }
- this.reissueEditVisible = true
- },
- async onReissueEditSave() {
- var scope = this.reissueEditScope, idx = this.reissueEditIndex, key = 'blank_reissue_component'
- var data = await this.$refs.generateForm.getData(false)
- if (!data[key]) data[key] = []
- if (this.reissueEditMode === 'edit') data[key][idx] = JSON.parse(JSON.stringify(this.reissueEditForm))
- else data[key].push(JSON.parse(JSON.stringify(this.reissueEditForm)))
- await this.$refs.generateForm.setData({ [key]: data[key] })
- this.reissueEditVisible = false
- },
- onReissueTypeConfirm(picker) {
- var sel = (picker && picker.selectedOptions && picker.selectedOptions[0]) ? picker.selectedOptions[0].text : picker
- this.reissueEditForm.reissueType = sel
- this.reissueTypePopVisible = false
- },
- async handleUploadLocal (model, rowIndex) {
- console.log('上传本地文件按钮被点击,字段模型:', model, '行索引:', rowIndex)
- let data = await this.$refs.generateForm.getData(false);
- let files = []
- if (rowIndex != null) {
- // 数组行附件
- files = (data[model] && data[model][rowIndex] && data[model][rowIndex].files) || []
- } else {
- // 普通表单字段附件
- files = data[model] || []
- }
- this.selectFilesField = model
- this.selectFilesRowIndex = rowIndex != null ? rowIndex : null
- uni.postMessage({
- data: {
- type: 'selectFiles',
- field: model,
- files: files,
- isEdit: this.type || 'add'
- }
- });
- },
- addWorkOrder() {
- uni.postMessage({
- data: {
- type: 'selectWork',
- }
- });
- },
- async addNewRow(key) {
- console.log(key);
- let data = await this.$refs.generateForm.getData(false);
- data[key].push({
- price: '',
- remark: ''
- });
- this.$refs.generateForm.setData({
- key: data[key]
- });
- },
- async delNewRow(key, index, isChange) {
- let data = await this.$refs.generateForm.getData(false);
- data[key] = data[key].filter((item, index1) => index1 != index);
- await this.$refs.generateForm.setData({
- [key]: data[key]
- });
- if (isChange) {
- this.changePrice(data[key])
- }
- },
- changePrice(data) {
- let num = 0;
- data.forEach((item) => {
- num += Number(item.price);
- });
- this.$refs.generateForm.setData({
- input_jd9ouzyh: num
- });
- },
- setSalesServiceWork(data) {
- this.$refs.generateForm.setData({
- manage_workorder: data
- });
- this.$refs.generateForm.setRules('manage_workorder', [{
- required: false,
- message: '必须填写'
- }])
- setTimeout(() => {
- this.$refs.generateForm.validate(['manage_workorder'])
- })
- },
- getQueryParams(queryName) {
- const urlSearchParams = new URLSearchParams(window.location.search);
- const query = urlSearchParams.get(queryName);
- console.log(query, 'query')
- return JSON.parse(query);
- },
- generateFormValid(validate = true) {
- return this.$refs.generateForm.getData(validate).then((data) => { //清空content
- for (key in data) {
- if (key.includes('fileupload')) {
- data[key].forEach(item => {
- item['content'] = ''
- })
- }
- }
- return data;
- });
- },
- async handleAudit(status) {
- console.log(1111111, status)
- let formData = await this.$refs.generateForm.getData(false);
- console.log('formData~~~~', formData)
- this.loading = true;
- console.log(this.loading)
- try {
- this.form.valueJson = await this.generateFormValid();
- } catch (error) {
- console.log(22222, error)
- this.loading = false;
- return;
- }
- console.log('dictList~~~~', this.dictList, this.form.dictType)
- // 从 dictList 中查找匹配的字典名称
- var _this = this
- var dictItem = this.dictList.find(function(d) { return d[_this.form.dictType] }) || {}
- var dictName = dictItem[_this.form.dictType] || _this.form.dictType
- this.form.processType = '1';
- let API = this.APIUrl + '/bpm/process-instance/create'
- axios({
- method: 'post',
- url: API,
- headers: this.headers,
- data: {
- ...this.form,
- variables: {
- ...this.form.valueJson,
- businessCode: this.form.code,
- businessName: this.form.name,
- businessType: dictName
- }
- }
- }).then((res) => {
- this.loading = false;
- if (res.data.code != '-1') {
- vant.showNotify({
- type: 'success',
- message: `提交成功!`,
- duration: 1000,
- });
- setTimeout(() => {
- this.onClickLeft()
- }, 1000)
- } else {
- vant.showNotify({
- type: 'danger',
- message: `提交失败!${res.data.message}`,
- duration: 1000,
- });
- }
- }).catch((err) => {
- vant.showNotify({
- type: 'danger',
- message: `提交失败!${err.message}`,
- duration: 1000,
- });
- this.loading = false;
- });
- },
- onClickLeft() {
- uni.navigateBack({
- delta: 1
- });
- }
- }
- }).use(vant).use(FormMakingV3).mount('#app')
- </script>
- </body>
- </html>
|