|
|
@@ -1,25 +1,28 @@
|
|
|
<template>
|
|
|
<div class="hc-page-layout-box">
|
|
|
- <div :style="'width:' + leftWidth + 'px;'" class="hc-layout-left-box">
|
|
|
+ <div :style="`width:${leftWidth}px;`" class="hc-layout-left-box">
|
|
|
<div class="hc-project-box">
|
|
|
<div class="hc-project-icon-box">
|
|
|
- <HcIcon name="stack"/>
|
|
|
+ <HcIcon name="stack" />
|
|
|
</div>
|
|
|
<div class="ml-2 project-name-box">
|
|
|
- <span class="text-xl text-cut project-alias">{{ projectInfo['projectAlias'] }}</span>
|
|
|
- <div class="text-xs text-cut project-name">{{ projectInfo['name'] }}</div>
|
|
|
+ <span class="text-xl text-cut project-alias">{{ projectInfo.projectAlias }}</span>
|
|
|
+ <div class="text-xs text-cut project-name">
|
|
|
+ {{ projectInfo.name }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hc-tree-box">
|
|
|
<el-scrollbar>
|
|
|
<TestTree
|
|
|
- :autoExpandKeys="treeAutoExpandKeys"
|
|
|
- :projectId="projectId"
|
|
|
- :tenantId="userInfo?.tenant_id"
|
|
|
- :wbsTempId="projectInfo?.referenceWbsTemplateIdTrial"
|
|
|
- :wbsType="2"
|
|
|
- @nodeTap="wbsElTreeClick"/>
|
|
|
- <!-- <HcLazyTree
|
|
|
+ :auto-expand-keys="treeAutoExpandKeys"
|
|
|
+ :project-id="projectId"
|
|
|
+ :tenant-id="userInfo?.tenant_id"
|
|
|
+ :wbs-temp-id="projectInfo?.referenceWbsTemplateIdTrial"
|
|
|
+ :wbs-type="2"
|
|
|
+ @nodeTap="wbsElTreeClick"
|
|
|
+ />
|
|
|
+ <!-- <HcLazyTree
|
|
|
:isType="false"
|
|
|
:autoExpandKeys="treeAutoExpandKeys"
|
|
|
@load="treeLoadNode"
|
|
|
@@ -27,132 +30,155 @@
|
|
|
/> -->
|
|
|
</el-scrollbar>
|
|
|
</div>
|
|
|
- <!--左右拖动-->
|
|
|
- <div class="horizontal-drag-line" @mousedown="onmousedown"/>
|
|
|
+ <!-- 左右拖动 -->
|
|
|
+ <div class="horizontal-drag-line" @mousedown="onmousedown" />
|
|
|
</div>
|
|
|
<div class="hc-page-content-box">
|
|
|
- <HcCard :scrollbar="false" actionSize="lg">
|
|
|
+ <HcCard :scrollbar="false" action-size="lg">
|
|
|
<template #header>
|
|
|
<HcTooltip keys="tentative_detect_test_add">
|
|
|
<el-button :disabled="!primaryKeyId" hc-btn type="primary" @click="addFormModalClick">
|
|
|
- <HcIcon name="add-circle"/>
|
|
|
+ <HcIcon name="add-circle" />
|
|
|
<span>新增</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="tentative_detect_test_copy">
|
|
|
- <el-button :disabled="tableCheckedKeys.length <= 0" :loading="copyLoading" hc-btn
|
|
|
- @click="copyDataClick">
|
|
|
- <HcIcon name="file-copy-2"/>
|
|
|
+ <el-button
|
|
|
+ :disabled="tableCheckedKeys.length <= 0" :loading="copyLoading" hc-btn
|
|
|
+ @click="copyDataClick"
|
|
|
+ >
|
|
|
+ <HcIcon name="file-copy-2" />
|
|
|
<span>复制</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="tentative_detect_test_del">
|
|
|
- <el-button :disabled="tableCheckedKeys.length <= 0" :loading="removeLoading" hc-btn
|
|
|
- @click="delModalClick">
|
|
|
- <HcIcon name="delete-bin-2"/>
|
|
|
+ <el-button
|
|
|
+ :disabled="tableCheckedKeys.length <= 0" :loading="removeLoading" hc-btn
|
|
|
+ @click="delModalClick"
|
|
|
+ >
|
|
|
+ <HcIcon name="delete-bin-2" />
|
|
|
<span>删除</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="tentative_detect_test_print">
|
|
|
- <el-button :disabled="tableCheckedKeys.length <= 0" :loading="printPdfLoading" hc-btn
|
|
|
- @click="printPdfClick">
|
|
|
- <HcIcon name="printer"/>
|
|
|
+ <el-button
|
|
|
+ :disabled="tableCheckedKeys.length <= 0" :loading="printPdfLoading" hc-btn
|
|
|
+ @click="printPdfClick"
|
|
|
+ >
|
|
|
+ <HcIcon name="printer" />
|
|
|
<span>批量打印</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="tentative_detect_test_report">
|
|
|
- <el-button :disabled="tableCheckedKeys.length <= 0" :loading="reportPdfLoading" hc-btn
|
|
|
- @click="reportPdfClick">
|
|
|
- <HcIcon name="send-plane-2"/>
|
|
|
+ <el-button
|
|
|
+ :disabled="tableCheckedKeys.length <= 0" :loading="reportPdfLoading" hc-btn
|
|
|
+ @click="reportPdfClick"
|
|
|
+ >
|
|
|
+ <HcIcon name="send-plane-2" />
|
|
|
<span>批量上报</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="tentative_detect_test_quit">
|
|
|
- <el-button :disabled="tableCheckedKeys.length <= 0" :loading="quitPdfLoading" hc-btn
|
|
|
- @click="quitPdfClick">
|
|
|
- <HcIcon name="delete-bin-3"/>
|
|
|
+ <el-button
|
|
|
+ :disabled="tableCheckedKeys.length <= 0" :loading="quitPdfLoading" hc-btn
|
|
|
+ @click="quitPdfClick"
|
|
|
+ >
|
|
|
+ <HcIcon name="delete-bin-3" />
|
|
|
<span>批量废除</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="tentative_detect_test_null">
|
|
|
- <el-button :disabled="tableCheckedKeys.length <= 0" :loading="printNullPdfLoading" hc-btn
|
|
|
- @click="printNullPdfClick">
|
|
|
- <HcIcon name="printer"/>
|
|
|
+ <el-button
|
|
|
+ :disabled="tableCheckedKeys.length <= 0" :loading="printNullPdfLoading" hc-btn
|
|
|
+ @click="printNullPdfClick"
|
|
|
+ >
|
|
|
+ <HcIcon name="printer" />
|
|
|
<span>打印空表</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
- <el-button :type="authBtnTabKey === '1'?'primary':''" hc-btn @click="authBtnTabClick('1')">
|
|
|
- <HcIcon name="folder-user"/>
|
|
|
+ <el-button :type="authBtnTabKey === '1' ? 'primary' : ''" hc-btn @click="authBtnTabClick('1')">
|
|
|
+ <HcIcon name="folder-user" />
|
|
|
<span>施工自检</span>
|
|
|
</el-button>
|
|
|
- <el-button :type="authBtnTabKey === '2'?'primary':''" hc-btn @click="authBtnTabClick('2')">
|
|
|
- <HcIcon name="folder-shield"/>
|
|
|
+ <el-button :type="authBtnTabKey === '2' ? 'primary' : ''" hc-btn @click="authBtnTabClick('2')">
|
|
|
+ <HcIcon name="folder-shield" />
|
|
|
<span>监理质检</span>
|
|
|
</el-button>
|
|
|
</template>
|
|
|
<template #search>
|
|
|
<div class="w-40">
|
|
|
- <el-input v-model="searchForm.trialUserName" clearable placeholder="请输入试验人员"
|
|
|
- @keyup="keyUpEvent"/>
|
|
|
+ <el-input
|
|
|
+ v-model="searchForm.trialUserName" clearable placeholder="请输入试验人员"
|
|
|
+ @keyup="keyUpEvent"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="w-40 ml-2">
|
|
|
<el-select v-model="searchForm.queryStatus" clearable placeholder="请选择是否合格">
|
|
|
- <el-option v-for="item in qualifiedData" :key="item.value" :label="item['label']"
|
|
|
- :value="item['value']"/>
|
|
|
+ <el-option
|
|
|
+ v-for="item in qualifiedData" :key="item.value" :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="w-64 ml-2">
|
|
|
- <HcDatePicker :dates="betweenTime" clearable @change="betweenTimeUpdate"/>
|
|
|
+ <HcDatePicker :dates="betweenTime" clearable @change="betweenTimeUpdate" />
|
|
|
</div>
|
|
|
<div class="w-72 ml-2">
|
|
|
- <el-input v-model="searchForm.queryValue" clearable placeholder="请输入项目名称关键字"
|
|
|
- @keyup="keyUpEvent"/>
|
|
|
+ <el-input
|
|
|
+ v-model="searchForm.queryValue" clearable placeholder="请输入项目名称关键字"
|
|
|
+ @keyup="keyUpEvent"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="ml-2">
|
|
|
<el-button type="primary" @click="searchClick">
|
|
|
- <HcIcon name="search-2"/>
|
|
|
+ <HcIcon name="search-2" />
|
|
|
<span>搜索</span>
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
- <HcTable ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading" isCheck
|
|
|
- @selection-change="tableSelection">
|
|
|
- <template #recordNo="{row}">
|
|
|
- <span class="text-link" @click="tableRowEdit(row,'1')">{{ row?.recordNo }}</span>
|
|
|
+ <HcTable
|
|
|
+ ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading" is-check
|
|
|
+ @selection-change="tableSelection"
|
|
|
+ >
|
|
|
+ <template #recordNo="{ row }">
|
|
|
+ <span class="text-link" @click="tableRowEdit(row, '1')">{{ row?.recordNo }}</span>
|
|
|
</template>
|
|
|
- <template #reportNo="{row}">
|
|
|
- <span class="text-link" @click="tableRowEdit(row,'2')">{{ row?.reportNo }}</span>
|
|
|
+ <template #reportNo="{ row }">
|
|
|
+ <span class="text-link" @click="tableRowEdit(row, '2')">{{ row?.reportNo }}</span>
|
|
|
</template>
|
|
|
- <template #trialProjectName="{row}">
|
|
|
+ <template #trialProjectName="{ row }">
|
|
|
<span class="text-link font-bold" @click="tableRowPdf(row)">{{ row?.trialProjectName }}</span>
|
|
|
</template>
|
|
|
- <template #taskStatus="{row}">
|
|
|
+ <template #taskStatus="{ row }">
|
|
|
<!-- <el-tag :type="`${row.status === 2 ? 'success' : row.status === 0 ? 'warning' : row.status === 1 ? 'danger' : 'info'}`" -->
|
|
|
<el-tag
|
|
|
- v-if="row['taskStatus']"
|
|
|
+ v-if="row.taskStatus"
|
|
|
:type="`${row.taskStatus === '已审批' ? 'success' : row.taskStatus === '待审批' ? 'warning' : row.taskStatus === '已废除' ? 'danger' : 'info'}`"
|
|
|
- class="mx-1" effect="dark">{{ row['taskStatus'] }}
|
|
|
+ class="mx-1" effect="dark"
|
|
|
+ >
|
|
|
+ {{ row.taskStatus }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
- <template #detectionCategory="{row}">
|
|
|
+ <template #detectionCategory="{ row }">
|
|
|
<!-- <span>{{arrKeyValue(categoryData, 'dictKey', 'dictValue', row.detectionCategory)}}</span> -->
|
|
|
<span>{{ row.detectionCategoryName }}</span>
|
|
|
</template>
|
|
|
- <template #isUploadCertificate="{row}">
|
|
|
+ <template #isUploadCertificate="{ row }">
|
|
|
<!-- <span>{{row.isUploadCertificate == 0 ? '是':row.isUploadCertificate == -1?'' : '否'}}</span> -->
|
|
|
<span>{{ row.isUploadCertificateName }}</span>
|
|
|
</template>
|
|
|
- <template #contractId="{row}">
|
|
|
+ <template #contractId="{ row }">
|
|
|
<span>{{ contractInfo?.name }}</span>
|
|
|
</template>
|
|
|
- <template #detectionResult="{row}">
|
|
|
- <span>{{ row?.reportNo&&row?.reportNo.length>0?row.detectionResultName:'' }}</span>
|
|
|
+ <template #detectionResult="{ row }">
|
|
|
+ <span>{{ row?.reportNo && row?.reportNo.length > 0 ? row.detectionResultName : '' }}</span>
|
|
|
</template>
|
|
|
- <template #action="{row}">
|
|
|
+ <template #action="{ row }">
|
|
|
<HcTooltip keys="tentative_detect_test_annex">
|
|
|
- <el-button plain size="small" type="primary" @click="viewAttachmentModalClick(row)">附件
|
|
|
+ <el-button plain size="small" type="primary" @click="viewAttachmentModalClick(row)">
|
|
|
+ 附件
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="tentative_detect_test_info">
|
|
|
@@ -163,20 +189,22 @@
|
|
|
</template>
|
|
|
</HcTable>
|
|
|
<template #action>
|
|
|
- <HcPages :pages="searchForm" @change="pageChange"/>
|
|
|
+ <HcPages :pages="searchForm" @change="pageChange" />
|
|
|
</template>
|
|
|
</HcCard>
|
|
|
</div>
|
|
|
|
|
|
- <!--查看附件-->
|
|
|
- <HcDialog :footer="false" :show="viewAttachmentModal" isTable title="查看附件" widths="70rem"
|
|
|
- @close="viewAttachmentModalClose">
|
|
|
+ <!-- 查看附件 -->
|
|
|
+ <HcDialog
|
|
|
+ :footer="false" :show="viewAttachmentModal" is-table title="查看附件" widths="70rem"
|
|
|
+ @close="viewAttachmentModalClose"
|
|
|
+ >
|
|
|
<template #extra>
|
|
|
- <HcNewSwitch :datas="tabTypeTab" :keys="tabTypeKey" @change="tabTypeChange"/>
|
|
|
+ <HcNewSwitch :datas="tabTypeTab" :keys="tabTypeKey" @change="tabTypeChange" />
|
|
|
</template>
|
|
|
<div v-loading="viewAttachmentLoading" class="hc-switch-tab-content">
|
|
|
<div class="h-full w-full flex">
|
|
|
- <div v-if="viewAttachmentData.length>0" class="pdf-file-list-box">
|
|
|
+ <div v-if="viewAttachmentData.length > 0" class="pdf-file-list-box">
|
|
|
<template v-for="item in viewAttachmentData">
|
|
|
<div :class="[item.isCheck ? 'cur' : '']" class="file-item" @click="viewCurFile(item)">
|
|
|
{{ item.fileName || '' }}
|
|
|
@@ -184,65 +212,71 @@
|
|
|
</template>
|
|
|
</div>
|
|
|
<div v-else class="pdf-file-list-box">
|
|
|
- <HcNoData></HcNoData>
|
|
|
+ <HcNoData />
|
|
|
</div>
|
|
|
- <iframe v-if="attachmentPdfUrl" :src="attachmentPdfUrl" frameborder='1' height='100%' width='80%'/>
|
|
|
+ <iframe v-if="attachmentPdfUrl" :src="attachmentPdfUrl" frameborder="1" height="100%" width="80%" />
|
|
|
<div class="hc-no-table-form">
|
|
|
<div class="table-form-no">
|
|
|
- <HcDragUpload :datas="uploadData" :fileList="fileListData" @delFile="delFileData"
|
|
|
- @finished="uploadFinished" @progress="uploadprogress"/>
|
|
|
-
|
|
|
+ <HcDragUpload
|
|
|
+ :datas="uploadData" :file-list="fileListData" @delFile="delFileData"
|
|
|
+ @finished="uploadFinished" @progress="uploadprogress"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</HcDialog>
|
|
|
|
|
|
- <!--查看样品信息-->
|
|
|
- <HcDialog :footer="false" :show="samplingRecordModal" isTable title="查看样品信息" widths="60%"
|
|
|
- @close="samplingRecordModalClose">
|
|
|
- <HcTable :column="samplingTableColumn" :datas="samplingTableData" :isIndex="false"
|
|
|
- :loading="samplingTableLoading"></HcTable>
|
|
|
+ <!-- 查看样品信息 -->
|
|
|
+ <HcDialog
|
|
|
+ :footer="false" :show="samplingRecordModal" is-table title="查看样品信息" widths="60%"
|
|
|
+ @close="samplingRecordModalClose"
|
|
|
+ >
|
|
|
+ <HcTable
|
|
|
+ :column="samplingTableColumn" :datas="samplingTableData" :is-index="false"
|
|
|
+ :loading="samplingTableLoading"
|
|
|
+ />
|
|
|
</HcDialog>
|
|
|
- <!--批量上报审批-->
|
|
|
- <HcReportModal :addition="reportAddition" :contractId="contractId" :ids="reportIds"
|
|
|
- :projectId="projectId" :show="showReportModal" :taskName="reportTaskName"
|
|
|
- :trialSelfInspectionRecordId="1"
|
|
|
- :typeData="reportTypeData" title="批量上报审批" type="wbs"
|
|
|
- url="informationWriteQuery/batchTask" @finish="showReportFinish"
|
|
|
- @hide="showReportModal = false"/>
|
|
|
-
|
|
|
+ <!-- 批量上报审批 -->
|
|
|
+ <HcReportModal
|
|
|
+ :addition="reportAddition" :contract-id="contractId" :ids="reportIds"
|
|
|
+ :project-id="projectId" :show="showReportModal" :task-name="reportTaskName"
|
|
|
+ :trial-self-inspection-record-id="1"
|
|
|
+ :type-data="reportTypeData" title="批量上报审批" type="wbs"
|
|
|
+ url="informationWriteQuery/batchTask" @finish="showReportFinish"
|
|
|
+ @hide="showReportModal = false"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {ref, watch, onMounted,onActivated} from "vue";
|
|
|
-import {useRouter} from 'vue-router'
|
|
|
-import {useAppStore} from "~src/store";
|
|
|
-import TestTree from "../material/components/TestTree.vue"
|
|
|
-import {getStoreValue, setStoreValue, delStoreValue} from '~src/utils/storage'
|
|
|
-import HcDragUpload from "./components/HcDragUpload.vue"
|
|
|
-import dataApi from "~api/tentative/detect/test";
|
|
|
-import {getDictionary} from "~api/other";
|
|
|
-import {eVisaTaskCheckApi} from "~api/other"
|
|
|
-import wbsApi from "~api/data-fill/wbs"
|
|
|
-import samplingApi from "~api/tentative/material/sampling"
|
|
|
-import {getArrValue, arrKeyValue, isString, arrToId,getObjValue} from "js-fast-way"
|
|
|
-
|
|
|
-import {Loading} from "element-plus/es/components/loading/src/service";
|
|
|
-import notableform from '~src/assets/view/notableform.svg';
|
|
|
-import {delMessage} from "~uti/tools";
|
|
|
+import { onActivated, onMounted, ref, watch } from 'vue'
|
|
|
+import { useRouter } from 'vue-router'
|
|
|
+import { useAppStore } from '~src/store'
|
|
|
+import TestTree from '../material/components/TestTree.vue'
|
|
|
+import { delStoreValue, getStoreValue, setStoreValue } from '~src/utils/storage'
|
|
|
+import HcDragUpload from './components/HcDragUpload.vue'
|
|
|
+import dataApi from '~api/tentative/detect/test'
|
|
|
+import { getDictionary } from '~api/other'
|
|
|
+import { eVisaTaskCheckApi } from '~api/other'
|
|
|
+import wbsApi from '~api/data-fill/wbs'
|
|
|
+import samplingApi from '~api/tentative/material/sampling'
|
|
|
+import { arrKeyValue, arrToId, getArrValue, getObjValue, isString } from 'js-fast-way'
|
|
|
+
|
|
|
+import { Loading } from 'element-plus/es/components/loading/src/service'
|
|
|
+import notableform from '~src/assets/view/notableform.svg'
|
|
|
+import { delMessage } from '~uti/tools'
|
|
|
|
|
|
//变量
|
|
|
const router = useRouter()
|
|
|
const useAppState = useAppStore()
|
|
|
-const userInfo = ref(useAppState.getUserInfo);
|
|
|
-const projectId = ref(useAppState.getProjectId);
|
|
|
-const contractId = ref(useAppState.getContractId);
|
|
|
-const projectInfo = ref(useAppState.getProjectInfo);
|
|
|
-const contractInfo = ref(useAppState.getContractInfo);
|
|
|
+const userInfo = ref(useAppState.getUserInfo)
|
|
|
+const projectId = ref(useAppState.getProjectId)
|
|
|
+const contractId = ref(useAppState.getContractId)
|
|
|
+const projectInfo = ref(useAppState.getProjectInfo)
|
|
|
+const contractInfo = ref(useAppState.getContractInfo)
|
|
|
const isCollapse = ref(useAppState.getCollapse)
|
|
|
-const isBubble = ref(useAppState.getBubble);
|
|
|
+const isBubble = ref(useAppState.getBubble)
|
|
|
|
|
|
//监听
|
|
|
watch(() => [
|
|
|
@@ -275,34 +309,34 @@ onActivated(() => {
|
|
|
getTableData()
|
|
|
})
|
|
|
const qualifiedData = ref([
|
|
|
- {label: '不合格', value: '0'},
|
|
|
- {label: '合格', value: '1'}
|
|
|
+ { label: '不合格', value: '0' },
|
|
|
+ { label: '合格', value: '1' },
|
|
|
])
|
|
|
|
|
|
//加载树形结构数据
|
|
|
-const treeLoadNode = async ({node, item, level},resolve) => {
|
|
|
- let contractIdRelation = '', parentId = '0', primaryKeyId = '';
|
|
|
+const treeLoadNode = async ({ node, item, level }, resolve) => {
|
|
|
+ let contractIdRelation = '', parentId = '0', primaryKeyId = ''
|
|
|
if (level !== 0) {
|
|
|
- const nodeData = getObjValue(item);
|
|
|
+ const nodeData = getObjValue(item)
|
|
|
contractIdRelation = nodeData?.contractIdRelation || ''
|
|
|
- parentId =nodeData?.id
|
|
|
+ parentId = nodeData?.id
|
|
|
primaryKeyId = nodeData?.id || ''
|
|
|
}
|
|
|
//获取数据
|
|
|
- const {data} = await samplingApi.queryLazyTree({
|
|
|
+ const { data } = await samplingApi.queryLazyTree({
|
|
|
wbsId: projectInfo.value?.referenceWbsTemplateIdTrial,
|
|
|
tenantId: userInfo.value?.tenant_id,
|
|
|
projectId: projectId.value,
|
|
|
parentId,
|
|
|
- wbsType: 2
|
|
|
+ wbsType: 2,
|
|
|
})
|
|
|
resolve(getArrValue(data))
|
|
|
}
|
|
|
//获取检测类别类型
|
|
|
const categoryData = ref([])
|
|
|
const getCategoryData = async () => {
|
|
|
- const {data} = await getDictionary({
|
|
|
- code: 'trial_detection_category'
|
|
|
+ const { data } = await getDictionary({
|
|
|
+ code: 'trial_detection_category',
|
|
|
})
|
|
|
const arrData = getArrValue(data)
|
|
|
arrData.forEach(item => {
|
|
|
@@ -314,7 +348,7 @@ const getCategoryData = async () => {
|
|
|
//搜索表单
|
|
|
const searchForm = ref({
|
|
|
trialUserName: null, queryStatus: null, queryValue: null, type: '1',
|
|
|
- current: 1, size: 20, total: 0
|
|
|
+ current: 1, size: 20, total: 0,
|
|
|
})
|
|
|
|
|
|
//树相关的变量
|
|
|
@@ -322,7 +356,7 @@ const primaryKeyId = ref('')
|
|
|
const nodeDataInfo = ref({})
|
|
|
|
|
|
//树被点击
|
|
|
-const wbsElTreeClick = ({data, keys}) => {
|
|
|
+const wbsElTreeClick = ({ data, keys }) => {
|
|
|
nodeDataInfo.value = data
|
|
|
primaryKeyId.value = data['primaryKeyId'] || ''
|
|
|
setStoreValue('testTreeItem', data)
|
|
|
@@ -330,8 +364,8 @@ const wbsElTreeClick = ({data, keys}) => {
|
|
|
treeAutoExpandKeys.value = keys
|
|
|
setStoreValue('testTreeExpandKeys', keys)
|
|
|
//改变搜索表单数据
|
|
|
- searchForm.value.nodeId = data['primaryKeyId'];
|
|
|
- searchForm.value.current = 1;
|
|
|
+ searchForm.value.nodeId = data['primaryKeyId']
|
|
|
+ searchForm.value.current = 1
|
|
|
getTableData()
|
|
|
}
|
|
|
|
|
|
@@ -340,25 +374,25 @@ const authBtnTabKey = ref('1')
|
|
|
const authBtnTabClick = (val) => {
|
|
|
if (val !== authBtnTabKey.value) {
|
|
|
authBtnTabKey.value = val
|
|
|
- searchForm.value.type = val;
|
|
|
- searchForm.value.current = 1;
|
|
|
+ searchForm.value.type = val
|
|
|
+ searchForm.value.current = 1
|
|
|
getTableData()
|
|
|
}
|
|
|
}
|
|
|
//contractType, 1施工，2监理
|
|
|
const setContractType = (contractType) => {
|
|
|
- let typeValue = '1';
|
|
|
+ let typeValue = '1'
|
|
|
if (contractType > 0) {
|
|
|
typeValue = contractType + ''
|
|
|
}
|
|
|
authBtnTabKey.value = typeValue
|
|
|
searchForm.value.type = typeValue
|
|
|
- searchForm.value.current = 1;
|
|
|
+ searchForm.value.current = 1
|
|
|
}
|
|
|
|
|
|
//日期时间被选择
|
|
|
const betweenTime = ref(null)
|
|
|
-const betweenTimeUpdate = ({arr}) => {
|
|
|
+const betweenTimeUpdate = ({ arr }) => {
|
|
|
betweenTime.value = arr
|
|
|
if (arr.length > 0) {
|
|
|
searchForm.value.startTime = arr[0]
|
|
|
@@ -371,20 +405,20 @@ const betweenTimeUpdate = ({arr}) => {
|
|
|
|
|
|
//回车搜索
|
|
|
const keyUpEvent = (e) => {
|
|
|
- if (e.key === "Enter") {
|
|
|
- searchForm.value.current = 1;
|
|
|
+ if (e.key === 'Enter') {
|
|
|
+ searchForm.value.current = 1
|
|
|
getTableData()
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//搜索
|
|
|
const searchClick = () => {
|
|
|
- searchForm.value.current = 1;
|
|
|
+ searchForm.value.current = 1
|
|
|
getTableData()
|
|
|
}
|
|
|
|
|
|
//分页被点击
|
|
|
-const pageChange = ({current, size}) => {
|
|
|
+const pageChange = ({ current, size }) => {
|
|
|
searchForm.value.current = current
|
|
|
searchForm.value.size = size
|
|
|
getTableData()
|
|
|
@@ -393,24 +427,24 @@ const pageChange = ({current, size}) => {
|
|
|
//表格数据
|
|
|
const tableRef = ref(null)
|
|
|
const tableColumn = ref([
|
|
|
- {key: 'recordNo', name: '记录编号', width: 220},
|
|
|
- {key: 'reportNo', name: '报告编号', width: 220},
|
|
|
- {key: 'samplingLocation', name: '取样地点', width: 220},
|
|
|
- {key: 'trialProjectName', name: '试验项目名称', width: 220},
|
|
|
- {key: 'detectionResult', name: '检测结果', width: 160},
|
|
|
- {key: 'taskStatus', name: '任务状态', width: 140},
|
|
|
- {key: 'detectionCategory', name: '检测类别', width: 120},
|
|
|
- {key: 'isUploadCertificate', name: '是否上传合格证', width: 130},
|
|
|
- {key: 'contractId', name: '合同段', width: 220},
|
|
|
- {key: 'company', name: '单位', width: 160},
|
|
|
- {key: 'specificationNumber', name: '样品编号', width: 220},
|
|
|
- {key: 'specificationModel', name: '规格类型', width: 200},
|
|
|
+ { key: 'recordNo', name: '记录编号', width: 220 },
|
|
|
+ { key: 'reportNo', name: '报告编号', width: 220 },
|
|
|
+ { key: 'samplingLocation', name: '取样地点', width: 220 },
|
|
|
+ { key: 'trialProjectName', name: '试验项目名称', width: 220 },
|
|
|
+ { key: 'detectionResult', name: '检测结果', width: 160 },
|
|
|
+ { key: 'taskStatus', name: '任务状态', width: 140 },
|
|
|
+ { key: 'detectionCategory', name: '检测类别', width: 120 },
|
|
|
+ { key: 'isUploadCertificate', name: '是否上传合格证', width: 130 },
|
|
|
+ { key: 'contractId', name: '合同段', width: 220 },
|
|
|
+ { key: 'company', name: '单位', width: 160 },
|
|
|
+ { key: 'specificationNumber', name: '样品编号', width: 220 },
|
|
|
+ { key: 'specificationModel', name: '规格类型', width: 200 },
|
|
|
|
|
|
//{key:'projectPosition', name: '工程部位及用途', width: 160},
|
|
|
- {key: 'projectPositionName', name: '工程部位及用途', width: 160},
|
|
|
- {key: 'reportDate', name: '报告日期', width: 170},
|
|
|
- {key: 'trialUserName', name: '试验人员', width: 170},
|
|
|
- {key: 'action', name: '操作', width: 150, fixed: 'right', align: 'center'},
|
|
|
+ { key: 'projectPositionName', name: '工程部位及用途', width: 160 },
|
|
|
+ { key: 'reportDate', name: '报告日期', width: 170 },
|
|
|
+ { key: 'trialUserName', name: '试验人员', width: 170 },
|
|
|
+ { key: 'action', name: '操作', width: 150, fixed: 'right', align: 'center' },
|
|
|
])
|
|
|
const tableData = ref([])
|
|
|
|
|
|
@@ -418,10 +452,10 @@ const tableData = ref([])
|
|
|
const tableLoading = ref(false)
|
|
|
const getTableData = async () => {
|
|
|
tableLoading.value = true
|
|
|
- const {error, code, data} = await dataApi.queryPage({
|
|
|
+ const { error, code, data } = await dataApi.queryPage({
|
|
|
...searchForm.value,
|
|
|
projectId: projectId.value,
|
|
|
- contractId: contractId.value
|
|
|
+ contractId: contractId.value,
|
|
|
})
|
|
|
//处理数据
|
|
|
tableLoading.value = false
|
|
|
@@ -435,7 +469,7 @@ const getTableData = async () => {
|
|
|
}
|
|
|
|
|
|
//多选
|
|
|
-const tableCheckedKeys = ref([]);
|
|
|
+const tableCheckedKeys = ref([])
|
|
|
const tableSelection = (rows) => {
|
|
|
tableCheckedKeys.value = rows
|
|
|
}
|
|
|
@@ -449,7 +483,7 @@ const addFormModalClick = () => {
|
|
|
nodeId: primaryKeyId.value,
|
|
|
dataType: authBtnTabKey.value,
|
|
|
isaddType: true,
|
|
|
- }
|
|
|
+ },
|
|
|
})
|
|
|
}
|
|
|
|
|
|
@@ -457,22 +491,22 @@ const addFormModalClick = () => {
|
|
|
const tableRowEdit = (row, tabTypeKey) => {
|
|
|
setStoreValue('test-form', row)
|
|
|
setStoreValue('prenodeDataInfo', nodeDataInfo.value)
|
|
|
- console.log(JSON.stringify(nodeDataInfo.value), 'JSON.stringify(nodeDataInfo.value)');
|
|
|
+ console.log(JSON.stringify(nodeDataInfo.value), 'JSON.stringify(nodeDataInfo.value)')
|
|
|
router.push({
|
|
|
path: '/tentative/detect/test-form',
|
|
|
query: {
|
|
|
id: row.id,
|
|
|
nodeId: row.nodeId,
|
|
|
dataType: row.type,
|
|
|
- tabTypeKey: tabTypeKey
|
|
|
+ tabTypeKey: tabTypeKey,
|
|
|
// prenodeDataInfo:JSON.stringify(nodeDataInfo.value)
|
|
|
|
|
|
- }
|
|
|
+ },
|
|
|
})
|
|
|
}
|
|
|
|
|
|
//预览PDF
|
|
|
-const tableRowPdf = ({pdfUrl}) => {
|
|
|
+const tableRowPdf = ({ pdfUrl }) => {
|
|
|
if (pdfUrl) {
|
|
|
window.open(pdfUrl, '_blank')
|
|
|
} else {
|
|
|
@@ -482,7 +516,7 @@ const tableRowPdf = ({pdfUrl}) => {
|
|
|
|
|
|
//复制
|
|
|
const copyDataClick = () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
if (rows.length > 0) {
|
|
|
const ids = arrToId(rows)
|
|
|
copyDataApi(ids)
|
|
|
@@ -496,8 +530,8 @@ const copyLoading = ref(false)
|
|
|
const copyDataApi = async (ids) => {
|
|
|
//请求数据
|
|
|
copyLoading.value = true
|
|
|
- const {error, code, msg} = await dataApi.copyData({
|
|
|
- ids: ids
|
|
|
+ const { error, code, msg } = await dataApi.copyData({
|
|
|
+ ids: ids,
|
|
|
}, false)
|
|
|
//处理数据
|
|
|
copyLoading.value = false
|
|
|
@@ -511,7 +545,7 @@ const copyDataApi = async (ids) => {
|
|
|
|
|
|
//删除
|
|
|
const delModalClick = () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
if (rows.length > 0) {
|
|
|
delMessage(() => {
|
|
|
const ids = arrToId(rows)
|
|
|
@@ -527,8 +561,8 @@ const removeLoading = ref(false)
|
|
|
const removeDataApi = async (ids) => {
|
|
|
//请求数据
|
|
|
removeLoading.value = true
|
|
|
- const {error, code, msg} = await dataApi.removeData({
|
|
|
- ids: ids
|
|
|
+ const { error, code, msg } = await dataApi.removeData({
|
|
|
+ ids: ids,
|
|
|
}, false)
|
|
|
//处理数据
|
|
|
removeLoading.value = false
|
|
|
@@ -543,13 +577,13 @@ const removeDataApi = async (ids) => {
|
|
|
//批量打印
|
|
|
const printPdfLoading = ref(false)
|
|
|
const printPdfClick = async () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
if (rows.length > 0) {
|
|
|
const ids = arrToId(rows)
|
|
|
//请求数据
|
|
|
printPdfLoading.value = true
|
|
|
- const {error, code, msg, data} = await dataApi.printPdf({
|
|
|
- ids: ids
|
|
|
+ const { error, code, msg, data } = await dataApi.printPdf({
|
|
|
+ ids: ids,
|
|
|
}, false)
|
|
|
//处理数据
|
|
|
const pdfUrl = isString(data) ? data || '' : ''
|
|
|
@@ -567,7 +601,7 @@ const printPdfClick = async () => {
|
|
|
//批量废除
|
|
|
const quitPdfLoading = ref(false)
|
|
|
const quitPdfClick = async () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
if (rows.length > 0) {
|
|
|
const ids = arrToId(rows)
|
|
|
const res1 = rows.some(item => item.taskStatus === '未上报')
|
|
|
@@ -579,8 +613,8 @@ const quitPdfClick = async () => {
|
|
|
} else {
|
|
|
//请求数据
|
|
|
quitPdfLoading.value = true
|
|
|
- const {error, code, msg, data} = await dataApi.batchAbolish({
|
|
|
- ids: ids
|
|
|
+ const { error, code, msg, data } = await dataApi.batchAbolish({
|
|
|
+ ids: ids,
|
|
|
}, false)
|
|
|
//处理数据
|
|
|
if (!error && code === 200) {
|
|
|
@@ -608,7 +642,7 @@ const showReportModal = ref(false)
|
|
|
const reportLoading = ref(false)
|
|
|
const reportTypeData = ref([])
|
|
|
const reportPdfClick = async () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
if (rows.length > 0) {
|
|
|
const info = getStoreValue('prenodeDataInfo') || {}
|
|
|
const res1 = rows.some(item => item.pdfUrl.length < 1)
|
|
|
@@ -623,15 +657,15 @@ const reportPdfClick = async () => {
|
|
|
reportIds.value = ids
|
|
|
const taskCheck = await eVisaTaskCheckApi({
|
|
|
projectId: projectId.value,
|
|
|
- contractId: contractId.value
|
|
|
+ contractId: contractId.value,
|
|
|
})
|
|
|
//处理数据
|
|
|
- let newArr = [];
|
|
|
+ let newArr = []
|
|
|
for (let i = 0; i < rows.length; i++) {
|
|
|
newArr.push(rows[i]['tableIds'])
|
|
|
}
|
|
|
- reportTypeData.value = [...newArr];
|
|
|
- console.log(reportTypeData.value, ' reportTypeData.value');
|
|
|
+ reportTypeData.value = [...newArr]
|
|
|
+ console.log(reportTypeData.value, ' reportTypeData.value')
|
|
|
reportLoading.value = false
|
|
|
if (taskCheck) {
|
|
|
//初始弹出弹窗，防呆
|
|
|
@@ -642,10 +676,10 @@ const reportPdfClick = async () => {
|
|
|
}
|
|
|
showReportModal.value = true
|
|
|
//请求文件题名
|
|
|
- const {data} = await wbsApi.queryDocumentTitle({
|
|
|
+ const { data } = await wbsApi.queryDocumentTitle({
|
|
|
// primaryKeyId: info['primaryKeyId'],
|
|
|
primaryKeyId: rows[0].id,
|
|
|
- classify: authBtnTabKey.value
|
|
|
+ classify: authBtnTabKey.value,
|
|
|
})
|
|
|
reportTaskName.value = isString(data) ? data : ''
|
|
|
|
|
|
@@ -668,13 +702,13 @@ const showReportFinish = () => {
|
|
|
//打印空表
|
|
|
const printNullPdfLoading = ref(false)
|
|
|
const printNullPdfClick = async () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
if (rows.length > 0) {
|
|
|
const ids = arrToId(rows)
|
|
|
//请求数据
|
|
|
printNullPdfLoading.value = true
|
|
|
- const {error, code, msg, data} = await dataApi.printNullPdf({
|
|
|
- ids: ids
|
|
|
+ const { error, code, msg, data } = await dataApi.printNullPdf({
|
|
|
+ ids: ids,
|
|
|
}, false)
|
|
|
//处理数据
|
|
|
const pdfUrl = isString(data) ? data || '' : ''
|
|
|
@@ -694,14 +728,14 @@ const viewAttachmentModal = ref(false)
|
|
|
const viewAttachmentLoading = ref(false)
|
|
|
const viewAttachmentId = ref('')
|
|
|
const viewAttachmentData = ref([])
|
|
|
-const viewAttachmentModalClick = async ({id}) => {
|
|
|
+const viewAttachmentModalClick = async ({ id }) => {
|
|
|
viewAttachmentId.value = id
|
|
|
viewAttachmentModal.value = true
|
|
|
getAttachmentModalClick(viewAttachmentId.value, '1')
|
|
|
|
|
|
}
|
|
|
const getCaption = (obj) => {
|
|
|
- const index = obj.lastIndexOf("pdf")
|
|
|
+ const index = obj.lastIndexOf('pdf')
|
|
|
|
|
|
return index
|
|
|
}
|
|
|
@@ -709,8 +743,8 @@ const getCaption = (obj) => {
|
|
|
//获取附件
|
|
|
const getAttachmentModalClick = async (id, type) => {
|
|
|
viewAttachmentLoading.value = true
|
|
|
- const {error, code, data} = await dataApi.ancillaryDocumentsList({id: id, type: type})
|
|
|
- console.log(data, 'data');
|
|
|
+ const { error, code, data } = await dataApi.ancillaryDocumentsList({ id: id, type: type })
|
|
|
+ console.log(data, 'data')
|
|
|
viewAttachmentLoading.value = false
|
|
|
if (!error && code === 200) {
|
|
|
viewAttachmentData.value = getArrValue(data)
|
|
|
@@ -724,7 +758,7 @@ const getAttachmentModalClick = async (id, type) => {
|
|
|
|
|
|
}
|
|
|
const refeshAttachmentModalClick = async (id, type) => {
|
|
|
- const {error, code, data} = await dataApi.ancillaryDocumentsList({id: id, type: type})
|
|
|
+ const { error, code, data } = await dataApi.ancillaryDocumentsList({ id: id, type: type })
|
|
|
//处理数据
|
|
|
viewAttachmentLoading.value = false
|
|
|
if (!error && code === 200) {
|
|
|
@@ -745,12 +779,12 @@ const curFileData = ref({})
|
|
|
//类型tab数据和相关处理
|
|
|
const tabTypeKey = ref('1')
|
|
|
const tabTypeTab = ref([
|
|
|
- {key: '1', name: '生产合格证'},
|
|
|
- {key: '2', name: '厂家质检报告'},
|
|
|
- {key: '3', name: '其他文件'},
|
|
|
-]);
|
|
|
+ { key: '1', name: '生产合格证' },
|
|
|
+ { key: '2', name: '厂家质检报告' },
|
|
|
+ { key: '3', name: '其他文件' },
|
|
|
+])
|
|
|
const tabTypeChange = (item) => {
|
|
|
- console.log(1111111111);
|
|
|
+ console.log(1111111111)
|
|
|
tabTypeKey.value = item?.key
|
|
|
getAttachmentModalClick(viewAttachmentId.value, item?.key)
|
|
|
fileListData.value = []
|
|
|
@@ -771,7 +805,7 @@ const listuploadref = ref('1')
|
|
|
//截取文件名称
|
|
|
const splitFileName = (str) => {
|
|
|
// if(str.indexOf("https://bladex-test-info.oss-cn-chengdu.aliyuncs.com//upload") != -1){
|
|
|
- if (str.indexOf("https://bladex-chongqing-info.oss-cn-hangzhou.aliyuncs.com//upload") != -1) {
|
|
|
+ if (str.indexOf('https://bladex-chongqing-info.oss-cn-hangzhou.aliyuncs.com//upload') != -1) {
|
|
|
let a = str.split('//')[2].split('/')[2]
|
|
|
return a
|
|
|
} else {
|
|
|
@@ -781,11 +815,11 @@ const splitFileName = (str) => {
|
|
|
}
|
|
|
//查看当前文件pdf
|
|
|
const viewCurFile = (item) => {
|
|
|
- console.log(item, 'item');
|
|
|
+ console.log(item, 'item')
|
|
|
if (item) {
|
|
|
curFileData.value = item
|
|
|
let arr = []
|
|
|
- arr.push({name: item.fileName, url: item.url})
|
|
|
+ arr.push({ name: item.fileName, url: item.url })
|
|
|
fileListData.value = getArrValue(arr)
|
|
|
viewAttachmentData.value.forEach((ele) => {
|
|
|
ele.isCheck = false
|
|
|
@@ -798,30 +832,30 @@ const viewCurFile = (item) => {
|
|
|
|
|
|
//上传进度
|
|
|
const uploadprogress = (res) => {
|
|
|
- console.log('进度');
|
|
|
+ console.log('进度')
|
|
|
}
|
|
|
|
|
|
//上传完成
|
|
|
const uploadFinished = async (res) => {
|
|
|
- const {error, code, data} = await dataApi.updateAncillaryDocument(
|
|
|
+ const { error, code, data } = await dataApi.updateAncillaryDocument(
|
|
|
{
|
|
|
selfId: viewAttachmentId.value,
|
|
|
url: res.link,
|
|
|
type: tabTypeKey.value,
|
|
|
|
|
|
})
|
|
|
- console.log(data, 'data');
|
|
|
+ console.log(data, 'data')
|
|
|
if (!error && code === 200) {
|
|
|
refeshAttachmentModalClick(viewAttachmentId.value, tabTypeKey.value)
|
|
|
}
|
|
|
}
|
|
|
//上传文件delFileData
|
|
|
const delFileData = async (res) => {
|
|
|
- console.log('删除文件', curFileData.value);
|
|
|
+ console.log('删除文件', curFileData.value)
|
|
|
if (curFileData.value.isDel == 0) {
|
|
|
window.$message.warning('该文件不可删除')
|
|
|
} else {
|
|
|
- const {error, code, data} = await dataApi.removedocuments(
|
|
|
+ const { error, code, data } = await dataApi.removedocuments(
|
|
|
{
|
|
|
id: curFileData.value.id,
|
|
|
})
|
|
|
@@ -835,26 +869,26 @@ const delFileData = async (res) => {
|
|
|
|
|
|
//样品信息数据
|
|
|
const samplingTableColumn = ref([
|
|
|
- {key: 'materialName', name: '样品名称'},
|
|
|
- {key: 'samplingDate', name: '取样时间'},
|
|
|
- {key: 'specificationNumber', name: '样品编号'},
|
|
|
- {key: 'specificationModel', name: '规格型号'},
|
|
|
- {key: 'materialCount', name: '试样数量'},
|
|
|
- {key: 'calculationUnit', name: '计算单位'},
|
|
|
- {key: 'proposedPosition', name: '拟用部位'},
|
|
|
- {key: 'representativeCount', name: '代表数量'},
|
|
|
- {key: 'userName', name: '取样人'},
|
|
|
+ { key: 'materialName', name: '样品名称' },
|
|
|
+ { key: 'samplingDate', name: '取样时间' },
|
|
|
+ { key: 'specificationNumber', name: '样品编号' },
|
|
|
+ { key: 'specificationModel', name: '规格型号' },
|
|
|
+ { key: 'materialCount', name: '试样数量' },
|
|
|
+ { key: 'calculationUnit', name: '计算单位' },
|
|
|
+ { key: 'proposedPosition', name: '拟用部位' },
|
|
|
+ { key: 'representativeCount', name: '代表数量' },
|
|
|
+ { key: 'userName', name: '取样人' },
|
|
|
])
|
|
|
const samplingTableData = ref([])
|
|
|
const samplingTableLoading = ref(false)
|
|
|
|
|
|
//取样记录
|
|
|
const samplingRecordModal = ref(false)
|
|
|
-const samplingRecordModalClick = async ({id}) => {
|
|
|
+const samplingRecordModalClick = async ({ id }) => {
|
|
|
samplingRecordModal.value = true
|
|
|
samplingTableLoading.value = true
|
|
|
- const {error, code, data} = await dataApi.getSampleList({
|
|
|
- id: id
|
|
|
+ const { error, code, data } = await dataApi.getSampleList({
|
|
|
+ id: id,
|
|
|
})
|
|
|
//处理数据
|
|
|
samplingTableLoading.value = false
|
|
|
@@ -872,18 +906,18 @@ const samplingRecordModalClose = () => {
|
|
|
}
|
|
|
|
|
|
//左右拖动，改变树形结构宽度
|
|
|
-const leftWidth = ref(382);
|
|
|
+const leftWidth = ref(382)
|
|
|
const onmousedown = () => {
|
|
|
const leftNum = isCollapse.value ? 142 : 272
|
|
|
document.onmousemove = (ve) => {
|
|
|
- let diffVal = ve.clientX - leftNum;
|
|
|
+ let diffVal = ve.clientX - leftNum
|
|
|
if (diffVal >= 310 && diffVal <= 900) {
|
|
|
- leftWidth.value = diffVal;
|
|
|
+ leftWidth.value = diffVal
|
|
|
}
|
|
|
}
|
|
|
document.onmouseup = () => {
|
|
|
- document.onmousemove = null;
|
|
|
- document.onmouseup = null;
|
|
|
+ document.onmousemove = null
|
|
|
+ document.onmouseup = null
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -918,5 +952,4 @@ const onmousedown = () => {
|
|
|
flex: 1;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
</style>
|
