|
|
@@ -0,0 +1,1966 @@
|
|
|
+<template>
|
|
|
+ <div class="data-fill-list-box">
|
|
|
+ <el-collapse v-model="ActiveKey" @change="CollapseChange">
|
|
|
+ <template v-for="(item,index) in listDatas" :key="item?.id">
|
|
|
+ <el-collapse-item :name="`item-${index}-${item?.id}`" :disabled="item['isBussShow'] === 2" :id="`item-${index}-${item?.id}`">
|
|
|
+ <template #title>
|
|
|
+ <div class="hc-collapse-item-header">
|
|
|
+ <div class="text-lg truncate item-title">{{item.name}}</div>
|
|
|
+ <div class="hc-extra-text-box">
|
|
|
+ <HcTooltip keys="wbs_del_table" v-if="item['isCopeTab'] === 2">
|
|
|
+ <el-button type="danger" plain :disabled="item['isBussShow'] === 2" @click.stop="delClick(item,index)">删除本表</el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ <HcTooltip keys="wbs_copy_table">
|
|
|
+ <el-button type="primary" :loading="copyClickLoading" plain :disabled="item['isBussShow'] === 2" @click.stop="copyClick(item,index)">复制本表</el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ <HcTooltip keys="wbs_hide_table">
|
|
|
+ <el-button type="primary" plain @click.stop="hideClick(item,index)">
|
|
|
+ <template v-if="item['isBussShow'] === 1">隐藏本表</template>
|
|
|
+ <template v-else>显示本表</template>
|
|
|
+ </el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ <HcTooltip keys="wbs_preview_table" v-if="isStatus != 3">
|
|
|
+ <el-button type="info" plain disabled v-if="item['isBussShow'] === 2 || item['isTabPdf'] === 1|| item['pdfUrl'] === ''">预览</el-button>
|
|
|
+ <el-button type="primary" plain @click.stop="previewClick(item,index)" v-else>预览</el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ <HcTooltip keys="wbs_upload_table">
|
|
|
+ <el-button :type="item['tabFileType'] === 2?'success':'primary'" plain :disabled="item['isBussShow'] === 2" @click.stop="uploadClick(item,index)">
|
|
|
+ <template v-if="item['tabFileType'] === 2">已上传</template>
|
|
|
+ <template v-else>上传</template>
|
|
|
+ </el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div class="data-fill-list-item-content">
|
|
|
+ <div class="data-fill-table-form-box">
|
|
|
+ <div class="hc-excel-table-form-view" :id="`table-form-${item?.id}`" />
|
|
|
+ <div class="hc-no-table-form" v-if="item?.isTableForm === false">
|
|
|
+ <div class="table-form-no">
|
|
|
+ <img :src="notableform" alt=""/>
|
|
|
+ <div class="desc">暂无表单数据</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="data-fill-table-tip-box">
|
|
|
+ <div class="text-orange tip-title">
|
|
|
+ <HcIcon name="error" fill ui="text-2xl"/>
|
|
|
+ <span class="ml-1">提示</span>
|
|
|
+ </div>
|
|
|
+ <div class="text-gray-400 tip-item">1、灰色框代表可通过系统识别计算，公式自动引用，可通过公式计算少量数据，(表头数据及简单)，也可只填写白色框数据</div>
|
|
|
+ <div class="text-gray-400 tip-item">2、系统支持键盘中，shift + tab键向上一个填报框切换，tab向下一个填报框切换。暂不支持上下按键切换输入框</div>
|
|
|
+ <div class="table-tip-foot">
|
|
|
+ <div class="tip-left-btn">
|
|
|
+ <HcTooltip keys="wbs_import_table">
|
|
|
+ <div class="text-gray-400 dow-text">
|
|
|
+ <HcIcon name="publish" ui="text-lg"/>
|
|
|
+ <span class="ml-1">导入列表数据</span>
|
|
|
+ </div>
|
|
|
+ </HcTooltip>
|
|
|
+ <HcTooltip keys="wbs_download_table">
|
|
|
+ <div class="text-main dow-text">
|
|
|
+ <HcIcon name="file_download" ui="text-lg"/>
|
|
|
+ <span class="ml-1">下载导入模板</span>
|
|
|
+ </div>
|
|
|
+ </HcTooltip>
|
|
|
+ </div>
|
|
|
+ <div class="tip-right-btn">
|
|
|
+ <HcTooltip keys="wbs_save_table">
|
|
|
+ <el-button type="primary" hc-btn :disabled="item?.isTableForm === false" :loading="tableFormSaveLoading" @click="tableFormSaveClick(item,index)">
|
|
|
+ <HcIcon name="save"/>
|
|
|
+ <span>保存</span>
|
|
|
+ </el-button>
|
|
|
+ </HcTooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-collapse-item>
|
|
|
+ </template>
|
|
|
+ </el-collapse>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!--右键菜单-->
|
|
|
+ <HcContextMenu ref="contextMenuRef" :datas="tableFormMenu" @item-click="handleMenuSelect"/>
|
|
|
+
|
|
|
+ <!--上传文件-->
|
|
|
+ <HcDialog :show="uploadModal" title="上传文件" widths="38rem" :footer="false" @close="uploadModal = false">
|
|
|
+ <HcUpload :fileList="fileListData" :datas="uploadData" @change='uploadChange'/>
|
|
|
+ </HcDialog>
|
|
|
+
|
|
|
+ <!--插入设计值/频率-->
|
|
|
+ <HcDialog :show="IDVFModal" title="插入设计值/频率" widths="600px" saveText="确认插入" @close="closeIDVFModal" @save="IDVFModalSaveClick">
|
|
|
+ <el-alert title="填写完设计值和频率，系统自动计算实测值" type="warning" :closable="false"/>
|
|
|
+ <el-form ref="formIDVFRef" :model="formIDVFModel" label-width="auto" size="large">
|
|
|
+ <div class="form-item-div text-center mb-3">
|
|
|
+ <el-radio-group size="large" v-model="formIDVFModel.type">
|
|
|
+ <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="formIDVFModel.design" placeholder="如果设计值存在两个，则使用 '/' 连接，例如12/23"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="频率" v-if="formIDVFModel.type === 1">
|
|
|
+ <!-- onkeyup="value = value.replace(/^(0+)|[^\d]+/g,'')" -->
|
|
|
+ <el-input v-model="formIDVFModel.size" placeholder="如果设计值使用 '/' 连接，则频率也是用 '/' 连接，例如5/10"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="容量" v-if="formIDVFModel.type === 2">
|
|
|
+ <!-- onkeyup="value = value.replace(/^(0+)|[^\d]+/g,'')" -->
|
|
|
+ <el-input v-model="formIDVFModel.capacity" placeholder="如果容量存在两个，则使用 '*'，或者 '/' 连接例如2*4，5/7"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="合格点数">
|
|
|
+ <el-input v-model="formIDVFModel.pass" placeholder="如果设计值使用 '/' 连接，则合格点数也是用 '/' 连接，例如2/5"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="偏差范围">
|
|
|
+ <el-input v-model="formIDVFModel.dev" placeholder="如果设计值使用 '/' 连接，则偏差范围也是用 '/' 连接，例如±2/±3" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </HcDialog>
|
|
|
+
|
|
|
+ <!--插入特殊字符-->
|
|
|
+ <HcDialog :show="specialModal" title="插入特殊字符" widths="600px" saveText="确认插入" @close="specialModal = false" @save="specialNodeClick">
|
|
|
+ <el-form ref="specialFormRef" :model="specialFormModel" :rules="specialFormRules" label-width="0px" size="large" class="mb-6">
|
|
|
+ <el-form-item prop="val" class="special-form-item">
|
|
|
+ <el-input v-model="specialFormModel.val" ref="specialRef" id="specialId" placeholder="请选择特殊字符代码" clearable @blur="specialInputBlur"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-row :gutter="20" style="margin: -10px;">
|
|
|
+ <el-col :span="3" style="padding: 10px;" v-for="item in specialCharacters">
|
|
|
+ <div class="special-box" @click="specialClick">
|
|
|
+ <span class="font-EUDC" :title="`字符代码(C):${item !== 'K̅'?item.slice(2,7):'K̅'}`" v-html="item"/>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </HcDialog>
|
|
|
+
|
|
|
+ <!--关联试验数据-->
|
|
|
+ <HcDialog :show="CTDModal" title="关联试验数据" widths="84%" :footer="false" @close="CTDModal = false">
|
|
|
+ <div class="adding-form-dialog-box">
|
|
|
+ <div class="dialog-tree-box">
|
|
|
+ <el-scrollbar>
|
|
|
+ <ElTree class="hc-tree-node tree-line"
|
|
|
+ ref="ElTreeRef"
|
|
|
+ :props="ElTreeProps"
|
|
|
+ :load="ElTreeLoadNode"
|
|
|
+ lazy
|
|
|
+ highlight-current
|
|
|
+ accordion
|
|
|
+ node-key="primaryKeyId"
|
|
|
+ :default-expanded-keys="defaultExpandedCids"
|
|
|
+ :autoExpandKeys="CTDTreeAutoExpandKeys"
|
|
|
+ @node-click="CTDElTreeClick"
|
|
|
+ :indent="0"
|
|
|
+
|
|
|
+ >
|
|
|
+ </ElTree>
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+ <div class="dialog-table-box">
|
|
|
+ <div class="dialog-search">
|
|
|
+ <div class="w-64 ml-2">
|
|
|
+ <HcDatePicker :dates="CTDbetweenTime" clearable @change="CTDbetweenTimeUpdate"/>
|
|
|
+ </div>
|
|
|
+ <div class="ml-2">
|
|
|
+ <el-button type="primary" @click="CTDsearchClick">
|
|
|
+ <HcIcon name="search-2"/>
|
|
|
+ <span>搜索</span>
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="dialog-table">
|
|
|
+ <HcTable :loading="CTDdialogTableLoading" :column="CTDdialogTableColumn" :datas="CTDdialogTableData1" >
|
|
|
+ <template #recordNo="{row}">
|
|
|
+ <span class="text-link" @click="CTDtableRowName(row)" >{{row?.recordNo}}</span>
|
|
|
+ </template>
|
|
|
+ </HcTable>
|
|
|
+ </div>
|
|
|
+ <div class="dialog-pages">
|
|
|
+ <HcPages :pages="CTDsearchFormPage" @change="CTDsearchFormPageChange"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </HcDialog>
|
|
|
+ <!-- 选择要插入的数据 -->
|
|
|
+ <HcDialog :show="insertDataShow" title="选择需要插入的数据" widths="84%" saveText="保存" @close="cancelinsertData" @save="submitinsertData">
|
|
|
+ <div>
|
|
|
+ <div class="flex-1" style="padding-left:20px">
|
|
|
+ <HcNewSwitch :datas="tabTypeTab" :keys="tabTypeKey" @change="tabTypeChange" size="default" :round="false"/>
|
|
|
+ <el-select v-model="testReportId" :placeholder="placeholderType" clearable class="ml-2 w-80" @change="testReportIdchange" :loading="insertDataSelectoading">
|
|
|
+ <el-option v-for="item in testReportData" :key="item.id" :label="item['fullName']" :value="item['id']"/>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="dialog-table-box">
|
|
|
+ <!-- <div class="dialog-table">
|
|
|
+ <HcTable :column="insertDataTableColumn" :datas="insertDataTable" :loading="insertDataTableLoading">
|
|
|
+ <template #tempLow="{row}">{{row['tempLow']}} ~ {{row['tempHigh']}}</template>
|
|
|
+ <template #action="{row}">
|
|
|
+ <el-checkbox size="large" @change="insertDataTableCheck(row)"/>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </HcTable>
|
|
|
+ </div> -->
|
|
|
+ <!-- <div class="dialog-pages">
|
|
|
+ <HcPages :pages="insertDataPage" @change="insertDataPageChange"/>
|
|
|
+ </div> -->
|
|
|
+ <div class="copy-node-many-table">
|
|
|
+ <el-scrollbar v-loading="insertDataTableLoading" >
|
|
|
+ <el-table :data="insertDataTable" border stripe @selection-change="insertDataTableCheck">
|
|
|
+ <el-table-column type="selection" width="55" />
|
|
|
+ <el-table-column prop="key_12__3_1" label="数据名称"/>
|
|
|
+ <!-- <el-table-column prop="action" label="操作" width="120" align="center">
|
|
|
+ <template #default="{row}">
|
|
|
+ <el-checkbox size="large" @change="insertDataTableCheck(row)"/>
|
|
|
+ </template> -->
|
|
|
+ <!-- </el-table-column> -->
|
|
|
+ </el-table>
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </HcDialog>
|
|
|
+ <!-- 复制本表 -->
|
|
|
+ <HcDialog :show="CopyModal" title="复制本表" widths="1200px" saveText="确认复制" @close="CopyModal = false" @save="CopyModal = false">
|
|
|
+ <el-alert title="复跨节点复制: 把当前表格已形成的数据复制到其他工程部位的相同表格里面" type="warning" :closable="false"/>
|
|
|
+ <el-alert title="本节点复制:在当前节点内复制本表及数据" type="warning" :closable="false"/>
|
|
|
+ <div class="radio-group-box">
|
|
|
+ <el-radio-group v-model="CopyModalType">
|
|
|
+ <el-radio label="1">跨节点复制</el-radio>
|
|
|
+ <el-radio label="2" class="ml-4">本节点复制</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ <div class="copy-node-many-box" v-if="CopyModalType=== '1'">
|
|
|
+ <div class="copy-node-many-tree">
|
|
|
+ <el-scrollbar>
|
|
|
+ <WbsTree
|
|
|
+ :projectId="projectId"
|
|
|
+ :contractId="contractId"
|
|
|
+ @nodeTap="wbsElTreeClick"
|
|
|
+ @nodeLoading="ElTreeNodeLoading"
|
|
|
+
|
|
|
+ />
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+ <div class="copy-node-many-table">
|
|
|
+ <el-scrollbar v-loading="ListItemLoading" >
|
|
|
+ <el-table :data="copyModalTable" border stripe>
|
|
|
+ <el-table-column prop="fullName" label="表格名称"/>
|
|
|
+ <el-table-column prop="action" label="操作" width="120" align="center">
|
|
|
+ <template #default="{row}">
|
|
|
+ <el-checkbox v-model="row.isCheck" size="large" @change="copyModalTableCheck(row)"/>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </HcDialog>
|
|
|
+ <!--关联试验文件-->
|
|
|
+ <HcDialog :show="fileModal" title="关联试验文件" widths="84%" saveText="保存" @close="fileModal = false" @save="savefileModal">
|
|
|
+ <div class="radio-box">
|
|
|
+ <el-radio-group v-model="fileModalradio" @change="radioChange">
|
|
|
+ <el-radio :label="1">试验检测</el-radio>
|
|
|
+ <el-radio :label="2">第三方检测</el-radio>
|
|
|
+ <el-radio :label="3">外委检测</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+ <div class="adding-form-dialog-box">
|
|
|
+ <div class="dialog-tree-box">
|
|
|
+ <el-scrollbar>
|
|
|
+ <!-- 试验检测树 -->
|
|
|
+ <ElTree class="hc-tree-node tree-line"
|
|
|
+ :props="ElTreeProps"
|
|
|
+ :load="ElTreeLoadNode"
|
|
|
+ lazy
|
|
|
+ highlight-current
|
|
|
+ accordion
|
|
|
+ node-key="primaryKeyId"
|
|
|
+ @node-click="fileModalElTreeClick"
|
|
|
+ :indent="0"
|
|
|
+ v-if="fileModalradio==1"
|
|
|
+ >
|
|
|
+ </ElTree>
|
|
|
+ <!-- 第三方树 -->
|
|
|
+ <ElTree
|
|
|
+ v-else
|
|
|
+ class="hc-tree-node" ref="ElTreeRef2" :props="thirdElTreeProps" :data="thirdtreeDatas" highlight-current accordion node-key="id"
|
|
|
+ @node-click="thirdtreeDatasElTreeClick" :indent="0">
|
|
|
+ </ElTree>
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+ <div class="dialog-table-box">
|
|
|
+ <div class="dialog-search">
|
|
|
+ <div class="w-64 ml-2">
|
|
|
+ <HcDatePicker :dates="filebetweenTime" clearable @change="filebetweenTimeUpdate"/>
|
|
|
+ </div>
|
|
|
+ <div class="ml-2">
|
|
|
+ <el-button type="primary" @click="filesearchClick">
|
|
|
+ <HcIcon name="search-2"/>
|
|
|
+ <span>搜索</span>
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="dialog-table">
|
|
|
+ <HcTable ref="dialogTableRef1" :loading="filedialogTableLoading" :column="filedialogTableColumn" :datas="filedialogTableData" isCheck @selection-change="filedialogTableSelection1" v-if="fileModalradio==1">
|
|
|
+ <template #recordNo="{row}">
|
|
|
+ <span :class="[row?.isSelectedStatus==1?'text-green':'']">{{row?.recordNo}}</span>
|
|
|
+ </template>
|
|
|
+ </HcTable>
|
|
|
+ <HcTable ref="dialogTableRef2" :loading="filedialogTableLoading" :column="filedialogTableColumn1" :datas="filedialogTableData" isCheck @selection-change="filedialogTableSelection" v-if="fileModalradio==2">
|
|
|
+ <template #reportNo="{row}">
|
|
|
+ <span :class="[row?.isSelectedStatus===1?'text-green':'']">{{row?.reportNo}}</span>
|
|
|
+ </template>
|
|
|
+ </HcTable>
|
|
|
+ <HcTable ref="dialogTableRef" :loading="filedialogTableLoading" :column="filedialogTableColumn1" :datas="filedialogTableData" isCheck @selection-change="filedialogTableSelection" v-if="fileModalradio==3">
|
|
|
+ <template #reportNo="{row}">
|
|
|
+ <span :class="[row?.isSelectedStatus===1?'text-green':'']">{{row?.reportNo}}</span>
|
|
|
+ </template>
|
|
|
+ </HcTable>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="dialog-pages">
|
|
|
+ <HcPages :pages="filesearchFormPage" @change="filesearchFormPageChange"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </HcDialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+import {ref,watch,nextTick} from "vue";
|
|
|
+import {getStoreData, setStoreData} from '~src/utils/storage'
|
|
|
+import notableform from '~src/assets/view/notableform.svg';
|
|
|
+import HTableForm from "~src/plugins/HTableForm"
|
|
|
+import WbsTree from "../components/WbsTree.vue"
|
|
|
+import wbsApi from "~api/data-fill/wbs"
|
|
|
+import firstApi from '~api/other/first-item';
|
|
|
+import dataApi from "~api/tentative/detect/test";
|
|
|
+import thirdApi from "~api/tentative/detect/third";
|
|
|
+import {getTreeAll} from "~api/tentative/detect"
|
|
|
+import HcUpload from "./HcUpload.vue"
|
|
|
+import {utilsText, isType, formValidate, deepClone, getObjValue} from "vue-utils-plus"
|
|
|
+import {useAppStore} from "~src/store";
|
|
|
+import samplingApi from "~api/tentative/material/sampling"
|
|
|
+
|
|
|
+//初始
|
|
|
+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: ''
|
|
|
+ },
|
|
|
+ projectInfo: {
|
|
|
+ type: Object,
|
|
|
+ default: () => ({})
|
|
|
+ },
|
|
|
+ authBtnTabKey: {
|
|
|
+ type: [String,Number],
|
|
|
+ default: ''
|
|
|
+ },
|
|
|
+ drawType:{
|
|
|
+ type:Boolean,
|
|
|
+ default:false
|
|
|
+ },
|
|
|
+ wbsTempId: {
|
|
|
+ type: [String,Number],
|
|
|
+ default: ''
|
|
|
+ },
|
|
|
+ tenantId: {
|
|
|
+ type: [String,Number],
|
|
|
+ default: ''
|
|
|
+ },
|
|
|
+ wbsType: {
|
|
|
+ type: [String,Number],
|
|
|
+ default: ''
|
|
|
+ },
|
|
|
+ treeItem :{
|
|
|
+ type: Object,
|
|
|
+ default: () => ({})
|
|
|
+ },
|
|
|
+ tableFileData:{
|
|
|
+ type: Array,
|
|
|
+ default: () => ([])
|
|
|
+ },
|
|
|
+ finishFile:{
|
|
|
+ type: Object,
|
|
|
+ default: () => ({})
|
|
|
+ }
|
|
|
+})
|
|
|
+const {isString, getObjNullValue, getArrValue} = isType()
|
|
|
+const {setPosInsert, setPosRange} = utilsText()
|
|
|
+const listDatas = ref(props.datas)
|
|
|
+const classify = ref(props.classify)
|
|
|
+const isStatus = ref(props.status)
|
|
|
+const isPrimaryKeyId = ref(props.primaryKeyId)
|
|
|
+const contractId = ref(props.contractId)
|
|
|
+const projectInfo = ref(props.projectInfo)
|
|
|
+const useAppState = useAppStore()
|
|
|
+const authBtnTabKey = ref(props.authBtnTabKey)
|
|
|
+const drawType = ref(props.drawType)
|
|
|
+const wbsTempId = ref(props.wbsTempId);
|
|
|
+const tenantId = ref(props.tenantId);
|
|
|
+const wbsType = ref(props.wbsType);
|
|
|
+const treeItem = ref(props.treeItem);
|
|
|
+const tableFileData = ref(props.tableFileData);
|
|
|
+const finishFile = ref(props.finishFile);
|
|
|
+
|
|
|
+//全局变量
|
|
|
+const projectId = ref(useAppState.getProjectId);
|
|
|
+
|
|
|
+//监听
|
|
|
+watch(() => [
|
|
|
+ props.datas,
|
|
|
+ props.classify,
|
|
|
+ props.primaryKeyId,
|
|
|
+ props.contractId,
|
|
|
+ props.projectInfo,
|
|
|
+ props.treeItem,
|
|
|
+ props.tableFileData,
|
|
|
+ props.finishFile
|
|
|
+], ([datas, classifyVal, primaryKeyId, cid, pInfo,TreeItem,TableFileData,FinishFile]) => {
|
|
|
+ listDatas.value = datas
|
|
|
+ classify.value = classifyVal
|
|
|
+ isPrimaryKeyId.value = primaryKeyId
|
|
|
+ contractId.value = cid
|
|
|
+ projectInfo.value = pInfo
|
|
|
+ treeItem.value=TreeItem
|
|
|
+ tableFileData.value=TableFileData
|
|
|
+ finishFile.value=FinishFile
|
|
|
+ setFormDataNum(datas)
|
|
|
+})
|
|
|
+
|
|
|
+//监听
|
|
|
+// watch(() => [
|
|
|
+// props.status
|
|
|
+// ], ([val]) => {
|
|
|
+// //1 未填报，2待上报，3已上报
|
|
|
+// isStatus.value = val
|
|
|
+// })
|
|
|
+//监听
|
|
|
+watch(() => [
|
|
|
+ props.autoExpandKeys,
|
|
|
+ props.projectId,
|
|
|
+ props.contractId,
|
|
|
+ props.wbsTempId,
|
|
|
+ props.tenantId,
|
|
|
+ props.wbsType,
|
|
|
+ props.status
|
|
|
+], ([expandKeys, UserProjectId, UserContractId, UserWbsTempId, UserTenantId, UserIdPrefix, wbs_type,val]) => {
|
|
|
+
|
|
|
+ projectId.value = UserProjectId
|
|
|
+ contractId.value = UserContractId
|
|
|
+ wbsTempId.value = UserWbsTempId
|
|
|
+ tenantId.value = UserTenantId
|
|
|
+
|
|
|
+ wbsType.value = wbs_type
|
|
|
+ isStatus.value = val
|
|
|
+})
|
|
|
+
|
|
|
+//渲染完成
|
|
|
+nextTick(() => {
|
|
|
+ setFormDataNum(props.datas)
|
|
|
+})
|
|
|
+
|
|
|
+//获取表单初始数据
|
|
|
+const getFormDataInit = (item, pkeyId) => {
|
|
|
+ return {
|
|
|
+ projectId: item?.projectId,
|
|
|
+ contractId: item?.contractId,
|
|
|
+ classify: classify.value,
|
|
|
+ pkeyId: pkeyId ? pkeyId + '' : '',
|
|
|
+ nodeId: isPrimaryKeyId.value
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//设置表单对象的数量
|
|
|
+const formData = ref([])
|
|
|
+const setFormDataNum = (datas) => {
|
|
|
+ ActiveKey.value = []
|
|
|
+ let newArr = [];
|
|
|
+ for (let i = 0; i < datas.length; i++) {
|
|
|
+ newArr.push({
|
|
|
+ ...getFormDataInit(datas[i], datas[i].pkeyId),
|
|
|
+ isCollapseLoad: false,
|
|
|
+ })
|
|
|
+ }
|
|
|
+ formData.value = newArr
|
|
|
+ setTableFormMenu(projectInfo.value)
|
|
|
+}
|
|
|
+
|
|
|
+//展开事件
|
|
|
+const ActiveKey = ref([])
|
|
|
+const formKeyIds = ref('')
|
|
|
+const CollapseChange = async (name) => {
|
|
|
+ console.log(name,'name')
|
|
|
+ ActiveKey.value = name
|
|
|
+ console.log(name,'name');
|
|
|
+ let names=[]
|
|
|
+ if(name.length>0){
|
|
|
+ names = name[0] ? name[name.length-1].split('-') : name[0]
|
|
|
+ }
|
|
|
+
|
|
|
+ console.log(names,'names');
|
|
|
+ if (names.length > 0) {
|
|
|
+ getOffsetTop(name);
|
|
|
+ const index = names[1]
|
|
|
+ const item = listDatas.value[index]
|
|
|
+ formKeyIds.value = item.id ? item.id + '' : ''
|
|
|
+ if (!item.isTableFormRender) {
|
|
|
+ //获取已填写的数据
|
|
|
+ await getBussDataInfo(item,item.id, index)
|
|
|
+ //渲染表单
|
|
|
+ await getExcelHtml(item,index)
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ getOffsetTop()
|
|
|
+ formKeyIds.value = ''
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//获取模板标签数据
|
|
|
+const formRegExpJson = ref({})
|
|
|
+const getExcelHtml = async (item,index) => {
|
|
|
+ const pkeyIds = item.id ? item.id + '' : ''
|
|
|
+ if (pkeyIds) {
|
|
|
+ const {error, code, data} = await firstApi.getFirstExcelHtml({contractId: contractId.value}, false)
|
|
|
+ // const resData = isString(data) ? data || '' : ''
|
|
|
+ //处理数据
|
|
|
+ const resData = isString(data?.data) ? data?.data || '' : ''
|
|
|
+
|
|
|
+ if (!error && code === 200 && resData) {
|
|
|
+ item.isTableForm = true
|
|
|
+ //渲染表单
|
|
|
+ HTableForm.createForm({
|
|
|
+ template: resData,
|
|
|
+ tableForm: formData.value[index],
|
|
|
+ appId: `#table-form-${pkeyIds}`,
|
|
|
+ onRight: (event, KeyName) => {
|
|
|
+ onRightClick(event, KeyName, index)
|
|
|
+ },
|
|
|
+ //表单正则效验
|
|
|
+ onBlur: (event, key, reg, val, msg, leng) => {
|
|
|
+ setTableFormBlurReg(pkeyIds, event, key, reg, val, msg, item, index, leng)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ item.isTableFormRender = true
|
|
|
+ item.isRenderTableForm = true
|
|
|
+ } else {
|
|
|
+ item.isTableForm = false
|
|
|
+ item.isRenderTableForm = true
|
|
|
+ window?.$message?.warning('暂无表单')
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ item.isTableForm = false
|
|
|
+ item.isRenderTableForm = false
|
|
|
+ window?.$message?.warning('pkeyId为空')
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//正则效验
|
|
|
+const setTableFormBlurReg = (pkeyId, event, key, reg, val, msg, item, index, leng) => {
|
|
|
+ const dom = document.getElementById(key)?.parentElement ?? ''
|
|
|
+ if (dom) {
|
|
|
+ if (val && reg) {
|
|
|
+ let regx = new RegExp(reg);
|
|
|
+ let state = regx.test(val);
|
|
|
+ if (state) {
|
|
|
+ delete formRegExpJson.value[pkeyId]
|
|
|
+ dom.style = ''
|
|
|
+ } else {
|
|
|
+ formRegExpJson.value[pkeyId] = {key, reg, val, msg, state, nodeName: item.nodeName, itemId: `item-${index}-${item?.pkeyId}`}
|
|
|
+ dom.style = '--el-input-border-color: #fe0000; box-shadow: 0 0 0 2px #fe0000 inset;'
|
|
|
+ window?.$message?.warning(msg)
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ delete formRegExpJson.value[pkeyId]
|
|
|
+ dom.style = ''
|
|
|
+ }
|
|
|
+ /*let efficacyRegState = true, efficacyLengState = true;
|
|
|
+ //正则效验
|
|
|
+ if (val && reg) {
|
|
|
+ let regx = new RegExp(reg);
|
|
|
+ let state = regx.test(val);
|
|
|
+ console.log('reg:', reg)
|
|
|
+ console.log('val:', val)
|
|
|
+ console.log('state:', state)
|
|
|
+ if (!state) {
|
|
|
+ efficacyRegState = true
|
|
|
+ } else {
|
|
|
+ efficacyRegState = false
|
|
|
+ window?.$message?.warning(msg)
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ efficacyRegState = true
|
|
|
+ }
|
|
|
+ //校验字符长度
|
|
|
+ if (val && leng) {
|
|
|
+ const num = val.toString().length;
|
|
|
+ if (num > leng) {
|
|
|
+ efficacyLengState = false
|
|
|
+ window?.$message?.warning('长度不能超过' + leng)
|
|
|
+ } else {
|
|
|
+ efficacyLengState = true
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ efficacyLengState = true
|
|
|
+ }
|
|
|
+ //处理效验结果
|
|
|
+ if (efficacyRegState && efficacyLengState) {
|
|
|
+ delete formRegExpJson.value[pkeyId]
|
|
|
+ dom.style = ''
|
|
|
+ } else {
|
|
|
+ formRegExpJson.value[pkeyId] = {key, reg, val, msg, leng, state: efficacyRegState, lengState: efficacyLengState, nodeName: item.nodeName, itemId: `item-${index}-${item?.pkeyId}`}
|
|
|
+ dom.style = '--el-input-border-color: #fe0000; box-shadow: 0 0 0 2px #fe0000 inset;'
|
|
|
+ }*/
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//获取已填写的数据
|
|
|
+const getBussDataInfo = async (item, pkeyId, index) => {
|
|
|
+ const pkeyIds = pkeyId ? pkeyId + '' : ''
|
|
|
+ if (pkeyIds) {
|
|
|
+ const {error, code, data} = await firstApi.getFirstBussDataInfo({
|
|
|
+ contractId: contractId.value || '',
|
|
|
+ firstId: pkeyId + ''
|
|
|
+ }, false)
|
|
|
+ const resData = getObjNullValue(data)
|
|
|
+ if (!error && code === 200 && resData) {
|
|
|
+ HTableForm.setPickerKey(resData)
|
|
|
+ const InitObj = getFormDataInit(item, pkeyId) //有数据，关联数据
|
|
|
+ formData.value[index] = {...resData, ...InitObj, isCollapseLoad: true}
|
|
|
+ } else {
|
|
|
+ formData.value[index] = {...getFormDataInit(item, pkeyId), isCollapseLoad: true}
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('pkeyId为空')
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//单个保存
|
|
|
+const tableFormSaveLoading = ref(false)
|
|
|
+const tableFormSaveClick = async (item,index) => {
|
|
|
+ if (isStatus.value !== '3') {
|
|
|
+ console.log(item)
|
|
|
+ const res = await saveExcelBussData(item,index)
|
|
|
+ console.log(res,'res')
|
|
|
+ if (res) {
|
|
|
+ await getBussPdfInfo(item,true,res)
|
|
|
+ renewData()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('已上报的资料，不允许保存。')
|
|
|
+ }
|
|
|
+}
|
|
|
+//处理数据
|
|
|
+const rowsToArr = (rows) => {
|
|
|
+ let newArr = [];
|
|
|
+ for (let i = 0; i < rows.length; i++) {
|
|
|
+ newArr.push({
|
|
|
+ id: rows[i]?.id,
|
|
|
+ name: rows[i]?.name
|
|
|
+ })
|
|
|
+ }
|
|
|
+ return newArr
|
|
|
+}
|
|
|
+
|
|
|
+//保存表单数据
|
|
|
+const saveExcelBussData = async (item, index, showTip = true) => {
|
|
|
+
|
|
|
+ const isRegExp = !!getObjNullValue(formRegExpJson.value)
|
|
|
+ if (!isRegExp) {
|
|
|
+ tableFormSaveLoading.value = true
|
|
|
+ const InitObj = getFormDataInit(item, item.id)
|
|
|
+
|
|
|
+
|
|
|
+ // const {error, code} = await firstApi.saveBussData({
|
|
|
+ // ...formData.value[index],
|
|
|
+ // ...InitObj
|
|
|
+ // })
|
|
|
+ const info = treeItem.value;
|
|
|
+ const { primaryKeyId } = treeItem.value
|
|
|
+ console.log(primaryKeyId,'primaryKeyId')
|
|
|
+ const linkIds = rowsToArr(tableFileData.value);
|
|
|
+ console.log(formData.value[index],'formData')
|
|
|
+ const { error, code, data } = await firstApi.saveBussData({
|
|
|
+ ...formData.value[index],
|
|
|
+ projectId: projectId.value,
|
|
|
+ contractId: contractId.value,
|
|
|
+ firstNodeId: primaryKeyId,
|
|
|
+ pkeyId:info.id ,
|
|
|
+ classify: '1',
|
|
|
+ isFirst: 1,
|
|
|
+ linkProcessList: linkIds,
|
|
|
+ ...finishFile.value
|
|
|
+ }, false)
|
|
|
+ //处理数据
|
|
|
+ tableFormSaveLoading.value = false
|
|
|
+ if (!error && code === 200) {
|
|
|
+ if(showTip) window?.$message?.success('保存成功')
|
|
|
+ return data
|
|
|
+ } else {
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('请先修改完红色输入框的数据')
|
|
|
+ return false
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//预览PDF
|
|
|
+const getBussPdfInfo = async (item, showTip = true,resid) => {
|
|
|
+ console.log(resid,'resid');
|
|
|
+ const pkeyIds = item.id ? item.id + '' : ''
|
|
|
+ if (pkeyIds) {
|
|
|
+ const {error, code, data} = await firstApi.getFirstBussPdfInfo({
|
|
|
+ firstId:resid?resid:pkeyIds
|
|
|
+ },false)
|
|
|
+ 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失败')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('pkeyId为空')
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//删除本表
|
|
|
+const delClick = async (item) => {
|
|
|
+ const pkeyIds = item.pkeyId ? item.pkeyId + '' : ''
|
|
|
+ if (pkeyIds) {
|
|
|
+ if (isStatus.value !== '3') {
|
|
|
+ const {error, code} = await wbsApi.removeBussTabInfo({
|
|
|
+ pkeyid: pkeyIds,
|
|
|
+ classify: classify.value,
|
|
|
+ })
|
|
|
+ if (!error && code === 200) {
|
|
|
+ window?.$message?.success('操作成功')
|
|
|
+ renewData()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('已上报的资料，不允许删除')
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('pkeyId为空')
|
|
|
+ }
|
|
|
+}
|
|
|
+//复制本表弹窗
|
|
|
+const CopyModal = ref(false);
|
|
|
+const CopyModalType=ref('1');
|
|
|
+const treeLoading = ref(false);
|
|
|
+const copyModalTable=ref([])
|
|
|
+const insertDataShow = ref(false);
|
|
|
+//类型tab数据和相关处理
|
|
|
+const tabTypeKey = ref('2')
|
|
|
+const tabTypeTab = ref([
|
|
|
+ {key:'1', name: '试验记录表'},
|
|
|
+ {key:'2', name: '试验报告单'},
|
|
|
+]);
|
|
|
+let placeholderType=ref('试验报告单')
|
|
|
+const tabTypeChange = ({key}) => {
|
|
|
+ tabTypeKey.value = key
|
|
|
+ if( tabTypeKey.value==='1'){
|
|
|
+ placeholderType='试验记录表'
|
|
|
+ }else{
|
|
|
+ placeholderType='试验报告单'
|
|
|
+ }
|
|
|
+ testReportId.value=''
|
|
|
+ getSearchNodeTables()
|
|
|
+
|
|
|
+}
|
|
|
+const insertDataTableLoading=ref(false)
|
|
|
+const insertDataTableColumn = ref(
|
|
|
+ [{key:'key_12__3_1', name: '数据名称'}],
|
|
|
+)
|
|
|
+const insertDataTable=ref([])
|
|
|
+const multipleSelection = ref([])
|
|
|
+const insertDataTableCheck = (val) => {
|
|
|
+ multipleSelection.value = val
|
|
|
+}
|
|
|
+//分页
|
|
|
+const insertDataPage = ref({current: 1, size: 20, total: 0})
|
|
|
+const insertDataPageChange = ({current, size}) => {
|
|
|
+ insertDataPage.value.current = current
|
|
|
+ insertDataPage.value.size = size
|
|
|
+ // getDialogTableData()
|
|
|
+}
|
|
|
+
|
|
|
+const testReportId=ref('');
|
|
|
+const testReportData=ref([])
|
|
|
+let checPkd=ref([])
|
|
|
+const testReportIdchange = (key) => {
|
|
|
+testReportData.value.forEach((item)=>{
|
|
|
+ if(item.id=key){
|
|
|
+ checPkd.value.push(item)
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ getBussddataInfotrialData()
|
|
|
+}
|
|
|
+//树相关变量
|
|
|
+// const primaryKeyId = ref('')
|
|
|
+const nodeItemInfo = ref({})
|
|
|
+const nodeDataInfo = ref({})
|
|
|
+//树加载完成
|
|
|
+const ElTreeNodeLoading = () => {
|
|
|
+ treeLoading.value = false
|
|
|
+}
|
|
|
+
|
|
|
+//获取数据列表
|
|
|
+const ListItemLoading = ref(false);
|
|
|
+const checked1=ref(true)
|
|
|
+const searchNodeAllTable = async () => {
|
|
|
+ copyModalTable.value = []
|
|
|
+ const info = nodeDataInfo.value;
|
|
|
+ ListItemLoading.value = true
|
|
|
+ const {error, code, data} = await wbsApi.searchNodeAllTable({
|
|
|
+ projectId: projectId.value,
|
|
|
+ contractId: contractId.value,
|
|
|
+ primaryKeyId: info['primaryKeyId'],
|
|
|
+ type: authBtnTabKey.value
|
|
|
+ })
|
|
|
+ //处理数据
|
|
|
+ ListItemLoading.value = false
|
|
|
+ if (!error && code === 200) {
|
|
|
+ copyModalTable.value = getArrValue(data);
|
|
|
+ copyModalTable.value.forEach((item)=>{
|
|
|
+ item.isCheck=false
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ copyModalTable.value = []
|
|
|
+ }
|
|
|
+}
|
|
|
+const getTableDataAll = () => {
|
|
|
+ searchNodeAllTable()
|
|
|
+}
|
|
|
+
|
|
|
+//树被点击
|
|
|
+const wbsElTreeClick = ({node, data, keys}) => {
|
|
|
+ nodeItemInfo.value = node
|
|
|
+ nodeDataInfo.value = data
|
|
|
+ getTableDataAll();
|
|
|
+}
|
|
|
+const copyClickLoading=ref(false)
|
|
|
+//复制本表
|
|
|
+const copyClick = async (item,index) => {
|
|
|
+ // CopyModal.value=true;
|
|
|
+ // const copyModalTable=ref([])
|
|
|
+
|
|
|
+ if (item.id) {
|
|
|
+ if (isStatus.value !== '3') {
|
|
|
+ copyClickLoading.value=true
|
|
|
+ if (!item.isRenderTableForm) {
|
|
|
+ await copeBussTab(item.id + '')
|
|
|
+ } else if (!item.isTableForm) {
|
|
|
+ window?.$message?.warning('暂无表单数据')
|
|
|
+ } else if (item.isRenderTableForm) {
|
|
|
+ const res = await saveExcelBussData(item,index,false)
|
|
|
+ if (res) {
|
|
|
+ await copeBussTab(item.id + '')
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('复制本表操作失败')
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning(`数据异常了, isRenderTableForm: ${item.isRenderTableForm}, isTableForm: ${item.isTableForm}, pkeyIds：${item.pkeyId}`)
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('已上报的资料，不允许复制')
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('pkeyId为空')
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//勾选复制本表
|
|
|
+const copyModalTableCheck = async (item) => {
|
|
|
+ console.log('复制本表',item);
|
|
|
+}
|
|
|
+const copeBussTab = async (pkeyIds) => {
|
|
|
+ const {error, code} = await wbsApi.copeBussTab({
|
|
|
+ pkeyId: pkeyIds
|
|
|
+ })
|
|
|
+ if (!error && code === 200) {
|
|
|
+ window?.$message?.success('操作成功')
|
|
|
+ renewData()
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+//隐藏本表
|
|
|
+const hideClick = async (item) => {
|
|
|
+ const pkeyIds = item.id ? item.id + '' : ''
|
|
|
+ if (pkeyIds) {
|
|
|
+ if (isStatus.value !== '3') {
|
|
|
+ const isBussShow = item['isBussShow'] === 2 ? 1 : 2 //状态(1显示 2隐藏)
|
|
|
+ const {error, code} = await wbsApi.showBussTab({
|
|
|
+ pkeyId: pkeyIds,
|
|
|
+ status: isBussShow
|
|
|
+ })
|
|
|
+ if (!error && code === 200) {
|
|
|
+ window?.$message?.success('操作成功')
|
|
|
+ renewData()
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('已上报的资料，不允许隐藏')
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('pkeyId为空')
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//预览
|
|
|
+const previewClick = async (item,index) => {
|
|
|
+ await getBussPdfInfo(item)
|
|
|
+}
|
|
|
+
|
|
|
+//上传变量
|
|
|
+const uploadModal = ref(false)
|
|
|
+const fileListData = ref([]);
|
|
|
+const uploadData = ref({})
|
|
|
+
|
|
|
+//上传被点击
|
|
|
+const uploadClick = (item,index) => {
|
|
|
+ const pkeyIds = item.id ? item.id + '' : ''
|
|
|
+ const keyName = `item-${index}-${pkeyIds}`
|
|
|
+ if (pkeyIds) {
|
|
|
+ if (isStatus.value !== '3' && item.isTableForm) {
|
|
|
+ uploadModal.value = true
|
|
|
+ uploadData.value = getFormDataInit(item,pkeyIds)
|
|
|
+ //获取文件列表
|
|
|
+ getBussFileList(pkeyIds)
|
|
|
+ } else if (!item.isRenderTableForm) {
|
|
|
+ CollapseChange(keyName)
|
|
|
+ window?.$message?.warning('请再次点击上传')
|
|
|
+ } else if (!item.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 tableFormItemNode = ref({})
|
|
|
+
|
|
|
+//菜单数据
|
|
|
+const tableFormMenu = ref([])
|
|
|
+
|
|
|
+//设置菜单权限数据
|
|
|
+const setTableFormMenu = (info) => {
|
|
|
+ const infos = getObjValue(info)
|
|
|
+ const isOpen = infos['isOpenRandomNumber'] ?? 0
|
|
|
+ let newArr = []
|
|
|
+ if (isOpen === 1) {
|
|
|
+ newArr.push({label: '插入设计值/频率', key: "IDVF"})
|
|
|
+ }
|
|
|
+ //newArr.push({label: '插入设计值/频率', key: "IDVF"})
|
|
|
+ newArr.push({label: '插入特殊字符', key: "special"})
|
|
|
+ newArr.push({label: '关联试验数据', key: "CTD"}),
|
|
|
+ newArr.push({label: '关联试验文件', key: "file"})
|
|
|
+ tableFormMenu.value = newArr
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+//鼠标右键事件
|
|
|
+const contextMenuRef = ref(null)
|
|
|
+const onRightClick = (event, KeyName, index) => {
|
|
|
+ //取光标位置
|
|
|
+ const specialDom = document.getElementById(KeyName + "")
|
|
|
+ const startPos = specialDom?.selectionStart || 0
|
|
|
+ const endPos = specialDom?.selectionEnd || 0
|
|
|
+ //存储临时信息
|
|
|
+ tableFormItemNode.value = {KeyName, index, startPos, endPos, pkeyId: formKeyIds.value}
|
|
|
+ contextMenuRef.value?.showMenu(event) //展开菜单
|
|
|
+}
|
|
|
+
|
|
|
+//鼠标右键菜单被点击
|
|
|
+const handleMenuSelect = ({key}) => {
|
|
|
+ if (key === 'IDVF') {
|
|
|
+ IDVFModal.value = true
|
|
|
+ } else if (key === 'special') {
|
|
|
+ specialModalShow()
|
|
|
+ } else if (key === 'CTD') {
|
|
|
+ CTDModal.value = true
|
|
|
+ CTDbetweenTime.value=[]
|
|
|
+ CTDdialogTableData1.value=[]
|
|
|
+ }else if(key === 'file'){
|
|
|
+ fileModal.value=true;
|
|
|
+ fileModalradio.value=1
|
|
|
+ filedialogTableData.value=[]
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//插入设计值
|
|
|
+const IDVFModal = ref(false)
|
|
|
+const formIDVFRef = ref(null)
|
|
|
+const formIDVFModel = ref({type: 1, design: '', size: '', dev: '', key: '', capacity: '', pass: '', pkId: ''})
|
|
|
+
|
|
|
+
|
|
|
+//插入特殊字符
|
|
|
+const specialModal = ref(false)
|
|
|
+const specialCharacters = ref([
|
|
|
+ '', "", "", "", '≤', '≥', '℃',
|
|
|
+ '①', '②', '③', '④', '⑤', '⑥', '⑦', '⑧', '⑨', '⑩', '⑪', '⑫',
|
|
|
+ '⑬', '⑭', '⑮', '⑯', '⑰', '⑱', '⑲', '⑳',
|
|
|
+ "Ⅰ", "Ⅱ", "Ⅲ", "Ⅳ", "Ⅴ", "Ⅵ", "Ⅶ", "Ⅷ", "Ⅸ", "Ⅹ", "Ⅺ", "Ⅻ","K̅"
|
|
|
+])
|
|
|
+
|
|
|
+//输入框验证
|
|
|
+const specialFormRef = ref(null)
|
|
|
+const specialFormModel = ref({val: ''})
|
|
|
+const specialFormRules = {
|
|
|
+ val: {
|
|
|
+ required: true,
|
|
|
+ trigger: "blur",
|
|
|
+ message: "请选择特殊字符代码"
|
|
|
+ }
|
|
|
+}
|
|
|
+//显示插入特殊字符
|
|
|
+const specialRef = ref(null)
|
|
|
+const specialModalShow = () => {
|
|
|
+ specialFormModel.value.val = ''
|
|
|
+ specialModal.value = true
|
|
|
+ nextTick(() => {
|
|
|
+ specialRef.value?.focus();
|
|
|
+ })
|
|
|
+}
|
|
|
+//失去焦点
|
|
|
+const specialPos = ref({start: 0, end: 0})
|
|
|
+const specialInputBlur = (e) => {
|
|
|
+ specialPos.value = {
|
|
|
+ start: e?.target?.selectionStart || 0,
|
|
|
+ end: e?.target?.selectionEnd || 0
|
|
|
+ }
|
|
|
+}
|
|
|
+//点击符号
|
|
|
+const specialClick = (event) => {
|
|
|
+ const text = event?.target?.innerText ?? ''
|
|
|
+ const start = specialPos.value.start
|
|
|
+ const end = specialPos.value.end
|
|
|
+ const form = specialFormModel.value.val
|
|
|
+ specialFormModel.value.val = setPosInsert(start, end, form, text)
|
|
|
+ specialRef.value?.focus();
|
|
|
+ let posVal = start + text.length;
|
|
|
+ nextTick(() => {
|
|
|
+ setPosRange('specialId', posVal)
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+//确认插入
|
|
|
+const specialNodeClick = async () => {
|
|
|
+ const res = await formValidate(specialFormRef.value)
|
|
|
+ if (res) {
|
|
|
+ const item = tableFormItemNode.value
|
|
|
+ const form = formData.value[item.index]
|
|
|
+ const val = specialFormModel.value.val ?? ''
|
|
|
+ formData.value[item.index][item.KeyName] = setPosInsert(item.startPos, item.endPos, form[item.KeyName], val)
|
|
|
+ specialModal.value = false
|
|
|
+ specialRef.value?.focus();
|
|
|
+ let posVal = item.startPos + val.length;
|
|
|
+ nextTick(() => {
|
|
|
+ setPosRange(item.KeyName, posVal)
|
|
|
+ })
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//关联试验数据
|
|
|
+const CTDModal = ref(false)
|
|
|
+//树形结构异步加载数据
|
|
|
+const defaultExpandedCids = ref([])
|
|
|
+//自动展开缓存
|
|
|
+const CTDTreeAutoExpandKeys = ref(getStoreData('CTDElTreeExpandKeys') || [])
|
|
|
+const dialogTableRef =ref(null)
|
|
|
+const dialogTableRef1 =ref(null)
|
|
|
+const dialogTableRef2 =ref(null)
|
|
|
+
|
|
|
+const ElTreeProps = ref({
|
|
|
+ label: 'title',
|
|
|
+ children: 'children',
|
|
|
+ isLeaf: 'hasChildren'
|
|
|
+})
|
|
|
+const ElTreeLoadNode = async (node, resolve) => {
|
|
|
+ let parentId = '0';
|
|
|
+ if (node.level !== 0) {
|
|
|
+ parentId = node?.data?.id
|
|
|
+ }
|
|
|
+ //获取数据
|
|
|
+ const {error, code, data} = await samplingApi.queryLazyTree({
|
|
|
+ wbsId: wbsTempId.value,
|
|
|
+ tenantId: tenantId.value,
|
|
|
+ projectId: projectId.value,
|
|
|
+ parentId,
|
|
|
+ wbsType: wbsType.value
|
|
|
+ })
|
|
|
+ //处理数据
|
|
|
+ if (!error && code === 200) {
|
|
|
+ let clickKey = '', defaultExpandedArr = [];
|
|
|
+ const keys = CTDTreeAutoExpandKeys.value || []
|
|
|
+ const resData = getArrValue(data)
|
|
|
+ for (let i = 0; i < resData.length; i++) {
|
|
|
+ resData[i].hasChildren = !resData[i].hasChildren
|
|
|
+ }
|
|
|
+ if (keys.length > 0) {
|
|
|
+ let lastKey = keys[keys.length-1];
|
|
|
+ for (const item of resData) {
|
|
|
+ //自动展开
|
|
|
+ if (isItem(keys,item?.primaryKeyId)) {
|
|
|
+ defaultExpandedArr.push(item?.primaryKeyId)
|
|
|
+ }
|
|
|
+ //最后一个，选中点击
|
|
|
+ if (item?.primaryKeyId === lastKey) {
|
|
|
+ clickKey = item?.primaryKeyId
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else if (node.level === 0) {
|
|
|
+ defaultExpandedArr.push(resData[0]?.primaryKeyId)
|
|
|
+ }
|
|
|
+ //自动展开
|
|
|
+ defaultExpandedCids.value = defaultExpandedArr
|
|
|
+ if (node.level === 0) {
|
|
|
+ emit('nodeLoading')
|
|
|
+ if(resData.length<=0){
|
|
|
+ window?.$message?.warning('该项目未使用试验系统，无法获取数据')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ resolve(resData)
|
|
|
+
|
|
|
+ //最后一个，执行点击
|
|
|
+ if (clickKey) {
|
|
|
+ await nextTick(() => {
|
|
|
+ // document.getElementById(`${idPrefix.value}${clickKey}`)?.click()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (node.level === 0) {
|
|
|
+ emit('nodeLoading')
|
|
|
+ }
|
|
|
+ resolve([])
|
|
|
+ }
|
|
|
+}
|
|
|
+//节点被点击
|
|
|
+const CTDnodeItemInfo = ref({})
|
|
|
+const CTDnodeDataInfo = ref({})
|
|
|
+const CTDdialogTableData1=ref([])
|
|
|
+const filedialogTableData=ref([])
|
|
|
+//多选
|
|
|
+const filetableCheckedKeys = ref([]);
|
|
|
+const filedialogTableSelection1 = (rows) => {
|
|
|
+ filetableCheckedKeys.value = rows.filter((item) => {
|
|
|
+ return (item??'') !== '';
|
|
|
+ })
|
|
|
+
|
|
|
+}
|
|
|
+const filedialogTableSelection = (rows) => {
|
|
|
+ filetableCheckedKeys.value = rows.filter((item) => {
|
|
|
+ return (item??'') !== '';
|
|
|
+ })
|
|
|
+
|
|
|
+}
|
|
|
+//确认关联试验文件
|
|
|
+const savefileModal = ()=>{
|
|
|
+ const idarr=[]
|
|
|
+ filetableCheckedKeys.value.forEach((item)=>{
|
|
|
+ idarr.push(item.id)
|
|
|
+ })
|
|
|
+ const idval=idarr.join(',')
|
|
|
+ if(idval.length>0){
|
|
|
+ savesubmitRelationFile(idval)
|
|
|
+ fileModal.value=false
|
|
|
+ }else{
|
|
|
+ window?.$message?.warning('请选择你要关联的文件')
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+const CTDdialogTableColumn = ref([
|
|
|
+ {key:'recordNo', name: '报告编号'},
|
|
|
+ {key:'reportDate', name: '报告日期'},
|
|
|
+ {key:'projectPositionName', name: '工程用途及部位'},
|
|
|
+ {key:'detectionResultName', name: '检测结果'},
|
|
|
+])
|
|
|
+const filedialogTableColumn = ref([
|
|
|
+ // reportNo
|
|
|
+ {key:'recordNo', name: '报告编号'},
|
|
|
+ {key:'reportDate', name: '报告日期'},
|
|
|
+ {key:'projectPositionName', name: '工程用途及部位'},
|
|
|
+ {key:'detectionResultName', name: '检测结果'},
|
|
|
+])
|
|
|
+const filedialogTableColumn1 = ref([
|
|
|
+ // reportNo
|
|
|
+ {key:'reportNo', name: '报告编号'},
|
|
|
+ {key:'reportDate', name: '报告日期'},
|
|
|
+ {key:'projectPositionName', name: '工程用途及部位'},
|
|
|
+ {key:'detectionResultName', name: '检测结果'},
|
|
|
+])
|
|
|
+const CTDElTreeClick = (data,node,keys) => {
|
|
|
+ CTDnodeItemInfo.value = node
|
|
|
+ CTDnodeDataInfo.value = data
|
|
|
+ getNodeData()
|
|
|
+ //缓存展开的节点
|
|
|
+ CTDTreeAutoExpandKeys.value = keys.value || []
|
|
|
+ setStoreData('CTDElTreeExpandKeys', keys.value)
|
|
|
+
|
|
|
+}
|
|
|
+//获取试验树节点下的记录信息
|
|
|
+const getNodeData = async ()=>{
|
|
|
+ //获取数据
|
|
|
+ CTDdialogTableLoading.value = true
|
|
|
+ const {error, code, data} = await samplingApi.gettrialPage({
|
|
|
+ contractId: contractId.value,
|
|
|
+ nodeId: CTDnodeDataInfo.value.primaryKeyId,
|
|
|
+ current: CTDsearchFormPage.value.current,
|
|
|
+ size: CTDsearchFormPage.value.size,
|
|
|
+ startTime:CTDsearchFormPage.value.startTime,
|
|
|
+ endTime:CTDsearchFormPage.value.lastTime,
|
|
|
+ })
|
|
|
+ //处理数据
|
|
|
+ if (!error && code === 200) {
|
|
|
+ CTDdialogTableData1.value = getArrValue(data['records'])
|
|
|
+ CTDsearchFormPage.value.total = data.total || 0
|
|
|
+ CTDdialogTableLoading.value = false
|
|
|
+ } else {
|
|
|
+ CTDdialogTableData1.value = []
|
|
|
+ CTDsearchFormPage.value.total = 0
|
|
|
+ CTDdialogTableLoading.value = false
|
|
|
+ }
|
|
|
+}
|
|
|
+//试验文件节点下的数据
|
|
|
+const getfileNodeData = async ()=>{
|
|
|
+ //获取数据
|
|
|
+ filedialogTableLoading.value = true
|
|
|
+ const {error, code, data} = await samplingApi.gettrialPage({
|
|
|
+ contractId: contractId.value,
|
|
|
+ nodeId: filenodeDataInfo.value.primaryKeyId,
|
|
|
+ current: filesearchFormPage.value.current,
|
|
|
+ size: filesearchFormPage.value.size,
|
|
|
+ startTime:filesearchFormPage.value.startTime,
|
|
|
+ endTime:filesearchFormPage.value.lastTime,
|
|
|
+ qualityTestPKeyId:isPrimaryKeyId.value
|
|
|
+ })
|
|
|
+ //处理数据
|
|
|
+ if (!error && code === 200) {
|
|
|
+ filedialogTableData.value = getArrValue(data['records'])
|
|
|
+ filesearchFormPage.value.total = data.total || 0
|
|
|
+ filedialogTableLoading.value = false
|
|
|
+ let defaultarr=[]
|
|
|
+ filedialogTableData.value.forEach((item)=>{
|
|
|
+ if(item.isSelectedStatus===1){
|
|
|
+ defaultarr.push(item)
|
|
|
+
|
|
|
+ }
|
|
|
+ tabtoggleSelection(defaultarr)
|
|
|
+ })
|
|
|
+
|
|
|
+ } else {
|
|
|
+ filedialogTableData.value = []
|
|
|
+ filesearchFormPage.value.total = 0
|
|
|
+ filesearchFormPage.value = false
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+const tabtoggleSelection=(rows)=> {
|
|
|
+ if (rows) {
|
|
|
+ rows.forEach(row => {
|
|
|
+ nextTick(()=>{
|
|
|
+ dialogTableRef1.value?.toggleRowSelection(row,true);
|
|
|
+ })
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ dialogTableRef1.value?.clearSelection();
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+const outtabtoggleSelection=(rows)=> {
|
|
|
+ if (rows) {
|
|
|
+ rows.forEach(row => {
|
|
|
+ nextTick(()=>{
|
|
|
+ dialogTableRef2.value?.toggleRowSelection(row,true);
|
|
|
+ })
|
|
|
+
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ dialogTableRef2.value?.clearSelection();
|
|
|
+ }
|
|
|
+}
|
|
|
+const thirdtabtoggleSelection=(rows)=> {
|
|
|
+ console.log(rows,'rows');
|
|
|
+ if (rows) {
|
|
|
+ rows.forEach(row => {
|
|
|
+ nextTick(()=>{
|
|
|
+ if(fileModalradio.value==2){
|
|
|
+ dialogTableRef2.value?.toggleRowSelection(row,true);
|
|
|
+ }else{
|
|
|
+ dialogTableRef.value?.toggleRowSelection(row,true);
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ if(fileModalradio.value==2){
|
|
|
+ dialogTableRef2.value?.clearSelection();
|
|
|
+ }else{
|
|
|
+ dialogTableRef.value?.clearSelection();
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+//获取试验表中的data数据接口：
|
|
|
+const getBussddataInfotrialData = async ()=>{
|
|
|
+ insertDataTableLoading.value=true;
|
|
|
+ const {error, code, data} = await dataApi.getBussddataInfotrial({
|
|
|
+ id:testReportId.value,
|
|
|
+ pkeyId:checPkd.value[0]['pKeyId'],
|
|
|
+ })
|
|
|
+
|
|
|
+ insertDataTableLoading.value = false
|
|
|
+ if (!error && code === 200) {
|
|
|
+ insertDataTable.value = getArrValue(data)
|
|
|
+ } else {
|
|
|
+ insertDataTable.value = []
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+//保存试验节点数据
|
|
|
+
|
|
|
+//取消关联数据
|
|
|
+const cancelinsertData = async () => {
|
|
|
+ insertDataShow.value=false
|
|
|
+
|
|
|
+}
|
|
|
+//确定关联试验数据数据
|
|
|
+const submitinsertData = async () => {
|
|
|
+ if (multipleSelection.value.length>0) {
|
|
|
+ const item = tableFormItemNode.value
|
|
|
+ const form = formData.value[item.index]
|
|
|
+ const val =[]
|
|
|
+ multipleSelection.value.forEach((item)=>{
|
|
|
+ val.push(item['key_12__3_1'])
|
|
|
+ })
|
|
|
+ const newval=val.join('、')
|
|
|
+ formData.value[item.index][item.KeyName] = setPosInsert(item.startPos, item.endPos, form[item.KeyName], newval)
|
|
|
+ insertDataShow.value = false
|
|
|
+ CTDModal.value=false
|
|
|
+ let posVal = item.startPos + newval.length;
|
|
|
+ nextTick(() => {
|
|
|
+ setPosRange(item.KeyName, posVal)
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ window?.$message?.warning('请选择你要关联的数据')
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+ //节点被点击
|
|
|
+const ElTreeClick = async (data,node) => {
|
|
|
+ console.log(data,mode);
|
|
|
+ let autoKeysArr = []
|
|
|
+ await getNodeExpandKeys(node, autoKeysArr)
|
|
|
+ const autoKeys = autoKeysArr.reverse()
|
|
|
+ emit('nodeTap', {node, data, keys: autoKeys})
|
|
|
+}
|
|
|
+//处理自动展开的节点KEY
|
|
|
+const getNodeExpandKeys = async (node, newKeys) => {
|
|
|
+ const parent = node?.parent ?? []
|
|
|
+ const primaryKeyId = node?.data?.primaryKeyId ?? ''
|
|
|
+ if (primaryKeyId) {
|
|
|
+ newKeys.push(primaryKeyId)
|
|
|
+ await getNodeExpandKeys(parent, newKeys)
|
|
|
+ }
|
|
|
+}
|
|
|
+const CTDbetweenTime = ref([])
|
|
|
+const filebetweenTime = ref([])
|
|
|
+//搜索表单
|
|
|
+const CTDsearchFormPage = ref({
|
|
|
+ startTime: null,lastTime: null, wbsId: null, current: 1, size: 20, total: 0
|
|
|
+})
|
|
|
+const filesearchFormPage = ref({
|
|
|
+ startTime: null,lastTime: null, wbsId: null, current: 1, size: 20, total: 0
|
|
|
+})
|
|
|
+const CTDsearchFormPageChange = ({current, size}) => {
|
|
|
+ CTDsearchFormPage.value.current = current
|
|
|
+ CTDsearchFormPage.value.size = size
|
|
|
+ // getDialogTableData()
|
|
|
+}
|
|
|
+const filesearchFormPageChange = ({current, size}) => {
|
|
|
+ filesearchFormPage.value.current = current
|
|
|
+ filesearchFormPage.value.size = size
|
|
|
+ // getDialogTableData()
|
|
|
+}
|
|
|
+const CTDbetweenTimeUpdate = ({arr, query}) => {
|
|
|
+ CTDbetweenTime.value = arr
|
|
|
+ CTDsearchFormPage.value.startTime = arr[0]
|
|
|
+ CTDsearchFormPage.value.lastTime = arr[1]
|
|
|
+}
|
|
|
+const filebetweenTimeUpdate = ({arr, query}) => {
|
|
|
+ filebetweenTime.value = arr
|
|
|
+ filesearchFormPage.value.startTime = arr[0]
|
|
|
+ filesearchFormPage.value.lastTime = arr[1]
|
|
|
+}
|
|
|
+//搜索
|
|
|
+const CTDsearchClick = () => {
|
|
|
+ CTDsearchFormPage.value.current = 1;
|
|
|
+ getNodeData()
|
|
|
+}
|
|
|
+const filesearchClick = () => {
|
|
|
+ filesearchFormPage.value.current = 1;
|
|
|
+ getfileNodeData()
|
|
|
+}
|
|
|
+const CTDdialogTableLoading = ref (false)
|
|
|
+const filedialogTableLoading = ref (false)
|
|
|
+const insertDataSelectoading=ref(false)
|
|
|
+const CTDdialogTableKeys = ref ([])
|
|
|
+
|
|
|
+let currowid=ref('')
|
|
|
+//名称被点击
|
|
|
+const CTDtableRowName = (row) => {
|
|
|
+ currowid=row.id
|
|
|
+ insertDataShow.value=true
|
|
|
+ getSearchNodeTables()
|
|
|
+ }
|
|
|
+const getSearchNodeTables = async () => {
|
|
|
+ insertDataSelectoading.value = true
|
|
|
+ const { error, code, data } = await dataApi.searchNodeTables({
|
|
|
+ id: currowid,
|
|
|
+ projectId: projectId.value,
|
|
|
+ contractId: contractId.value,
|
|
|
+ primaryKeyId: CTDnodeDataInfo.value.primaryKeyId,
|
|
|
+ type: authBtnTabKey.value,
|
|
|
+ tableType: tabTypeKey.value
|
|
|
+ })
|
|
|
+ //处理数据
|
|
|
+ insertDataSelectoading.value = false
|
|
|
+ if (!error && code === 200) {
|
|
|
+ testReportData.value = getArrValue(data)
|
|
|
+ } else {
|
|
|
+ testReportData.value = []
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//关联试验文件
|
|
|
+const fileModal = ref(false)
|
|
|
+const fileModalradio = ref(1)
|
|
|
+const radioChange = (val)=>{
|
|
|
+ if(val!==1){
|
|
|
+ getthirdTreeDatas(val)
|
|
|
+ }
|
|
|
+}
|
|
|
+//获取试验文件树树数据
|
|
|
+const fileModaltreeDatas = ref([])
|
|
|
+//节点被点击
|
|
|
+//节点被点击
|
|
|
+const filenodeItemInfo = ref({})
|
|
|
+const filenodeDataInfo = ref({})
|
|
|
+const fileTableData1=ref([])
|
|
|
+const fileTableColumn = ref([
|
|
|
+ {key:'recordNo', name: '报告编号'},
|
|
|
+ {key:'reportDate', name: '报告日期'},
|
|
|
+ {key:'projectPositionName', name: '工程用途及部位'},
|
|
|
+ {key:'detectionResultName', name: '检测结果'},
|
|
|
+])
|
|
|
+
|
|
|
+const fileModalElTreeClick = async (data,node) => {
|
|
|
+ filenodeItemInfo.value = node
|
|
|
+ filenodeDataInfo.value = data
|
|
|
+ getfileNodeData()
|
|
|
+}
|
|
|
+
|
|
|
+//获取第三方树试验文件
|
|
|
+
|
|
|
+//获取树数据
|
|
|
+const thirdtreeDatas = ref([])
|
|
|
+const thirdElTreeProps = ref({
|
|
|
+ label: 'nodeName',
|
|
|
+ children: 'children',
|
|
|
+ isLeaf: 'hasChildren'
|
|
|
+})
|
|
|
+const getthirdTreeDatas = async (type) => {
|
|
|
+ const { error, code, data } = await getTreeAll({
|
|
|
+ projectId: projectId.value,
|
|
|
+ contractId: contractId.value
|
|
|
+ })
|
|
|
+ if (!error && code === 200) {
|
|
|
+ if(type==2){
|
|
|
+ thirdtreeDatas.value = getArrValue(data['rightTree'])
|
|
|
+ }else{
|
|
|
+ thirdtreeDatas.value = getArrValue(data['leftTree'])
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ } else {
|
|
|
+ thirdtreeDatas.value = []
|
|
|
+ }
|
|
|
+}
|
|
|
+const thirdfilenodeItemInfo = ref({})
|
|
|
+const thirdfilenodeDataInfo = ref({})
|
|
|
+//获取第三方树节点下的数据
|
|
|
+const getthirdTreetavleDatas = async () => {
|
|
|
+ filedialogTableLoading.value=true
|
|
|
+ const { error, code, data } = await thirdApi.queryPage({
|
|
|
+ projectId: projectId.value,
|
|
|
+ contractId: contractId.value,
|
|
|
+ nodeId: thirdfilenodeDataInfo.value.id,
|
|
|
+ current: filesearchFormPage.value.current,
|
|
|
+ size: filesearchFormPage.value.size,
|
|
|
+ startTime:filesearchFormPage.value.startTime,
|
|
|
+ endTime:filesearchFormPage.value.lastTime,
|
|
|
+ qualityTestPKeyId:isPrimaryKeyId.value
|
|
|
+
|
|
|
+
|
|
|
+ })
|
|
|
+ //处理数据
|
|
|
+ if (!error && code === 200) {
|
|
|
+ filedialogTableData.value = getArrValue(data['records'])
|
|
|
+ filesearchFormPage.value.total = data.total || 0
|
|
|
+ filedialogTableLoading.value = false
|
|
|
+ if( filedialogTableData.value.length>0){
|
|
|
+ let defaultarr=[]
|
|
|
+ filedialogTableData.value.forEach((item)=>{
|
|
|
+ if(item.isSelectedStatus===1){
|
|
|
+ defaultarr.push(item)
|
|
|
+
|
|
|
+ }
|
|
|
+ if(fileModalradio===2){
|
|
|
+ outtabtoggleSelection(defaultarr)
|
|
|
+ }else{
|
|
|
+ thirdtabtoggleSelection(defaultarr)
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ filedialogTableData.value = []
|
|
|
+ filesearchFormPage.value.total = 0
|
|
|
+ filesearchFormPage.value = false
|
|
|
+ }
|
|
|
+ filedialogTableLoading.value=false
|
|
|
+}
|
|
|
+const thirdtreeDatasElTreeClick =(data,node)=>{
|
|
|
+ thirdfilenodeItemInfo.value = node
|
|
|
+ thirdfilenodeDataInfo.value = data
|
|
|
+ getthirdTreetavleDatas()
|
|
|
+}
|
|
|
+//关联试验文件
|
|
|
+ const savesubmitRelationFile =async (ids)=>{
|
|
|
+ console.log( isPrimaryKeyId.value,' isPrimaryKeyId.value');
|
|
|
+ const { error, code, data } = await samplingApi.submitRelationFile({
|
|
|
+ projectId: projectId.value,
|
|
|
+ contractId: contractId.value,
|
|
|
+ nodeId: isPrimaryKeyId.value,
|
|
|
+ type:fileModalradio.value,
|
|
|
+ ids
|
|
|
+ })
|
|
|
+ if (!error && code === 200) {
|
|
|
+ window?.$message?.success('操作成功')
|
|
|
+ }
|
|
|
+ }
|
|
|
+//设计值频率计算
|
|
|
+const IDVFModalSaveClick = async () => {
|
|
|
+ const {pkeyId, KeyName, index} = tableFormItemNode.value
|
|
|
+ if (pkeyId) {
|
|
|
+ const { design, size } = formIDVFModel.value
|
|
|
+ const { error, code, data } = await wbsApi.queryFormulaRange({
|
|
|
+ ...formIDVFModel.value,
|
|
|
+ // dev: (!design && !size) ? '±5': '',
|
|
|
+ key: KeyName,
|
|
|
+ pkId: pkeyId,
|
|
|
+
|
|
|
+ })
|
|
|
+ //处理数据
|
|
|
+ const res = getObjNullValue(data)
|
|
|
+ if (!error && code === 200 && res) {
|
|
|
+ Object.keys(data).forEach(key => {
|
|
|
+ formData.value[index][key] = data[key]
|
|
|
+ })
|
|
|
+ IDVFModal.value = false
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ window?.$message?.warning('pkeyId为空')
|
|
|
+ }
|
|
|
+}
|
|
|
+const closeIDVFModal=()=>{
|
|
|
+ IDVFModal.value = false
|
|
|
+ formIDVFModel.value={type: 1, design: '', size: '', dev: '', key: '', capacity: '', pass: '', pkId: ''}
|
|
|
+}
|
|
|
+//事件
|
|
|
+const emit = defineEmits(['renew','offsetTop'])
|
|
|
+
|
|
|
+//被点击
|
|
|
+const getOffsetTop = (key = '') => {
|
|
|
+ if (key) {
|
|
|
+ const dom = document.getElementById(key[key.length-1])
|
|
|
+ if(!drawType.value){
|
|
|
+ if(dom.offsetTop>=583&&ActiveKey.value.length>1){
|
|
|
+ emit('offsetTop', dom.offsetTop-583)
|
|
|
+ }else{
|
|
|
+ emit('offsetTop', dom.offsetTop)
|
|
|
+ }
|
|
|
+ }else {
|
|
|
+ if(dom.offsetTop>=424&&ActiveKey.value.length>1){
|
|
|
+ emit('offsetTop', dom.offsetTop-424)
|
|
|
+ }else{
|
|
|
+ emit('offsetTop', dom.offsetTop)
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ } else {
|
|
|
+ emit('offsetTop', 0)
|
|
|
+ }
|
|
|
+ ActiveKey.value = ActiveKey.value[ActiveKey.value.length-1]
|
|
|
+}
|
|
|
+
|
|
|
+//通知数据更新
|
|
|
+const renewData = () => {
|
|
|
+ emit('renew')
|
|
|
+ ActiveKey.value = []
|
|
|
+}
|
|
|
+
|
|
|
+//获取表单数据
|
|
|
+const getFormData = () => {
|
|
|
+ const formArr = formData.value;
|
|
|
+ return formArr.filter((item) => {
|
|
|
+ return (item.pkeyId??'') !== '' && item.isCollapseLoad;
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+//获取表单效验数据
|
|
|
+const getFormRegExpJson = () => {
|
|
|
+ return deepClone(formRegExpJson.value);
|
|
|
+}
|
|
|
+
|
|
|
+//获取当前展开项
|
|
|
+const getActiveKey = () => {
|
|
|
+ return ActiveKey.value;
|
|
|
+}
|
|
|
+
|
|
|
+//设置当前展开项
|
|
|
+const setActiveKey = (key) => {
|
|
|
+ return ActiveKey.value = key;
|
|
|
+}
|
|
|
+
|
|
|
+//名称被点击
|
|
|
+const tableRowName = (row) => {
|
|
|
+ console.log(row,'row');
|
|
|
+ //如果 evisaPdfUrl 不为空，使用evisaPdfUrl，反之使用pdfUrl
|
|
|
+ // if (row['evisaPdfUrl']) {
|
|
|
+ // window.open(row['evisaPdfUrl'],'_blank')
|
|
|
+ // } else if (row['pdfUrl']) {
|
|
|
+ // window.open(row['pdfUrl'],'_blank')
|
|
|
+ // } else {
|
|
|
+ // window.$message?.warning('文件不存在')
|
|
|
+ // }
|
|
|
+}
|
|
|
+// 暴露出去
|
|
|
+defineExpose({
|
|
|
+ getFormData,
|
|
|
+ getFormRegExpJson,
|
|
|
+ getActiveKey,
|
|
|
+ setActiveKey
|
|
|
+})
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+table{
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.data-fill-list-box {
|
|
|
+ position: relative;
|
|
|
+ //margin-bottom: 25%;
|
|
|
+ .hc-collapse-item-header {
|
|
|
+ flex: 1;
|
|
|
+ position: relative;
|
|
|
+ margin-left: 46px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .item-title {
|
|
|
+ flex: 1;
|
|
|
+ position: relative;
|
|
|
+ user-select: none;
|
|
|
+ color: #50545E;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 400;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .hc-extra-text-box {
|
|
|
+ position: relative;
|
|
|
+ padding-right: 24px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .data-fill-list-item-content {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ height: calc(100vh - 386px);
|
|
|
+ .data-fill-table-form-box {
|
|
|
+ position: relative;
|
|
|
+ padding: 24px 20px;
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ flex: 1;
|
|
|
+ border: 8px solid #50545E;
|
|
|
+
|
|
|
+ .hc-no-table-form {
|
|
|
+ position: relative;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .table-form-no {
|
|
|
+ position: relative;
|
|
|
+ img {
|
|
|
+ width: 350px;
|
|
|
+ }
|
|
|
+ .desc {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #aaa;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .data-fill-table-tip-box {
|
|
|
+ width: 240px;
|
|
|
+ position: relative;
|
|
|
+ border-left: 1px solid #E9E9E9;
|
|
|
+ padding: 20px 15px 80px;
|
|
|
+ .tip-title {
|
|
|
+ font-size: 16px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .tip-item {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+ .table-tip-foot {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 15px;
|
|
|
+ right: 0;
|
|
|
+ left: 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0 15px;
|
|
|
+ .tip-left-btn {
|
|
|
+ flex: 1;
|
|
|
+ .dow-text {
|
|
|
+ cursor: pointer;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.special-box {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ border-radius: 3px;
|
|
|
+ height: 52px;
|
|
|
+ width: 52px;
|
|
|
+ cursor: pointer;
|
|
|
+ user-select: none;
|
|
|
+ transition: color .3s, background-color .3s;
|
|
|
+ &:hover {
|
|
|
+ color: var(--el-color-primary);
|
|
|
+ background-color: var(--el-color-primary-light-8);
|
|
|
+ }
|
|
|
+ .font-EUDC {
|
|
|
+ font-size: 22px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.radio-group-box{
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+.data-fill-list-box {
|
|
|
+ .el-collapse {
|
|
|
+ --el-collapse-header-height: 60px;
|
|
|
+ border: 0;
|
|
|
+ .el-collapse-item {
|
|
|
+ margin: 0 0 16px;
|
|
|
+ background-color: #f1f5f8;
|
|
|
+ border: 1px solid #E9E9E9;
|
|
|
+ border-radius: 4px;
|
|
|
+ }
|
|
|
+ .el-collapse-item__header {
|
|
|
+ background-color: transparent;
|
|
|
+ font-weight: 400;
|
|
|
+ border-bottom: 0;
|
|
|
+ cursor: default;
|
|
|
+ font-size: 14px;
|
|
|
+ .el-collapse-item__arrow {
|
|
|
+ position: absolute;
|
|
|
+ color: #50545E;
|
|
|
+ cursor: pointer;
|
|
|
+ left: 20px;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .el-collapse-item.is-active .el-collapse-item__header.is-active {
|
|
|
+ background-color: #E7EEF4;
|
|
|
+ }
|
|
|
+ .el-collapse-item__wrap {
|
|
|
+ background-color: transparent;
|
|
|
+ border-bottom: 0;
|
|
|
+ .el-collapse-item__content {
|
|
|
+ position: relative;
|
|
|
+ padding-bottom: 0;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #50545E;
|
|
|
+ line-height: initial;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//插入特殊字符弹窗的输入框
|
|
|
+.data-fill-list-box .data-fill-table-form-box td,
|
|
|
+.data-fill-list-box .data-fill-table-form-box td .el-input .el-input__wrapper .el-input__inner,
|
|
|
+.el-form-item.special-form-item .el-form-item__content .el-input .el-input__wrapper .el-input__inner {
|
|
|
+ font-family: "EUDC", 宋体, v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
|
+}
|
|
|
+//复制本表弹窗
|
|
|
+.copy-node-many-box {
|
|
|
+ position: relative;
|
|
|
+ height: 53vh;
|
|
|
+ display: flex;
|
|
|
+ margin-top: 24px;
|
|
|
+ margin-bottom: -30px;
|
|
|
+ border-top: 1px solid #efeff5;
|
|
|
+ .copy-node-many-tree {
|
|
|
+ position: relative;
|
|
|
+ flex: 1;
|
|
|
+ height: 100%;
|
|
|
+ padding: 20px 20px 20px 0;
|
|
|
+ border-right: 1px solid #efeff5;
|
|
|
+ }
|
|
|
+ .copy-node-many-table {
|
|
|
+ position: relative;
|
|
|
+ flex: 1;
|
|
|
+ height: 100%;
|
|
|
+ padding: 20px 0 20px 20px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//关联试验数据
|
|
|
+.adding-form-dialog-box {
|
|
|
+ position: relative;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ .dialog-tree-box {
|
|
|
+ position: relative;
|
|
|
+ border-right: 1px solid #EEEEEE;
|
|
|
+ width: 500px;
|
|
|
+ height: 100%
|
|
|
+ }
|
|
|
+ .dialog-table-box {
|
|
|
+ position: relative;
|
|
|
+ flex: 1;
|
|
|
+ height: 100%;
|
|
|
+ padding: 18px;
|
|
|
+ .dialog-search {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .dialog-table {
|
|
|
+ position: relative;
|
|
|
+ height: calc(100% - 68px);
|
|
|
+ padding: 18px 0;
|
|
|
+ }
|
|
|
+ .dialog-pages {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.copy-node-many-table {
|
|
|
+ position: relative;
|
|
|
+ flex: 1;
|
|
|
+ height: 100%;
|
|
|
+ padding: 20px 0 20px 20px;
|
|
|
+}
|
|
|
+.dialog-table-box {
|
|
|
+ position: relative;
|
|
|
+ flex: 1;
|
|
|
+ height: 100%;
|
|
|
+ padding: 18px;
|
|
|
+ .dialog-search {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .dialog-table {
|
|
|
+ position: relative;
|
|
|
+ height: calc(100% - 68px);
|
|
|
+ padding: 18px 0;
|
|
|
+ }
|
|
|
+ .dialog-pages {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ }
|
|
|
+.text-blue{
|
|
|
+ color: blue;
|
|
|
+}
|
|
|
+.text-green{
|
|
|
+ color:green
|
|
|
+}
|
|
|
+
|
|
|
+</style>
|
duy