12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625 |
- <template>
- <div class="data-fill-list-box">
- <el-collapse v-model="ActiveKey" accordion @change="CollapseChange">
- <el-collapse-item v-for="(item, index) in listDatas" :id="`item-${index}-${item?.pkeyId}`" :key="item?.pkeyId" :disabled="item.isBussShow === 2" :name="`item-${index}-${item?.pkeyId}`">
- <template #title>
- <div class="hc-collapse-item-header">
- <div class="real-fill-rate">
- <div class="tag" :class="item.realFillRate >= 80 ? 'yes' : ''">已填{{ item.realFillRate ?? 0 }}%</div>
- <HcTooltip v-if="isStatus !== 3" keys="wbs_preview_table">
- <el-link v-if="item.isBussShow === 2 || item.isTabPdf === 1 || item.pdfUrl === '' || item.pdfUrl === null" type="primary" disabled>本 表 预 览</el-link>
- <el-link v-else type="primary" :disabled="tableFormPreviewLoading" @click.stop="previewClick(item)">本 表 预 览</el-link>
- </HcTooltip>
- </div>
- <div class="text-lg truncate item-title">{{ item.nodeName }}</div>
- <div class="hc-extra-text-box">
- <HcTooltip v-if="item.isCopeTab === 2 || item.isCopeTab === 3" keys="wbs_del_table">
- <el-link type="danger" :disabled="item.isBussShow === 2 || tableFormDelLoading" @click.stop="delClick(item, index)">删除本表</el-link>
- </HcTooltip>
- <el-link
- v-if=" treenodeDataInfo?.majorDataType === 2 && treenodeDataInfo?.nodeType <= 4"
- :disabled="evaluateLoaing"
- type="primary"
- @click="evaluate(item)"
- >
- 评定汇总
- </el-link>
- <HcTooltip keys="wbs_copy_table">
- <el-link v-if="item.isLinkTable === 1 || item.isBussShow === 2" type="primary" disabled>复制本表</el-link>
- <el-link v-else type="primary" :disabled="copyClickLoading" @click.stop="copyClick(item, index)">复制本表</el-link>
- </HcTooltip>
- <HcTooltip keys="wbs_upload_table">
- <el-link :type="item.tabFileType === 2 ? 'success' : 'primary'" @click.stop="uploadClick(item, index)">
- <template v-if="item.tabFileType === 2">已上传</template>
- <template v-else>附件上传</template>
- </el-link>
- </HcTooltip>
- <HcTooltip keys="wbs_hide_table">
- <el-link v-loading="tableFormHideLoading" type="primary" :disabled="tableFormHideLoading" @click.stop="hideClick(item, index)">
- <template v-if="item.isBussShow === 1 || item.isBussShow === null">隐藏本表</template>
- <template v-else>显示本表</template>
- </el-link>
- </HcTooltip>
- </div>
- </div>
- </template>
- <div :style="`height: calc(100vh - ${draw_type ? '555px' : '222px'});`" class="data-fill-list-item-content">
- <div v-if="item?.isWindow" class="data-fill-table-form-box is-window">
- <div class="hc-window-tip">
- <div class="table-form-no">
- <img :src="NoDataSvg" alt="">
- <div class="desc">当前表单处于窗口模式,关闭相关窗口后恢复</div>
- </div>
- </div>
- </div>
- <div v-else class="data-fill-table-form-box">
- <TableFormItem
- v-if="item.isTableRender"
- :ref="(el) => setItemRefs(el, item)"
- :classify="classifys"
- :datas="changeFormDatas(item?.pkeyId, 'collapse')"
- :kid="item?.pkeyId"
- :node-name="item.nodeName"
- :pid="`table-form-${item?.pkeyId}`"
- :tid="treeId"
- @excel-body-tap="excelTableFormClick($event)"
- @render="tableFormRender($event, item, index)"
- @right-tap="tableFormRightTap($event, index)"
- />
- <el-tooltip :content="item.isWindow ? '关闭窗口并恢复' : '当前表单窗口化'" :hide-after="0" placement="top">
- <div class="form-window-icon" @click.stop="windowClick(item, index)">
- <template v-if="item.isWindow">
- <HcIcon name="fullscreen-exit" />
- </template>
- <template v-else>
- <HcIcon name="fullscreen" />
- </template>
- </div>
- </el-tooltip>
- </div>
- <div class="data-fill-table-action">
- <div class="text-orange tip-action" @click="actionTipModal = true">
- <HcIcon fill name="information" ui="text-2xl" />
- </div>
- <div v-loading="downloadLoading" class="link-action">
- <HcTooltip keys="wbs_download_table">
- <el-link type="primary" :disabled="downloadLoading" @click="downModal(item)">下载导入模板</el-link>
- </HcTooltip>
- <HcTooltip keys="wbs_import_table">
- <el-link type="primary" @click="uploadFileClick(item)">导入表格数据</el-link>
- </HcTooltip>
- <HcUploadFile
- ref="dataHcUploadFileRef"
- :params="{ pKeyId: checkItem.pkeyId }"
- :options="UploadFileOptions"
- multiple="false"
- @success="HcUploadFileSuccess"
- />
- </div>
- <div class="btn-action">
- <HcTooltip keys="wbs_save_table">
- <el-button
- :disabled="!item?.isTableForm" :loading="tableFormSaveLoading"
- color="#3794FF" size="small" style="color: white"
- @click="tableFormSaveClick(item)"
- >
- 仅保存本表数据
- </el-button>
- </HcTooltip>
- </div>
- </div>
- </div>
- </el-collapse-item>
- </el-collapse>
- </div>
- <!-- 右键菜单 -->
- <HcContextMenu ref="contextMenuRef" :datas="tableFormMenu" @item-click="handleMenuSelect" />
- <!-- 上传文件 -->
- <hc-new-dialog v-model="uploadModal" :footer="false" title="上传文件" widths="38rem" @close="uploadModalClose">
- <HcUpload :datas="uploadData" :file-list="fileListData" :is-canupload="isStatus == 3" @change="uploadChange" />
- </hc-new-dialog>
- <!-- 操作提示 -->
- <hc-new-dialog v-model="actionTipModal" :footer="false" title="操作提示" widths="38rem" @close="actionTipModalClose">
- <div class="data-fill-table-tip-box">
- <div class="text-gray-400 tip-item">
- 1、灰色框代表可通过系统识别计算,公式自动引用,可通过公式计算少量数据,(表头数据及简单),也可只填写白色框数据
- </div>
- <div class="text-gray-400 tip-item">
- 2、系统支持键盘中,shift +
- tab键向上一个填报框切换,tab向下一个填报框切换。Shift + 上 ( ↑ )、下 ( ↓ )、左 ( ← )、右 ( →
- )键,切换填报输入框焦点。
- </div>
- <div class="text-gray-400 tip-item">
- 3、先点击一下表单任一区域,再键盘按住 ⌘/ctrl +
- 点击,选择输入框,变为绿色边框,选中成功。选择完毕后,键盘按 ⌘/ctrl + c 复制所选中的数据,
- 再其它表内,或同一张表内,再次按住 ⌘/ctrl + 点击,选择输入框。键盘按 ⌘/ctrl + v
- 依次粘贴所选的数据。(目前仅支持输入框和文本框的操作)
- </div>
- <div class="text-orange-500 tip-item">
- 4、完善资料填写后记得一定要保存哦
- </div>
- </div>
- </hc-new-dialog>
- <!-- 插入设计值/频率 -->
- <hc-new-dialog v-model="designModal" :loading="designModalLoading" save-text="确认插入" title="插入设计值/频率" widths="600px" @close="closeDesignModal" @save="designModalSave">
- <el-alert :closable="false" title="填写完设计值和频率,系统自动计算实测值" type="warning" />
- <el-form ref="formDesignRef" :model="formDesignModel" label-width="auto" size="large">
- <div class="form-item-div text-center mb-3">
- <el-radio-group v-model="formDesignModel.type" size="large">
- <el-radio :label="1">公路工程</el-radio>
- <el-radio :label="2" class="ml-4">水利水电</el-radio>
- </el-radio-group>
- </div>
- <el-form-item label="设计值">
- <!-- onkeyup="value = value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g,'$1')" -->
- <el-input v-model="formDesignModel.design" placeholder="如果设计值存在两个,则使用 '/' 连接,例如12/23" />
- </el-form-item>
- <el-form-item v-if="formDesignModel.type === 1" label="频率">
- <!-- onkeyup="value = value.replace(/^(0+)|[^\d]+/g,'')" -->
- <el-input
- v-model="formDesignModel.size"
- placeholder="如果设计值使用 '/' 连接,则频率也是用 '/' 连接,例如5/10"
- />
- </el-form-item>
- <el-form-item v-if="formDesignModel.type === 2" label="容量">
- <!-- onkeyup="value = value.replace(/^(0+)|[^\d]+/g,'')" -->
- <el-input
- v-model="formDesignModel.capacity"
- placeholder="如果容量存在两个,则使用 '*',或者 '/' 连接例如2*4,5/7"
- />
- </el-form-item>
- <el-form-item label="合格点数">
- <el-input
- v-model="formDesignModel.pass"
- placeholder="如果设计值使用 '/' 连接,则合格点数也是用 '/' 连接,例如2/5"
- />
- </el-form-item>
- <el-form-item label="偏差范围">
- <el-input
- v-model="formDesignModel.dev"
- placeholder="如果设计值使用 '/' 连接,则偏差范围也是用 '/' 连接,例如±2/±3"
- />
- </el-form-item>
- <el-form-item label="方向">
- <el-radio-group v-model="formDesignModel.direction" size="large">
- <el-radio :label="1">横向</el-radio>
- <el-radio :label="2" class="ml-4">纵向</el-radio>
- </el-radio-group>
- </el-form-item>
- </el-form>
- </hc-new-dialog>
- <!-- 插入特殊字符 -->
- <hc-new-dialog v-model="specialModal" :loading="specialModalLoading" save-text="确认插入" title="插入特殊字符" widths="600px" @close="specialModalClose" @save="specialNodeClick">
- <HcSpecialDiaolg v-if="specialModal" ref="specialRef" @change="specialDiaolgChange" />
- </hc-new-dialog>
- <!-- 关联试验数据 -->
- <hc-new-dialog
- v-model="testModal" :footer="false" :loading="testModalLoading" is-table title="关联试验数据"
- widths="84%" @close="testModalClose"
- >
- <HcTestDiaolg
- v-if="testModal" :contract-id="contract_id" :project-id="projectId" :tenant-id="tenant_id"
- :wbs-id="wbsTemp_id"
- :wbs-type="wbs_type" @change="testTableRowName"
- />
- </hc-new-dialog>
- <!-- 选择要插入的数据 -->
- <hc-new-dialog
- v-model="insertDataShow" :loading="insertDataLoading" is-table save-text="保存"
- title="选择需要插入的数据" widths="84%" @close="cancelinsertData" @save="submitinsertData"
- >
- <HcTestData
- v-if="insertDataShow" ref="insertDataRef" :contract-id="contract_id" :project-id="projectId"
- :table-id="itinsertTableId"
- :tree-id="itinsertTreeId"
- />
- </hc-new-dialog>
- <!-- 关联试验文件 -->
- <hc-new-dialog v-model="fileModal" :loading="fileModalLoading" is-table save-text="保存" title="关联试验文件" widths="84%" @close="fileModalClose" @save="savefileModal">
- <HcTestFile
- v-if="fileModal" ref="testFileRefs" :contract-id="contract_id" :project-id="projectId"
- :tenant-id="tenant_id"
- :tree-id="treeId" :wbs-id="wbsTemp_id"
- :wbs-type="wbs_type"
- />
- </hc-new-dialog>
- <!-- 公式参数配置 -->
- <hc-new-dialog
- v-model="formulaModal" :loading="formulaModalLoading" save-text="保存" title="公式参数配置"
- widths="340px" @close="formulaModalClose" @save="formulaSaveClick"
- >
- <HcFormula
- v-if="formulaModal" ref="formulaRefs" :key-name="tableFormItemNode.KeyName" :contract-id="contract_id"
- :formparent-id="formparentId"
- :pkey-id="tableFormItemNode.pkeyId" :project-id="projectId"
- />
- </hc-new-dialog>
- <!-- 查看表单 -->
- <template v-for="(item, index) in DragModalTableForm" :key="index">
- <HcDragModal
- :close-icon-arr="closeIconArr" :eid="item.pkeyId" :height="DragModalHeight" :is-show="item.isShow"
- :loading="item.loading" :loading-text="item.loadingText" :title="item.title" is-sort-top
- @close="TableFormClose(item, index)" @close-icon-tap="closeIconTap($event, item, index)"
- >
- <HcDragNode :more-menu="dragNodeMoreMenu" @menu-tap="dragNodeMoreMenuTap($event, item)">
- <TableFormItem
- :ref="(el) => setItemRefs(el, item)"
- :classify="item.classify"
- :datas="changeFormDatas(item?.pkeyId, 'window')"
- :height="item.height"
- :kid="item.pkeyId"
- :node-name="item.title"
- :pid="`table-form-${item?.pkeyId}`"
- :scroll="false"
- :tid="item.treeId"
- :width="item.width"
- @excel-body-tap="excelTableFormClick($event)"
- @render="tableFormRender($event, item.item, item.index)"
- @right-tap="tableFormRightTap($event, item.index)"
- />
- </HcDragNode>
- </HcDragModal>
- </template>
- <!-- 复制本表 -->
- <hc-new-dialog
- v-model="showcopyModal" :loading="copyClickModalLoading" save-text="确认复制" title="复制本表"
- widths="84%" @close="copyModalClose" @save="copySaveClick"
- >
- <HcCopy
- v-if="showcopyModal" ref="copyRefs" :contract-id="contract_id" :project-id="projectId"
- :classify="classifys"
- :tree_AutoExpandKeys="tree_AutoExpandKeys"
- :treenode-data-info="treenodeDataInfo"
- :copy-items="copyItems"
- :copy-modal-type="CopyModalType"
- />
- <template #footer>
- <div class="lr-dialog-footer">
- <div class="left flex items-center">
- <div class="mr-4">复制方式:</div>
- <el-radio-group v-model="CopyModalType">
- <el-radio label="1">跨节点复制</el-radio>
- <el-radio class="ml-4" label="2">本节点复制</el-radio>
- </el-radio-group>
- </div>
- <div class="right">
- <el-button size="large" @click="showcopyModal = false">取消</el-button>
- <el-button :loading="copyClickModalLoading" hc-btn type="primary" @click="copySaveClick">确认复制</el-button>
- </div>
- </div>
- </template>
- </hc-new-dialog>
- <!-- 含水率 -->
- <hc-new-dialog v-model="waterModal" title="含水率" @close="waterModalClose" @save="waterSaveClick">
- <HcWater v-if="waterModal" ref="waterRefs" :key-name="tableFormItemNode.KeyName" :contract-id="contract_id" :design-strength="designStrength" :p-key-id="tableFormItemNode.pkeyId" />
- </hc-new-dialog>
- </template>
- <script setup>
- import { nextTick, onActivated, onDeactivated, onMounted, onUnmounted, ref, watch } from 'vue'
- import { getStoreValue } from '~src/utils/storage'
- import HTableForm from '~src/plugins/HTableForm'
- import { useAppStore } from '~src/store'
- import wbsApi from '~api/data-fill/wbs'
- import HcUpload from '../components/HcUpload.vue'
- import TableFormItem from './table-form-item.vue'
- import HcSpecialDiaolg from './special-diaolg.vue'
- import HcTestDiaolg from './test-diaolg.vue'
- import HcTestData from './test-data.vue'
- import HcTestFile from './test-file.vue'
- import HcFormula from './formula.vue'
- import HcCopy from './test-copy.vue'
- import NoDataSvg from '~src/assets/view/no-data.svg'
- import HcWater from './water.vue'
- import {
- arrIndex, deepClone, downloadBlob,
- getArrValue, getObjVal, getObjValue, isNullES, setPosRange,
- } from 'js-fast-way'
- import { delMessageV2 } from '~com/message/index.js'
- import { getTokenHeader } from '~src/api/request/header'
- //参数
- const props = defineProps({
- datas: {
- type: Array,
- default: () => ([]),
- },
- classify: {
- type: [String, Number],
- default: '',
- },
- status: {
- type: [String, Number],
- default: '',
- },
- primaryKeyId: {
- type: [String, Number],
- default: '',
- },
- contractId: {
- type: [String, Number],
- default: '',
- },
- drawType: {
- type: Boolean,
- default: false,
- },
- wbsTempId: {
- type: [String, Number],
- default: '',
- },
- tenantId: {
- type: [String, Number],
- default: '',
- },
- wbsType: {
- type: [String, Number],
- default: '',
- },
- treeAutoExpandKeys: {
- type: [Array],
- default: () => ([]),
- },
- treenodeDataInfo: {
- type: [Object],
- default: () => ({}),
- },
- newlistdata:{
- type: [Array],
- default: () => ([]),
- },
- })
- //事件
- const emit = defineEmits(['renew', 'offsetTop', 'getList'])
- //初始变量
- const useAppState = useAppStore()
- //全局变量
- const projectId = ref(useAppState.projectId)
- const contract_id = ref(props.contractId)
- const treeId = ref(props.primaryKeyId)
- const classifys = ref(props.classify)
- const wbsTemp_id = ref(props.wbsTempId)
- const tenant_id = ref(props.tenantId)
- const wbs_type = ref(props.wbsType)
- const isStatus = ref(parseInt(props.status))
- const listDatas = ref([])
- const draw_type = ref(props.drawType)
- const tree_AutoExpandKeys = ref(props.treeAutoExpandKeys)
- const treenodeDataInfo = ref(props.treenodeDataInfo)
- const newlistdata = ref(props.newlistdata)
- //表单变量
- const formDataList = ref([])
- const formKeyIds = ref('')
- const formparentId = ref('')
- //处理ref
- const itemRefs = ref([])
- const setItemRefs = (el, { pkeyId }) => {
- if (el) {
- let index = arrIndex(itemRefs.value, 'pkeyId', pkeyId)
- if (index !== -1) {
- itemRefs.value[index].ref = el
- } else {
- itemRefs.value.push({
- pkeyId: pkeyId,
- ref: el,
- })
- }
- }
- }
- //处理表单的ref
- const setSpliceItemRefs = async ({ pkeyId }) => {
- const refs = itemRefs.value
- let index = arrIndex(refs, 'pkeyId', pkeyId)
- if (index !== -1) {
- refs.splice(index, 1)
- itemRefs.value = refs
- }
- }
- const closeIconArr = [
- { key: 'reduction', icon: 'picture-in-picture-2', name: '还原到面板内,并自动展开面板' },
- ]
- //组件参数变量
- const apis = ref({
- dataInfo: wbsApi.getBussDataInfo,
- bussCols: wbsApi.getHtmlBussCols,
- excelHtml: wbsApi.getExcelHtml,
- })
- //深度监听数据
- watch(() => [
- props.datas,
- ], ([datas]) => {
- setFormDataNum(datas)
- }, { deep: true })
- //监听变量值
- watch(() => [
- useAppState.projectId,
- props.contractId,
- props.wbsTempId,
- props.tenantId,
- props.wbsType,
- props.status,
- props.classify,
- props.primaryKeyId,
- props.newlistdata,
- props.treenodeDataInfo,
- ], ([pid, cid, temp_id, tid, type, status, class_id, tree_id, Newlistdata, TreenodeDataInfo]) => {
- projectId.value = pid
- contract_id.value = cid
- wbsTemp_id.value = temp_id
- tenant_id.value = tid
- wbs_type.value = type
- isStatus.value = parseInt(status)
- classifys.value = class_id
- treeId.value = tree_id
- newlistdata.value = Newlistdata
- treenodeDataInfo.value = TreenodeDataInfo
- })
- //渲染完成
- onMounted(() => {
- setFormDataNum(props.datas)
- setTableFormMenu(useAppState.projectInfo)
- const { offsetHeight } = document.body
- DragModalHeight.value = offsetHeight - 200
- setMountOnEventKey()
- })
- //处理变动的数据
- const changeFormData = ref({
- window: [],
- collapse: [],
- })
- const changeFormDatas = (pkeyId, type) => {
- const changeData = changeFormData.value[type]
- const index = arrIndex(changeData, 'pkeyId', pkeyId)
- if (index !== -1) {
- return changeData[index]
- } else {
- return {}
- }
- }
- //设置变动的数据
- const setChangeFormDatas = async (pkeyId, type) => {
- const refs = await getFormRef(pkeyId)
- const formData = refs?.getFormData()
- const changeData = changeFormData.value[type]
- const index = arrIndex(changeData, 'pkeyId', pkeyId)
- if (index !== -1) {
- changeData[index] = formData
- } else {
- changeData.push(formData)
- }
- changeFormData.value[type] = changeData
- }
- //展开事件
- const ActiveKey = ref('')
- const CollapseChange = (name) => {
- ActiveKey.value = name
- let index = getCollapseItemIndex(name)
- if (index > -1) {
- getOffsetTop(name)
- const item = listDatas.value[index]
- formKeyIds.value = setToString(item.pkeyId)
- formparentId.value = setToString(item.parentId)
- nextTick(() => {
- if (!item.isTableRender) {
- item.isTableRender = true
- }
- })
- } else {
- getOffsetTop()
- formKeyIds.value = ''
- formparentId.value = ''
- }
- }
- const setCollapseKey = (key) => {
- CollapseChange(key)
- }
- //初始设置
- const setFormDataNum = (datas) => {
- itemRefs.value = []
- ActiveKey.value = ''
- let newArr = []
- for (let i = 0; i < datas.length; i++) {
- newArr.push({ isCollapseLoad: false })
- }
- formDataList.value = newArr
- listDatas.value = deepClone(datas)
- }
- //渲染完成
- const tableFormRender = (form, item, index) => {
- formDataList.value[index] = form
- formDataList.value[index].isCollapseLoad = form.isRenderForm
- item.isTableForm = form.isRenderForm
- }
- //菜单数据
- const contextMenuRef = ref(null)
- const tableFormMenu = ref([])
- const tableFormItemNode = ref({}) //临时信息
- //设置菜单权限数据
- const setTableFormMenu = (info) => {
- let newArr = [], infos = getObjValue(info)
- const isOpen = infos['isOpenRandomNumber'] ?? 0
- if (isOpen === 1 && isStatus.value !== 3) {
- newArr.push({ label: '插入设计值/频率', key: 'design' })
- }
- newArr.push({ label: '插入特殊字符', key: 'special' })
- newArr.push({ label: '关联试验数据', key: 'test' })
- newArr.push({ label: '关联试验文件', key: 'file' })
- newArr.push({ label: '公式参数', key: 'formula' })
- newArr.push({ label: '含水率', key: 'water' })
- if (isStatus.value !== 3) {
- newArr.push({ label: '清除数据', key: 'clear' })
- }
- console.log(treenodeDataInfo.value, 'treenodeDataInfo')
- tableFormMenu.value = newArr
- }
- //鼠标右键事件
- const tableFormRightTap = ({ event, KeyName, startPos, endPos, pkeyId }, index) => {
- //存储临时信息
- tableFormItemNode.value = { KeyName, index, startPos, endPos, pkeyId }
- contextMenuRef.value?.showMenu(event, false) //展开菜单
- }
- //鼠标右键菜单被点击
- const handleMenuSelect = async ({ key }) => {
- if (key === 'design') {
- setInitDesignForm()
- designModalLoading.value = false
- designModal.value = true
- } else if (key === 'special') {
- specialModalShow()
- } else if (key === 'test') {
- testModalLoading.value = false
- testModal.value = true
- } else if (key === 'file') {
- fileModalLoading.value = false
- fileModal.value = true
- } else if (key === 'formula') {
- formulaModalLoading.value = false
- formulaModal.value = true
- } else if (key === 'clear') {
- const { pkeyId, index } = tableFormItemNode.value
- const refs = await getFormRef(pkeyId)
- delMessageV2(async (action, instance, done) => {
- if (action === 'confirm') {
- instance.confirmButtonLoading = true
- const { error, code, msg } = await wbsApi.rmTabdataInfo({
- pkeyId: pkeyId,
- })
- if (!error && code === 200 ) {
- listDatas.value[index].isTableRender = false
- if (DragModalTableForm.value.length > 0) {
- let draindex = arrIndex( DragModalTableForm.value, 'pkeyId', pkeyId)
- DragModalTableForm.value[draindex].isTableRender = false
- }
- await refs?.getTableFormInfo(pkeyId)
- nextTick(async ()=>{
- listDatas.value[index].isTableRender = true
- listDatas.value[index].isTableForm = true
- if (DragModalTableForm.value.length > 0) {
- let draindex = arrIndex( DragModalTableForm.value, 'pkeyId', pkeyId)
- DragModalTableForm.value[draindex].isTableForm = true
- DragModalTableForm.value[draindex].isTableRender = true
- listDatas.value[index].isWindow = false
- DragModalTableForm.value.splice(draindex, 1)
- await refs?.getTableFormInfo(pkeyId)
- windowClick( listDatas.value[index], index)
- }
- window.$message.success(msg)
- })
- } else {
- window.$message.error(msg)
- }
- instance.confirmButtonLoading = false
- done()
- } else {
- done()
- }
- })
- } else if (key === 'water') {
- console.log('含水率')
- const { pkeyId } = tableFormItemNode.value
- const refs = await getFormRef(pkeyId)
- const formData = refs?.getFormData()
- const strengthKeys = getStoreValue('strengthKeys')//获取设计强度值
- designStrength.value = formData[strengthKeys]
- if ( designStrength.value) {
- waterModal.value = true
- } else {
- window.$message.warning('请先选择设计强度')
- }
- }
- }
- //插入设计值
- const designModal = ref(false)
- const formDesignRef = ref(null)
- const formDesignModel = ref()
- //初始设计值/频率表单
- const setInitDesignForm = () => {
- formDesignModel.value = {
- type: 1, design: '', size: '',
- dev: '', key: '', capacity: '',
- pass: '', pkId: '', direction:1,
- }
- }
- //设计值频率计算
- const designModalLoading = ref(false)
- const designModalSave = async () => {
- const { pkeyId, KeyName } = tableFormItemNode.value
- if (pkeyId) {
- designModalLoading.value = true
- //const {design, size} = formDesignModel.value
- const { error, code, data } = await wbsApi.queryFormulaRange({
- ...formDesignModel.value,
- // dev: (!design && !size) ? '±5': '',
- key: KeyName,
- pkId: pkeyId,
- })
- //处理数据
- const res = getObjVal(data)
- if (!error && code === 200 && res) {
- try {
- const refs = await getFormRef(pkeyId)
- const itemFormData = refs?.getFormData()
- Object.keys(data).forEach(key => {
- itemFormData[key] = data[key]
- })
- refs?.setFormData(itemFormData)
- //执行保存
- await tableFormSaveClick(itemFormData)
- //关闭弹窗
- designModalLoading.value = false
- designModal.value = false
- } catch {
- designModalLoading.value = false
- window?.$message?.warning('插入失败,请刷新重试')
- }
- } else {
- designModalLoading.value = false
- window?.$message?.warning('插入失败')
- }
- } else {
- window?.$message?.warning('pkeyId为空')
- }
- }
- //关闭设计值/频率弹窗
- const closeDesignModal = () => {
- designModal.value = false
- setInitDesignForm()
- }
- //插入特殊字符
- const specialModal = ref(false)
- const specialModalLoading = ref(false)
- const specialModalShow = () => {
- specialFormValue.value = ''
- specialModalLoading.value = false
- specialModal.value = true
- }
- //监听特殊符号输入框的内容
- const specialFormValue = ref('')
- const specialDiaolgChange = (val) => {
- specialFormValue.value = val
- }
- //确认插入
- const specialRef = ref(null)
- const specialNodeClick = async () => {
- specialModalLoading.value = true
- const itemNode = tableFormItemNode.value
- const { KeyName, pkeyId } = itemNode
- try {
- const refs = await getFormRef(pkeyId)
- const itemFormData = refs?.getFormData()
- // eslint-disable-next-line no-unsafe-optional-chaining
- const { code, val, posVal } = await specialRef.value?.getSpecialNode(itemNode, itemFormData[KeyName])
- if (code === 200 && val) {
- itemFormData[KeyName] = val
- refs?.setFormData(itemFormData)
- specialModalLoading.value = false
- specialModal.value = false
- await nextTick(() => {
- setPosRange(KeyName, posVal)
- })
- } else {
- specialModalLoading.value = false
- }
- } catch (e) {
- specialModalLoading.value = false
- }
- }
- //关闭插入特殊字符
- const specialModalClose = () => {
- specialModalLoading.value = false
- specialModal.value = false
- }
- //关联试验数据
- const testModal = ref(false)
- const testModalLoading = ref(false)
- //关联试验数据被点击
- const itinsertTableId = ref('')
- const itinsertTreeId = ref('')
- const testTableRowName = ({ row, treeId }) => {
- itinsertTableId.value = row.id
- itinsertTreeId.value = treeId
- insertDataLoading.value = false
- insertDataShow.value = true
- }
- //关闭弹窗
- const testModalClose = () => {
- testModal.value = false
- testModalLoading.value = false
- }
- //选择要插入的实验数据
- const insertDataShow = ref(false)
- const insertDataLoading = ref(false)
- //确定关联试验数据数据
- const insertDataRef = ref(null)
- const submitinsertData = async () => {
- insertDataLoading.value = true
- const itemNode = tableFormItemNode.value
- const { KeyName, pkeyId } = itemNode
- try {
- const refs = await getFormRef(pkeyId)
- const itemFormData = refs?.getFormData()
- // eslint-disable-next-line no-unsafe-optional-chaining
- const { code, val, posVal } = await insertDataRef.value?.submitinsertData(itemNode, itemFormData[KeyName])
- if (code === 200 && val) {
- itemFormData[KeyName] = val
- refs?.setFormData(itemFormData)
- insertDataLoading.value = false
- insertDataShow.value = false
- testModal.value = false
- await nextTick(() => {
- setPosRange(KeyName, posVal)
- })
- }
- } catch {
- insertDataLoading.value = false
- }
- }
- //取消关联数据
- const cancelinsertData = async () => {
- insertDataShow.value = false
- insertDataLoading.value = false
- }
- //关联试验文件
- const fileModal = ref(false)
- const testFileRefs = ref(null)
- //确认关联文件
- const fileModalLoading = ref(false)
- const savefileModal = async () => {
- fileModalLoading.value = true
- await testFileRefs.value?.savefileSubmit()
- fileModalLoading.value = false
- fileModal.value = false
- }
- //关闭弹窗
- const fileModalClose = () => {
- fileModal.value = false
- fileModalLoading.value = false
- }
- //公式参数配置
- const formulaModal = ref(false)
- const formulaRefs = ref(null)
- //保存
- const formulaModalLoading = ref(false)
- const formulaSaveClick = async () => {
- formulaModalLoading.value = true
- await formulaRefs.value?.panelSave()
- formulaModalLoading.value = false
- formulaModal.value = false
- }
- //关闭
- const formulaModalClose = () => {
- formulaModal.value = false
- formulaModalLoading.value = false
- }
- //窗口化
- const DragModalTableForm = ref([])
- const DragModalHeight = ref(600)
- const windowClick = async (item, indexs) => {
- const list = deepClone(DragModalTableForm.value)
- let index = arrIndex(list, 'pkeyId', item.pkeyId)
- if (!item.isWindow) {
- const formSize = getTableFormSize(item?.pkeyId)
- const newTableForm = {
- ...setInitDragModalTableForm(item, indexs),
- ...formSize,
- }
- await setChangeFormDatas(item?.pkeyId, 'window')
- item.isWindow = true
- //处理表单的ref
- await setSpliceItemRefs(item)
- //弹窗表单的排序
- if (index === -1) {
- list.push(newTableForm)
- } else if (index !== list.length - 1) {
- //检查是否在最上层,不在则置顶,可以解决多次点击时,频繁更改全局状态的问题
- list.splice(index, 1)
- list.push(newTableForm)
- }
- DragModalTableForm.value = list
- ActiveKey.value = ''
- } else {
- await setChangeFormDatas(item?.pkeyId, 'collapse')
- //处理表单的ref
- await setSpliceItemRefs(item)
- if (index !== -1) {
- list.splice(index, 1)
- DragModalTableForm.value = list
- }
- item.isWindow = false
- }
- }
- //初始拖动表单的内容
- const setInitDragModalTableForm = (item, index) => {
- return {
- projectId: projectId.value,
- contractId: contract_id.value,
- wbsTempId: wbsTemp_id.value,
- tenantId: tenant_id.value,
- wbsType: wbs_type.value,
- classify: classifys.value,
- treeId: treeId.value,
- pkeyId: item.pkeyId,
- height: '100%',
- width: '100%',
- title: item.nodeName,
- isShow: true,
- index: index,
- item: item,
- }
- }
- //关闭窗口
- const TableFormClose = async ({ pkeyId, index }, indexs) => {
- const list = deepClone(DragModalTableForm.value)
- //取表单的数据
- await setChangeFormDatas(pkeyId, 'collapse')
- //关闭窗口
- list.splice(indexs, 1)
- DragModalTableForm.value = list
- listDatas.value[index].isWindow = false
- }
- const dragNodeMoreMenu = [
- { key: 'save', icon: 'save-2', name: '保存' },
- { key: 'preview', icon: 'eye', name: '预览' },
- ]
- //还原窗口
- const closeIconTap = async (event, item, indexs) => {
- const { index, pkeyId } = item
- let KeyId = `item-${index}-${pkeyId}`
- await TableFormClose(item, indexs)
- ActiveKey.value = KeyId
- }
- //菜单被点击
- const dragNodeMoreMenuTap = ({ key }, items) => {
- const { item } = items
- if (key === 'save') {
- if (item?.isTableForm) {
- tableFormSaveClick(item, items)
- } else {
- window.$message.warning('此表单暂无数据和文件')
- }
- } else if (key === 'preview') {
- if (item['isBussShow'] === 2 || item['isTabPdf'] === 1 || item['pdfUrl'] === '' || item['pdfUrl'] === null) {
- window.$message.warning('此表单暂无可预览文件')
- } else {
- previewClick(item, items)
- }
- }
- }
- //删除本表
- const tableFormDelLoading = ref(false)
- const delClick = async ({ pkeyId }, index) => {
- if (pkeyId) {
- if (isStatus.value !== 3) {
- tableFormDelLoading.value = true
- const { error, code } = await wbsApi.removeBussTabInfo({
- pkeyid: pkeyId,
- classify: classifys.value,
- })
- tableFormDelLoading.value = false
- if (!error && code === 200) {
- window?.$message?.success('操作成功')
- //判断是否存在窗口,如果存在,就删除窗口
- delWindowRefs(pkeyId)
- // renewData()
- listDatas.value.splice(index, 1)
- }
- } else {
- window?.$message?.warning('已上报的资料,不允许删除')
- }
- } else {
- window?.$message?.warning('pkeyId为空')
- }
- }
- //复制本表相关
- const showcopyModal = ref(false)
- const copyRefs = ref(null)
- const copyModalClose = () => {
- // copyModal.value=false
- }
- const CopyModalType = ref('1')
- const copySaveClick = async () => {
- //本节点复制
- if (CopyModalType.value === '2') {
- const { pkeyId, isTableRender, isTableForm } = copyItems.value
- if (pkeyId) {
- if (isStatus.value !== 3) {
- if (!isTableRender) {
- await copeBussTab(pkeyId)
- } else if (!isTableForm) {
- window?.$message?.warning('暂无表单数据')
- } else if (isTableRender) {
- copyClickLoading.value = true
- const isSave = await saveExcelBussData(items, null, false)
- if (isSave) {
- await copeBussTab(pkeyId)
- } else {
- copyClickLoading.value = false
- window?.$message?.warning('复制本表操作失败')
- }
- } else {
- window?.$message?.warning(`数据异常了, isRenderTableForm: ${isTableRender}, isTableForm: ${isTableForm}, pkeyIds:${pkeyId}`)
- }
- } else {
- window?.$message?.warning('已上报的资料,不允许复制')
- }
- } else {
- window?.$message?.warning('pkeyId为空')
- }
- } else {
- window?.$message?.warning('暂无相关接口')
- }
- }
- //复制本表
- const copyClickModalLoading = ref(false)
- const copyClickLoading = ref(false)
- const copyClick = async (items) => {
- const { pkeyId, isTableRender, isTableForm } = items
- if (pkeyId) {
- if (isStatus.value !== 3) {
- if (!isTableRender) {
- await copeBussTab(pkeyId)
- } else if (!isTableForm) {
- window?.$message?.warning('暂无表单数据')
- } else if (isTableRender) {
- copyClickLoading.value = true
- const isSave = await saveExcelBussData(items, null, false)
- if (isSave) {
- await copeBussTab(pkeyId)
- } else {
- copyClickLoading.value = false
- window?.$message?.warning('复制本表操作失败')
- }
- } else {
- window?.$message?.warning(`数据异常了, isRenderTableForm: ${isTableRender}, isTableForm: ${isTableForm}, pkeyIds:${pkeyId}`)
- }
- } else {
- window?.$message?.warning('已上报的资料,不允许复制')
- }
- } else {
- window?.$message?.warning('pkeyId为空')
- }
- }
- const copyItems = ref([])
- //跨节点复制弹窗
- // const copyClick = (items) => {
- // showcopyModal.value=true
- // copyItems.value=items
- // }
- //复制表的请求
- const copeBussTab = async (pkeyId) => {
- copyClickLoading.value = true
- const { error, code } = await wbsApi.copeBussTab({
- pkeyId: pkeyId,
- })
- copyClickLoading.value = false
- if (!error && code === 200) {
- window?.$message?.success('操作成功')
- console.log(1111212)
- // renewData()
- getNewList()
- }
- }
- //获取表单列表
- const getNewList = ()=>{
- emit('getList')
- setTimeout(() => {
- let newObj = newlistdata.value
- let oldObj = listDatas.value
- const addedObject = newObj.find(obj => !oldObj.some(oldObj => oldObj.pkeyId === obj.pkeyId))
- let index = arrIndex(listDatas.value, 'id', addedObject.id) // 1
- listDatas.value.splice(index + 1, 0, addedObject)
- }, 1000)
- }
- //隐藏本表
- const tableFormHideLoading = ref(false)
- const hideClick = async ({ pkeyId, isBussShow }, index) => {
- if (pkeyId) {
- if (isStatus.value !== 3) {
- tableFormHideLoading.value = true
- const bussShow = isBussShow === 2 ? 1 : 2 //状态(1显示 2隐藏)
- const { error, code } = await wbsApi.showBussTab({
- pkeyId: pkeyId,
- status: bussShow,
- classify: classifys.value,
- nodeId: treeId.value,
- })
- tableFormHideLoading.value = false
- if (!error && code === 200) {
- window?.$message?.success('操作成功')
- if (isBussShow === 2) {
- listDatas.value[index]. isBussShow = 1
-
- } else {
- listDatas.value[index]. isBussShow = 2
- setActiveKey('')
- }
- if (bussShow === 2) {
- //判断是否存在窗口,如果存在,就删除窗口
- delWindowRefs(pkeyId)
- }
- // renewData()
- }
- } else {
- window?.$message?.warning('已上报的资料,不允许隐藏')
- }
- } else {
- window?.$message?.warning('pkeyId为空')
- }
- }
- //预览本表
- const tableFormPreviewLoading = ref(false)
- const previewClick = async (item, dragItem = null) => {
- tableFormPreviewLoading.value = true
- await getBussPdfInfo(item, dragItem)
- tableFormPreviewLoading.value = false
- }
- //上传变量
- const uploadModal = ref(false)
- const fileListData = ref([])
- const uploadData = ref({})
- //上传附件
- const uploadClick = (items, index) => {
- const { pkeyId, isTableForm, isTableRender, isBussShow } = items
- const keyName = `item-${index}-${pkeyId}`
- if (pkeyId) {
- if (isTableForm) {
- uploadModal.value = true
- uploadData.value = {
- projectId: projectId.value,
- contractId: contract_id.value,
- classify: classifys.value,
- pkeyId: pkeyId,
- nodeId: treeId.value,
- }
- //获取文件列表
- getBussFileList(pkeyId)
- } else if (!isTableRender) {
- if (isBussShow !== 2) {
- CollapseChange(keyName)
- window?.$message?.warning('请再次点击上传')
- } else {
- console.log('隐藏表点击')
- uploadModal.value = true
- uploadData.value = {
- projectId: projectId.value,
- contractId: contract_id.value,
- classify: classifys.value,
- pkeyId: pkeyId,
- nodeId: treeId.value,
- }
- //获取文件列表
- getBussFileList(pkeyId)
- }
- } else if (!isTableForm) {
- window?.$message?.warning('暂无表单数据')
- }
- // else {
- // window?.$message?.warning('已上报的资料,不允许上传')
- // }
- } else {
- window?.$message?.warning('pkeyId为空')
- }
- }
- //获取文件列表
- const getBussFileList = async (pkeyId) => {
- const { error, code, data } = await wbsApi.getBussFileList({
- pkeyid: pkeyId,
- })
- if (!error && code === 200) {
- fileListData.value = getArrValue(data)
- } else {
- fileListData.value = []
- }
- }
- //上传文件
- const uploadChange = async ({ type }) => {
- if (type === 'success') {
- uploadModal.value = false
- renewData()
- } else if (type === 'del') {
- renewData()
- }
- }
- //关闭上传附件窗口
- const uploadModalClose = () => {
- uploadModal.value = false
- }
- //单个保存
- const tableFormSaveLoading = ref(false)
- const tableFormSaveClick = async (item, dragItem = null) => {
- if (isStatus.value !== 3) {
- tableFormSaveLoading.value = true
- const isSave = await saveExcelBussData(item, dragItem)
- if (isSave) {
- // await getBussPdfInfo(item, dragItem)
- tableFormSaveLoading.value = false
- renewData()
- } else {
- tableFormSaveLoading.value = false
- }
- } else {
- window?.$message?.warning('已上报的资料,不允许保存。')
- }
- }
- //保存表单数据
- const saveExcelBussData = async ({ pkeyId }, dragItem = null, showTip = true) => {
- setDragModalLoading(dragItem, '保存中...', true)
- const refs = await getFormRef(pkeyId)
- const isRegExp = await refs?.isFormRegExp()
- if (isRegExp) {
- const formData = refs?.getFormData()
- const { error, code } = await wbsApi.saveExcelBussData(formData)
- setDragModalLoading(dragItem)
- if (!error && code === 200) {
- if (showTip) {
- window?.$message?.success('保存成功')
- }
- return true
- } else {
- return false
- }
- } else {
- setDragModalLoading(dragItem)
- return false
- }
- }
- //预览PDF
- const getBussPdfInfo = async ({ pkeyId }, dragItem = null, showTip = true) => {
- setDragModalLoading(dragItem, '获取pdf中...', true)
- const { error, code, data } = await wbsApi.getBussPdfInfo({
- pkeyId: pkeyId,
- }, false)
- setDragModalLoading(dragItem)
- if (!error && code === 200) {
- if (data) {
- window.open(data, '_blank')
- } else if (showTip) {
- window?.$message?.warning('PDF错误')
- }
- } else {
- if (showTip) {
- window?.$message?.warning(data.msg || '获取PDF失败')
- }
- }
- }
- //通知数据更新
- const renewData = () => {
- emit('renew', ActiveKey.value)
- ActiveKey.value = ''
- }
- //设置表单的加载状态
- const setDragModalLoading = (dragItem, text = '保存中...', show = false) => {
- if (dragItem && show) {
- dragItem.loading = true
- dragItem.loadingText = text
- }
- if (dragItem && !show) {
- dragItem.loading = false
- }
- }
- //获取表单的ref
- const getFormRef = async (pkeyId) => {
- const itemRef = getArrValue(itemRefs.value)
- if (itemRef.length <= 0) return ''
- const index = arrIndex(itemRef, 'pkeyId', pkeyId)
- if (index === -1) return ''
- const obj = getObjValue(itemRef[index])
- return obj?.ref
- }
- //删除打开的窗口
- const delWindowRefs = (pkeyId) => {
- //判断是否存在窗口,如果存在,就删除窗口
- const list = DragModalTableForm.value
- const index = arrIndex(list, 'pkeyId', pkeyId)
- if (index !== -1) {
- list.splice(index, 1)
- DragModalTableForm.value = list
- }
- }
- //计算展开高度和滚动位置
- const getOffsetTop = (key = '') => {
- if (key) {
- const dom = document.getElementById(key)
- if (!draw_type.value) {
- if (dom?.offsetTop >= 583 && key) {
- emit('offsetTop', dom?.offsetTop - 583)
- } else {
- emit('offsetTop', dom?.offsetTop)
- }
- } else {
- if (dom.offsetTop >= 424 && key) {
- emit('offsetTop', dom?.offsetTop - 424)
- } else {
- emit('offsetTop', dom?.offsetTop)
- }
- }
- } else {
- emit('offsetTop', 0)
- }
- ActiveKey.value = key
- }
- //获取折叠面板的索引
- const getCollapseItemIndex = (name) => {
- const keys = name.split('-')
- if (keys.length > 0) {
- return keys[1]
- } else {
- return -1
- }
- }
- //获取表单的大小
- const getTableFormSize = (pkeyId) => {
- let formId = `table-form-${pkeyId}`
- try {
- const { clientWidth, clientHeight } = document.getElementById(formId).children[0]
- return {
- width: (clientWidth + 40) + 'px',
- height: (clientHeight + 80) + 'px',
- }
- } catch {
- return {
- width: '100%',
- height: '100%',
- }
- }
- }
- //转字符串
- const setToString = (val) => {
- return val ? val + '' : ''
- }
- //表单被点击
- const presentId = ref('')
- const excelTableFormClick = (key) => {
- presentId.value = key
- }
- //缓存被激活时
- onActivated(() => {
- setMountOnEventKey()
- })
- //缓存时被移除
- onDeactivated(() => {
- HTableForm.unmountEventKey()
- })
- //页面被卸载
- onUnmounted(() => {
- HTableForm.unmountEventKey()
- })
- const setMountOnEventKey = () => {
- HTableForm.setOnEventKey({
- //按下ctrl键 或 control 键
- onCtrlDown: async () => {
- //window.$HcLog('全局按键', '按下ctrl键 或 control 键')
- const refs = await setOnFuncFormRef()
- refs?.setIsCtrlKey(true)
- },
- //按下复制快捷键
- onCtrlDownC: async (event) => {
- //window.$HcLog('全局按键', '按下复制快捷键')
- const refs = await setOnFuncFormRef()
- refs?.setCopyKeyList(event)
- },
- //按下粘贴快捷键
- onCtrlDownV: async (event) => {
- //window.$HcLog('全局按键', '按下粘贴快捷键')
- const refs = await setOnFuncFormRef()
- await refs?.setPasteKeyList(event)
- },
- //放开ctrl键 或 control 键
- onCtrlUp: async () => {
- //window.$HcLog('全局按键', '放开ctrl键 或 control 键')
- const refs = await setOnFuncFormRef()
- refs?.setIsCtrlKey(false)
- },
- })
- }
- //获取表单的ref
- const setOnFuncFormRef = async () => {
- const pkeyId = presentId.value
- if (!isNullES(pkeyId)) {
- return await getFormRef(pkeyId)
- } else {
- return
- }
- }
- //获取已渲染的表单
- const getFilterFormData = async () => {
- const formArr = formDataList.value
- return formArr.filter((item) => {
- return (item.pkeyId ?? '') !== '' && item.isCollapseLoad
- })
- }
- //获取表单数据
- const getFormData = async () => {
- const formArr = await getFilterFormData()
- //获取表单数据
- let newArr = []
- for (let i = 0; i < formArr.length; i++) {
- const pkeyId = formArr[i].pkeyId
- const refs = await getFormRef(pkeyId)
- const form = refs?.getFormData()
- newArr.push({ ...form })
- }
- console.log('表单数据', newArr)
- return newArr
- }
- //获取表单效验数据
- const getFormRegExpJson = async () => {
- const formArr = await getFilterFormData()
- const list = listDatas.value
- //获取表单数据
- let formRegExpJson = {}
- for (let i = 0; i < formArr.length; i++) {
- const pkeyId = formArr[i].pkeyId
- const refs = await getFormRef(pkeyId)
- const regExp = refs?.getRegExpJson()
- const nodeName = refs?.getNodeName()
- if (getObjVal(regExp)) {
- const index = arrIndex(list, 'pkeyId', pkeyId)
- formRegExpJson[pkeyId] = {
- ...regExp,
- itemId: `item-${index}-${pkeyId}`,
- nodeName: nodeName,
- }
- }
- }
- return formRegExpJson
- }
- //获取当前展开项
- const getActiveKey = () => {
- return ActiveKey.value
- }
- //设置当前展开项
- const setActiveKey = (key) => {
- return ActiveKey.value = key
- }
- //导入模板
- const dataHcUploadFileRef = ref(null)
- const checkItem = ref({})
- //打开文件选择框
- const uploadFileClick = (item) => {
- checkItem.value = item
- dataHcUploadFileRef?.value[0]?.cancelUpload()
- dataHcUploadFileRef?.value[0].selectFile()
- }
- //上传配置
- const UploadFileOptions = {
- //此处设置header
- headers: getTokenHeader(),
- url: '/api/blade-manager/wbsTreeContract/import-excel',
- }
- // 文件上传成功的回调
- const HcUploadFileSuccess = async (res) => {
- const { resData } = res
- const { pkeyId } = checkItem.value
- const refs = await getFormRef(pkeyId)
- if (resData) {
- refs?.setFormData(resData)
- }
- dataHcUploadFileRef.value[0]?.setModalShow(false)
- }
- const downloadLoading = ref(false)
- const getdownloadExcel = async (pKeyId)=>{
- downloadLoading.value = true
- const { error, disposition, res } = await wbsApi.downloadExcel({ pKeyId: pKeyId })
- //处理数据
- downloadLoading.value = false
- if (!error) {
- if (disposition) {
- downloadBlob(res, disposition)
- } else {
- window.$message?.error('数据异常')
- }
- }
- }
- //下载模板
- const downModal = (item)=>{
- const { pkeyId } = item
- // if (isStatus.value === 3) {
- // window?.$messageBox?.alert('是否选择把数据一起导出?', '下载模板', {
- // showCancelButton: true,
- // confirmButtonText: '是',
- // cancelButtonText: '否',
- // callback: (action) => {
- // if (action === 'confirm') {
- // console.log('数据')
- // } else if ( action === 'cancel') {
- // console.log('清表')
- // getdownloadExcel(pkeyId)
- // }
- // },
- // })
- // } else {
- // console.log('清表')
- // getdownloadExcel(pkeyId)
- // }
- getdownloadExcel(pkeyId)
- }
- //含水率弹窗
- const waterModal = ref(false)
- const waterModalClose = ()=>{
- waterModal.value = false
- }
- const waterRefs = ref(null)
- const designStrength = ref('')//设计强度值
- const waterSaveClick = async ()=>{
- let resdata = await waterRefs.value?.waterSave()
- const { pkeyId } = tableFormItemNode.value
- const refs = await getFormRef(pkeyId)
- refs?.setFormData(resdata)
- waterModal.value = false
- }
- //操作提示
- const actionTipModal = ref(false)
- const actionTipModalClose = () => {
- actionTipModal.value = false
- }
- //评定汇总
- const evaluateLoaing = ref(false)
- const evaluate = async (item)=>{
- const { pkeyId } = item
- evaluateLoaing.value = true
- const { error, code, msg } = await wbsApi.evaluateTotal({ tablePkeyId:pkeyId })
- evaluateLoaing.value = false
- if (!error && code === 200) {
- window?.$message?.success('操作成功')
- renewData()
- } else {
- window?.$message?.warning(msg)
- }
- }
- // 暴露出去
- defineExpose({
- getFormData,
- getFormRegExpJson,
- getActiveKey,
- setActiveKey,
- setCollapseKey,
- })
- </script>
- <style lang="scss" scoped>
- @import "./index.scss";
- </style>
- <style lang="scss">
- @import "./style.scss";
- </style>
|