工程清单审批\loading效果
This commit is contained in:
@ -1,5 +1,4 @@
|
|||||||
<template>
|
<template>
|
||||||
<<<<<<< HEAD
|
|
||||||
<div class="billof-quantities">
|
<div class="billof-quantities">
|
||||||
<!-- tabPosition="left" -->
|
<!-- tabPosition="left" -->
|
||||||
<el-tabs type="border-card" @tab-change="handleTabChange">
|
<el-tabs type="border-card" @tab-change="handleTabChange">
|
||||||
@ -8,7 +7,8 @@
|
|||||||
<el-form :model="state.queryForm" :inline="true">
|
<el-form :model="state.queryForm" :inline="true">
|
||||||
<el-form-item label="版本号" prop="versions">
|
<el-form-item label="版本号" prop="versions">
|
||||||
<el-select v-model="state.queryForm.versions" placeholder="选择版本号">
|
<el-select v-model="state.queryForm.versions" placeholder="选择版本号">
|
||||||
<el-option v-for="item in state.options" :key="item.versions" :label="item.versions" :value="item.versions" />
|
<el-option v-for="item in state.options" :key="item.versions" :label="item.versions"
|
||||||
|
:value="item.versions" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="表名" prop="sheet">
|
<el-form-item label="表名" prop="sheet">
|
||||||
@ -42,20 +42,24 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-upload ref="uploadRef" class="upload-demo" :http-request="importExcel" style="margin-right: 12px;"
|
<el-upload ref="uploadRef" class="upload-demo" :http-request="importExcel"
|
||||||
v-if="Object.keys(state.versionsData).length === 0 ||state.versionsData.status=='cancel'"
|
style="margin-right: 12px;"
|
||||||
|
v-if="Object.keys(state.versionsData).length === 0 || state.versionsData.status == 'cancel'"
|
||||||
:show-file-list="false">
|
:show-file-list="false">
|
||||||
<template #trigger>
|
<template #trigger>
|
||||||
<el-button type="primary">导入excel</el-button>
|
<el-button type="primary">导入excel</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
<el-button v-if="state.versionsData.status=='draft'" type="primary"con="edit" @click="clickApprovalSheet()">审核</el-button>
|
<el-button v-if="state.versionsData.status == 'draft'" type="primary" con="edit"
|
||||||
<el-button v-if="state.versionsData.status=='waiting'||state.versionsData.status=='finish'" icon="view" @click="lookApprovalFlow()" type="warning">查看流程</el-button>
|
@click="clickApprovalSheet()">审核</el-button>
|
||||||
|
<el-button v-if="state.versionsData.status == 'waiting' || state.versionsData.status == 'finish'"
|
||||||
|
icon="view" @click="lookApprovalFlow()" type="warning">查看流程</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-table v-if="index < 3" :ref="(el) => tableRef[index] = el" :data="state.tableData" v-loading="state.loading.list"
|
<el-table v-if="index < 3" :ref="(el) => tableRef[index] = el" :data="state.tableData"
|
||||||
stripe :row-class-name="state.tableData.length === 0 ? 'table-null' : ''"
|
v-loading="state.loading.list" stripe
|
||||||
|
:row-class-name="state.tableData.length === 0 ? 'table-null' : ''"
|
||||||
style="width: 100%; margin-bottom: 20px;height: calc(100vh - 305px);" row-key="id" border
|
style="width: 100%; margin-bottom: 20px;height: calc(100vh - 305px);" row-key="id" border
|
||||||
:default-expand-all="state.isOpen">
|
:default-expand-all="state.isOpen">
|
||||||
<el-table-column prop="num" label="编号" />
|
<el-table-column prop="num" label="编号" />
|
||||||
@ -76,106 +80,16 @@
|
|||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
=======
|
|
||||||
<div class="billof-quantities">
|
|
||||||
<!-- tabPosition="left" -->
|
|
||||||
<el-tabs type="border-card" @tab-change="handleTabChange">
|
|
||||||
<el-tab-pane v-for="(item, index) in work_order_type" :key="item.value" :label="item.label">
|
|
||||||
<el-card v-if="index < 3" shadow="always">
|
|
||||||
<el-form :model="state.queryForm" :inline="true">
|
|
||||||
<el-form-item label="版本号" prop="versions">
|
|
||||||
<el-select v-model="state.queryForm.versions" placeholder="选择版本号">
|
|
||||||
<el-option v-for="item in state.options" :key="item.versions" :label="item.versions" :value="item.versions" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="表名" prop="sheet">
|
|
||||||
<el-select v-model="state.queryForm.sheet" placeholder="选择表名" @change="handleChange">
|
|
||||||
<el-option v-for="item in state.sheets" :key="item" :label="item" :value="item" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" @click="openTable(true, index)">一键展开</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" @click="openTable(false, index)">一键收起</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-upload ref="uploadRef" class="upload-demo" :http-request="importExcel" :show-file-list="false">
|
|
||||||
<template #trigger>
|
|
||||||
<el-button type="primary">导入excel</el-button>
|
|
||||||
</template>
|
|
||||||
</el-upload>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</el-card>
|
|
||||||
<el-card v-if="index == 3" shadow="always">
|
|
||||||
<el-form :model="state.queryForm" :inline="true">
|
|
||||||
<el-form-item label="版本号" prop="versions">
|
|
||||||
<el-select v-model="state.queryForm.versions" placeholder="选择版本号" @change="handleChangeVersion">
|
|
||||||
<el-option v-for="item in state.options" :key="item.versions" :label="item.versions" :value="item.versions" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-upload
|
|
||||||
ref="uploadRef"
|
|
||||||
class="upload-demo"
|
|
||||||
:http-request="importExcel"
|
|
||||||
style="margin-right: 12px"
|
|
||||||
v-if="Object.keys(state.versionsData).length === 0 || state.versionsData.status == 'cancel' || state.versionsData.status == 'draft'"
|
|
||||||
:show-file-list="false"
|
|
||||||
>
|
|
||||||
<template #trigger>
|
|
||||||
<el-button type="primary">导入excel</el-button>
|
|
||||||
</template>
|
|
||||||
</el-upload>
|
|
||||||
<el-button v-if="state.versionsData.status == 'draft'" type="primary" con="edit" @click="clickApprovalSheet()">审核</el-button>
|
|
||||||
<el-button
|
|
||||||
v-if="state.versionsData.status == 'warning' || state.versionsData.status == 'finish'"
|
|
||||||
icon="view"
|
|
||||||
@click="lookApprovalSheet()"
|
|
||||||
type="warning"
|
|
||||||
>查看流程</el-button
|
|
||||||
>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</el-card>
|
|
||||||
<el-table
|
|
||||||
v-if="index < 3"
|
|
||||||
:ref="(el) => (tableRef[index] = el)"
|
|
||||||
:data="state.tableData"
|
|
||||||
style="width: 100%; margin-bottom: 20px; height: calc(100vh - 305px)"
|
|
||||||
row-key="id"
|
|
||||||
border
|
|
||||||
:default-expand-all="state.isOpen"
|
|
||||||
>
|
|
||||||
<el-table-column prop="num" label="编号" />
|
|
||||||
<el-table-column prop="name" label="工程或费用名称" />
|
|
||||||
<el-table-column prop="unit" label="单位" />
|
|
||||||
<el-table-column prop="quantity" label="数量" />
|
|
||||||
<el-table-column prop="remark" label="备注" />
|
|
||||||
</el-table>
|
|
||||||
<el-table v-if="index == 3" :data="state.tableData" style="width: 100%; margin-bottom: 20px; height: calc(100vh - 305px)" row-key="id" border>
|
|
||||||
<el-table-column prop="num" label="编号" />
|
|
||||||
<el-table-column prop="name" label="名称" />
|
|
||||||
<el-table-column prop="specification" label="规格" />
|
|
||||||
<el-table-column prop="unit" label="单位" />
|
|
||||||
<el-table-column prop="quantity" label="数量" />
|
|
||||||
<el-table-column prop="remark" label="备注" />
|
|
||||||
</el-table>
|
|
||||||
</el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
</div>
|
|
||||||
>>>>>>> 3158dc84f7a6ef4568e1eeaf33df5b4b2fd1768f
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup name="billofQuantities">
|
<script setup name="billofQuantities">
|
||||||
import { ref, reactive, onMounted, computed, toRefs, getCurrentInstance, nextTick } from 'vue';
|
import { ref, reactive, onMounted, computed, toRefs, getCurrentInstance, nextTick } from 'vue';
|
||||||
import {
|
import {
|
||||||
obtainAllVersionNumbers,
|
obtainAllVersionNumbers,
|
||||||
importExcelFile,
|
importExcelFile,
|
||||||
obtainTheList,
|
obtainTheList,
|
||||||
sheetList,
|
sheetList,
|
||||||
detailsMaterialAndEquipmentApproval
|
detailsMaterialAndEquipmentApproval
|
||||||
} from '@/api/design/billofQuantities/index';
|
} from '@/api/design/billofQuantities/index';
|
||||||
import { useUserStoreHook } from '@/store/modules/user';
|
import { useUserStoreHook } from '@/store/modules/user';
|
||||||
const userStore = useUserStoreHook();
|
const userStore = useUserStoreHook();
|
||||||
@ -188,7 +102,6 @@ console.log(currentProject.value);
|
|||||||
// tableData
|
// tableData
|
||||||
// 版本号
|
// 版本号
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
<<<<<<< HEAD
|
|
||||||
work_order_type: 0,
|
work_order_type: 0,
|
||||||
// 版本号
|
// 版本号
|
||||||
version_num: '',
|
version_num: '',
|
||||||
@ -214,69 +127,39 @@ const state = reactive({
|
|||||||
// 展开收起
|
// 展开收起
|
||||||
isOpen: true,
|
isOpen: true,
|
||||||
// 版本号
|
// 版本号
|
||||||
versionsData:{}
|
versionsData: {}
|
||||||
})
|
})
|
||||||
=======
|
|
||||||
work_order_type: 0,
|
|
||||||
// 版本号
|
|
||||||
version_num: '',
|
|
||||||
options: [], // 版本号选项
|
|
||||||
sheets: [], // sheet选项
|
|
||||||
queryForm: {
|
|
||||||
projectId: currentProject.value?.id,
|
|
||||||
versions: '',
|
|
||||||
sheet: '',
|
|
||||||
pageSize: 20,
|
|
||||||
pageNum: 1
|
|
||||||
},
|
|
||||||
loading: {
|
|
||||||
versions: false,
|
|
||||||
sheets: false,
|
|
||||||
list: false
|
|
||||||
},
|
|
||||||
error: null,
|
|
||||||
// 前三个
|
|
||||||
tableData: [],
|
|
||||||
// 物质设备清单
|
|
||||||
// tableData_sdsqd: [],
|
|
||||||
// 展开收起
|
|
||||||
isOpen: false,
|
|
||||||
// 版本号
|
|
||||||
versionsData: {}
|
|
||||||
});
|
|
||||||
>>>>>>> 3158dc84f7a6ef4568e1eeaf33df5b4b2fd1768f
|
|
||||||
// tab切换
|
// tab切换
|
||||||
const handleTabChange = (tab) => {
|
const handleTabChange = (tab) => {
|
||||||
state.tableData = [];
|
state.tableData = [];
|
||||||
state.options = [];
|
state.options = [];
|
||||||
state.sheets = [];
|
state.sheets = [];
|
||||||
state.queryForm.sheet = '';
|
state.queryForm.sheet = '';
|
||||||
state.queryForm.versions = '';
|
state.queryForm.versions = '';
|
||||||
state.work_order_type = tab;
|
state.work_order_type = tab;
|
||||||
if (tab <= 2) {
|
if (tab <= 2) {
|
||||||
getVersionNums();
|
getVersionNums();
|
||||||
} else {
|
} else {
|
||||||
getVersionNums(false);
|
getVersionNums(false);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
await getVersionNums();
|
await getVersionNums();
|
||||||
openTable(true, state.work_order_type);
|
openTable(true, state.work_order_type);
|
||||||
});
|
});
|
||||||
// 获取版本号
|
// 获取版本号
|
||||||
async function getVersionNums(isSheet = true) {
|
async function getVersionNums(isSheet = true) {
|
||||||
try {
|
try {
|
||||||
state.loading.versions = true;
|
state.loading.versions = true;
|
||||||
state.error = null;
|
state.error = null;
|
||||||
|
|
||||||
const res = await obtainAllVersionNumbers({
|
const res = await obtainAllVersionNumbers({
|
||||||
projectId: currentProject.value?.id,
|
projectId: currentProject.value?.id,
|
||||||
workOrderType: state.work_order_type,
|
workOrderType: state.work_order_type,
|
||||||
pageSize: 1000,
|
pageSize: 1000,
|
||||||
pageNum: 1
|
pageNum: 1
|
||||||
});
|
});
|
||||||
|
|
||||||
<<<<<<< HEAD
|
|
||||||
const { code, rows } = res || {};
|
const { code, rows } = res || {};
|
||||||
if (code === 200) {
|
if (code === 200) {
|
||||||
state.options = rows || [];
|
state.options = rows || [];
|
||||||
@ -284,7 +167,7 @@ async function getVersionNums(isSheet = true) {
|
|||||||
state.queryForm.versions = state.options[0].versions;
|
state.queryForm.versions = state.options[0].versions;
|
||||||
if (state.work_order_type == 3) {
|
if (state.work_order_type == 3) {
|
||||||
state.versionsData = state.options[0] || [];
|
state.versionsData = state.options[0] || [];
|
||||||
console.log('state.versionsData',state.versionsData);
|
console.log('state.versionsData', state.versionsData);
|
||||||
}
|
}
|
||||||
// 等待表名加载完成
|
// 等待表名加载完成
|
||||||
console.log(isSheet, state.sheets.length);
|
console.log(isSheet, state.sheets.length);
|
||||||
@ -294,68 +177,51 @@ async function getVersionNums(isSheet = true) {
|
|||||||
await handleQueryList(isSheet);
|
await handleQueryList(isSheet);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
=======
|
|
||||||
const { code, rows } = res || {};
|
|
||||||
if (code === 200) {
|
|
||||||
state.options = rows || [];
|
|
||||||
if (state.options.length > 0) {
|
|
||||||
state.queryForm.versions = state.options[0].versions;
|
|
||||||
// 等待表名加载完成
|
|
||||||
console.log(isSheet, state.sheets.length);
|
|
||||||
if (isSheet) {
|
|
||||||
await handleSheetName();
|
|
||||||
>>>>>>> 3158dc84f7a6ef4568e1eeaf33df5b4b2fd1768f
|
|
||||||
} else {
|
} else {
|
||||||
await handleQueryList(isSheet);
|
await handleQueryList(isSheet);
|
||||||
}
|
}
|
||||||
}
|
} catch (err) {
|
||||||
} else {
|
state.error = `获取版本号时发生错误: ${err.message}`;
|
||||||
state.error = `获取版本号失败: 错误码 ${code}`;
|
console.error(state.error, err);
|
||||||
console.error(state.error);
|
} finally {
|
||||||
|
state.loading.versions = false;
|
||||||
}
|
}
|
||||||
} catch (err) {
|
|
||||||
state.error = `获取版本号时发生错误: ${err.message}`;
|
|
||||||
console.error(state.error, err);
|
|
||||||
} finally {
|
|
||||||
state.loading.versions = false;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取表名
|
// 获取表名
|
||||||
async function handleSheetName() {
|
async function handleSheetName() {
|
||||||
if (!state.queryForm.versions) {
|
if (!state.queryForm.versions) {
|
||||||
console.warn('版本号不存在，无法获取表名');
|
console.warn('版本号不存在，无法获取表名');
|
||||||
return;
|
return;
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
state.loading.sheets = true;
|
|
||||||
state.error = null;
|
|
||||||
|
|
||||||
const { data } = await sheetList({
|
|
||||||
projectId: currentProject.value?.id,
|
|
||||||
workOrderType: state.work_order_type,
|
|
||||||
versions: state.queryForm.versions
|
|
||||||
});
|
|
||||||
|
|
||||||
state.sheets = data || [];
|
|
||||||
if (state.sheets.length > 0) {
|
|
||||||
state.queryForm.sheet = state.sheets[0];
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取列表数据
|
try {
|
||||||
await handleQueryList();
|
state.loading.sheets = true;
|
||||||
} catch (err) {
|
state.error = null;
|
||||||
state.error = `获取表名时发生错误: ${err.message}`;
|
|
||||||
console.error(state.error, err);
|
const { data } = await sheetList({
|
||||||
} finally {
|
projectId: currentProject.value?.id,
|
||||||
state.loading.sheets = false;
|
workOrderType: state.work_order_type,
|
||||||
}
|
versions: state.queryForm.versions
|
||||||
|
});
|
||||||
|
|
||||||
|
state.sheets = data || [];
|
||||||
|
if (state.sheets.length > 0) {
|
||||||
|
state.queryForm.sheet = state.sheets[0];
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取列表数据
|
||||||
|
await handleQueryList();
|
||||||
|
} catch (err) {
|
||||||
|
state.error = `获取表名时发生错误: ${err.message}`;
|
||||||
|
console.error(state.error, err);
|
||||||
|
} finally {
|
||||||
|
state.loading.sheets = false;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 获取列表
|
// 获取列表
|
||||||
async function handleQueryList(isSheet = true) {
|
async function handleQueryList(isSheet = true) {
|
||||||
<<<<<<< HEAD
|
|
||||||
if (isSheet && !state.queryForm.sheet) {
|
if (isSheet && !state.queryForm.sheet) {
|
||||||
console.warn('表名不存在，无法获取列表数据');
|
console.warn('表名不存在，无法获取列表数据');
|
||||||
return;
|
return;
|
||||||
@ -378,38 +244,10 @@ async function handleQueryList(isSheet = true) {
|
|||||||
console.error(state.error, err);
|
console.error(state.error, err);
|
||||||
} finally {
|
} finally {
|
||||||
state.loading.list = false;
|
state.loading.list = false;
|
||||||
=======
|
|
||||||
if (isSheet && !state.queryForm.sheet) {
|
|
||||||
console.warn('表名不存在，无法获取列表数据');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
state.loading.list = true;
|
|
||||||
state.error = null;
|
|
||||||
|
|
||||||
const result = await obtainTheList(state.queryForm);
|
|
||||||
|
|
||||||
if (result?.code === 200) {
|
|
||||||
if (state.work_order_type == 3) {
|
|
||||||
state.versionsData = result.data || [];
|
|
||||||
}
|
|
||||||
state.tableData = result.data || [];
|
|
||||||
} else {
|
|
||||||
state.error = `获取列表数据失败: 错误码 ${result?.code}`;
|
|
||||||
console.error(state.error);
|
|
||||||
>>>>>>> 3158dc84f7a6ef4568e1eeaf33df5b4b2fd1768f
|
|
||||||
}
|
}
|
||||||
} catch (err) {
|
|
||||||
state.error = `获取列表数据时发生错误: ${err.message}`;
|
|
||||||
console.error(state.error, err);
|
|
||||||
} finally {
|
|
||||||
state.loading.list = false;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
// 上传excel
|
// 上传excel
|
||||||
function importExcel(options) {
|
function importExcel(options) {
|
||||||
<<<<<<< HEAD
|
|
||||||
console.log(options);
|
console.log(options);
|
||||||
let formData = new FormData();
|
let formData = new FormData();
|
||||||
formData.append("file", options.file);
|
formData.append("file", options.file);
|
||||||
@ -421,92 +259,72 @@ function importExcel(options) {
|
|||||||
// 更新列表
|
// 更新列表
|
||||||
getVersionNums(false)
|
getVersionNums(false)
|
||||||
} else {
|
} else {
|
||||||
getVersionNums()
|
getVersionNums()
|
||||||
proxy.$modal.msgError(res.msg || '导入失败');
|
proxy.$modal.msgError(res.msg || '导入失败');
|
||||||
}
|
}
|
||||||
}).finally(() => {
|
}).finally(() => {
|
||||||
state.loading.list = false;
|
state.loading.list = false;
|
||||||
=======
|
|
||||||
console.log(options);
|
|
||||||
const loading = ElLoading.service({
|
|
||||||
lock: true,
|
|
||||||
text: '正在导入，请稍候...',
|
|
||||||
background: 'rgba(0, 0, 0, 0.7)'
|
|
||||||
});
|
|
||||||
let formData = new FormData();
|
|
||||||
formData.append('file', options.file);
|
|
||||||
importExcelFile({ workOrderType: state.work_order_type, projectId: currentProject.value?.id }, formData)
|
|
||||||
.then((res) => {
|
|
||||||
const { code } = res;
|
|
||||||
if (code == 200) {
|
|
||||||
proxy.$modal.msgSuccess(res.msg || '导入成功');
|
|
||||||
// 更新列表
|
|
||||||
getVersionNums(false);
|
|
||||||
} else {
|
|
||||||
proxy.$modal.msgError(res.msg || '导入失败');
|
|
||||||
}
|
|
||||||
>>>>>>> 3158dc84f7a6ef4568e1eeaf33df5b4b2fd1768f
|
|
||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
loading.close();
|
loading.close();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
// 切换表名
|
// 切换表名
|
||||||
function handleChange(sheet) {
|
function handleChange(sheet) {
|
||||||
state.queryForm.sheet = sheet;
|
state.queryForm.sheet = sheet;
|
||||||
handleQueryList();
|
handleQueryList();
|
||||||
}
|
}
|
||||||
// 切换版本号
|
// 切换版本号
|
||||||
function handleChangeVersion(versions) {
|
function handleChangeVersion(versions) {
|
||||||
state.queryForm.versions = versions;
|
state.queryForm.versions = versions;
|
||||||
state.versionsData = state.options.find((e) => e.versions == versions);
|
state.versionsData = state.options.find((e) => e.versions == versions);
|
||||||
console.log('state.versionsData', state.versionsData);
|
console.log('state.versionsData', state.versionsData);
|
||||||
state.sheets = [];
|
state.sheets = [];
|
||||||
handleQueryList();
|
handleQueryList();
|
||||||
}
|
}
|
||||||
// 在 openTable 方法中通过索引获取对应的表格实例
|
// 在 openTable 方法中通过索引获取对应的表格实例
|
||||||
function openTable(flag, index) {
|
function openTable(flag, index) {
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
// 通过索引获取当前标签页的表格实例
|
// 通过索引获取当前标签页的表格实例
|
||||||
const currentTable = tableRef.value[index];
|
const currentTable = tableRef.value[index];
|
||||||
if (currentTable) {
|
if (currentTable) {
|
||||||
handleArr(state.tableData, flag, currentTable);
|
handleArr(state.tableData, flag, currentTable);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
function handleArr(arr, flag, table) {
|
function handleArr(arr, flag, table) {
|
||||||
arr.forEach((i) => {
|
arr.forEach((i) => {
|
||||||
table.toggleRowExpansion(i, flag);
|
table.toggleRowExpansion(i, flag);
|
||||||
if (i.children) {
|
if (i.children) {
|
||||||
handleArr(i.children, flag, table);
|
handleArr(i.children, flag, table);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 审批
|
// 审批
|
||||||
function clickApprovalSheet(row) {
|
function clickApprovalSheet(row) {
|
||||||
proxy.$tab.closePage(proxy.$route);
|
proxy.$tab.closePage(proxy.$route);
|
||||||
proxy.$router.push({
|
proxy.$router.push({
|
||||||
path: `/design-management/billofQuantities/indexEdit`,
|
path: `/design-management/billofQuantities/indexEdit`,
|
||||||
query: {
|
query: {
|
||||||
id: state.queryForm.versions,
|
id: state.queryForm.versions,
|
||||||
type: 'update'
|
type: 'update'
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
// 审核流程
|
// 审核流程
|
||||||
function lookApprovalFlow(row) {
|
function lookApprovalFlow(row) {
|
||||||
proxy.$router.push({
|
proxy.$router.push({
|
||||||
path: `/design-management/billofQuantities/indexEdit`,
|
path: `/design-management/billofQuantities/indexEdit`,
|
||||||
query: {
|
query: {
|
||||||
id: state.queryForm.versions,
|
id: state.queryForm.versions,
|
||||||
type: 'view'
|
type: 'view'
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<style>
|
||||||
.billof-quantities {
|
.billof-quantities {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user