多个pdf文件问题

src/api/product copy/index.js

+import request from '/@/utils/request';
+
+/**
+ * （不建议写成 request.post(xxx)，因为这样 post 时，无法 params 与 data 同时传参）
+ *
+ * 任务相关api接口集合
+ * @method taskPackageList 任务包列表
+ * @method taskPackageAdd 发布任务
+ */
+
+export function productApi() {
+	return {
+		list: (data) => {
+			return request({
+				url: '/api/product/list',
+				method: 'post',
+				data,
+			});
+		},
+		apiAdd: (data) => {
+			return request({
+				url: '/api/product/add',
+				method: 'post',
+				data,
+			});
+		},
+		apiDelete: (data) => {
+			return request({
+				url: '/api/product/delete',
+				method: 'post',
+				data,
+			});
+		},
+		apiSave: (data) => {
+			return request({
+				url: '/api/product/save',
+				method: 'post',
+				data,
+			});
+		},
+		unallocatedProducts: (data) => {
+			return request({
+				url: '/api/product/unallocatedProducts',
+				method: 'post',
+				data,
+			});
+		},
+		productAllocationAdd: (data) => {
+			return request({
+				url: '/api/productAllocation/add',
+				method: 'post',
+				data,
+			});
+		},
+		productAllocationList: (data) => {
+			return request({
+				url: '/api/productAllocation/list',
+				method: 'post',
+				data,
+			});
+		},
+		productAllocationSee: (data) => {
+			return request({
+				url: '/api/productAllocation/see',
+				method: 'post',
+				data,
+			});
+		},
+		productAllocationSave: (data) => {
+			return request({
+				url: '/api/productAllocation/save',
+				method: 'post',
+				data,
+			});
+		},
+		productAllocationAbnormal: (data) => {
+			return request({
+				url: '/api/productAllocation/abnormal',
+				method: 'post',
+				data,
+			});
+		},
+
+		enterpriseAllocationList: (data) => {
+			return request({
+				url: '/api/enterpriseAllocation/list',
+				method: 'post',
+				data,
+			});
+		},
+		equalDistributionEnterprise: (data) => {
+			return request({
+				url: '/api/enterpriseAllocation/equalDistributionEnterprise',
+				method: 'post',
+				data,
+			});
+		},
+	};
+}
+
+

src/views/task/list/user_task_group.vue

+<template>
+	<div class="system-menu-container">
+		<div class="breadcrumb-box">
+			<Breadcrumb />
+		</div>
+
+		<div class="header-search flex space-between">
+			<!-- <div>
+				<el-select v-model="state.apiListParam.task_id" placeholder="请选择任务" size="default" @change="searchChange" clearable filterable style="width:200px;margin-right: 20px;">
+					<el-option v-for="(item, index) in state.taskList" :key="index" :label="item.name"
+						:value="item.id"></el-option>
+				</el-select>
+			</div> -->
+			<!-- <el-button size="default" type="primary" @click="add()" >新增产品</el-button>
+			<el-button size="default" type="primary" @click="distribute()" >产品分发</el-button> -->
+			<el-button size="default" type="primary" @click="allocation()" >分配任务</el-button>
+		</div>
+
+		<div class="page-main" ref="pageMain">
+			<el-card shadow="hover" style="height:100%;">
+				<!-- <Toolbar ref="ToolbarRef" v-model:showSearch="showSearch" @queryTable="getList" @search="search" :columns="columns"/> -->
+				<el-table :data="state.tableData.data" style="width: 100%" :height="state.tableHeight"
+					ref="multipleTableRef">
+					<el-table-column label="序号" type="index" width="100" show-overflow-tooltip align="center"></el-table-column>
+					<el-table-column prop="enterpriseInfo.enterprise_name" label="企业名称" key="product_categ_name"  align="center"></el-table-column>
+					<el-table-column prop="adminInfo.name" label="检查人员" key="product_name"  align="center"></el-table-column>
+					<el-table-column prop="total" label="产品总数" key="product_model" width="200" align="center">
+						<template #default="scope"><span style="color: #409EFF;">{{scope.row.total }}</span></template>
+					</el-table-column>
+					<el-table-column prop="not_checked" label="未检查数量" key="product_model" width="200" align="center">
+						<template #default="scope"><span style="color: #E6A23C;">{{scope.row.not_checked }}</span></template>
+					</el-table-column>
+					<el-table-column prop="checked" label="已检查数量" key="product_model" width="200" align="center">
+						<template #default="scope"><span style="color: #67C23A;">{{scope.row.checked }}</span></template>
+					</el-table-column>
+					<el-table-column prop="distribute_time" label="分发时间" key="product_model" align="center"></el-table-column>
+				</el-table>
+
+
+				<div class="pagination-box">
+					<el-pagination @size-change="onHandleSizeChange" @current-change="onHandleCurrentChange" class="mt15"
+						:pager-count="5" :page-sizes="[10, 20, 30]" v-model:current-page="state.apiListParam.page" background
+						v-model:page-size="state.apiListParam.limit" layout="total, sizes, prev, pager, next, jumper"
+						:total="state.tableData.total">
+					</el-pagination>
+				</div>
+
+			</el-card>
+		</div>
+		<AddDialog ref="AddDialogRef" @refresh="getList()" />
+		<DistributeDialog ref="DistributeDialogRef" @refresh="getList()" />
+		<SetupDialog ref="SetupDialogRef" @refresh="getList()" />
+		<Search ref="SearchDialogRef" @search-to-parent="searchData" />
+	</div>
+</template>
+
+<script setup name="taskPackage-list">
+import { getCurrentInstance } from 'vue';
+import { productApi } from '/@/api/product'
+const router = useRouter();
+import { ElMessageBox, ElMessage } from 'element-plus';
+import { Session } from '/@/utils/storage';
+// 引入组件
+const Breadcrumb = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/breadcrumb.vue'));
+const SetupDialog = defineAsyncComponent(() => import('/@/views/product_info/list/setup.vue'));
+const AddDialog = defineAsyncComponent(() => import('/@/views/product_info/list/add.vue'));
+const DistributeDialog = defineAsyncComponent(() => import('/@/views/product_info/list/distribute.vue'));
+const Toolbar = defineAsyncComponent(() => import('/@/components/RightToolbar/index.vue'));
+const Search = defineAsyncComponent(() => import('/@/views/product_info/list/search.vue'));
+
+// 定义变量内容
+const AddDialogRef = ref()
+const DistributeDialogRef = ref()
+const SetupDialogRef = ref()
+const SearchDialogRef = ref()
+
+const state = reactive({
+	// 查询列表参数
+	apiListParam: {
+		page: 1,
+		limit: 10,
+	},
+	tableData: {
+		data: [],
+		total: 0
+	},
+	tableHeight: '30vh',
+	normListExtend:[],
+	testIndex:0,
+	taskList:[],
+	verifyTypeList:['待检查','已检查'],
+});
+
+// 页面加载时
+onMounted(() => {
+	getList()
+	state.tableHeight = getCurrentInstance().refs.pageMain.offsetHeight - 130 - 52 + "px";
+});
+
+
+const emits = defineEmits(['update:showSearch', 'queryTable','search','refresh']);
+
+const search = () => {
+	SearchDialogRef.value.openDialog();
+}
+/**
+ * 搜索条件
+ */
+ const searchData = (va) => {
+	console.log(va)
+	productApi().list({search:va}).then(res => {
+		state.tableData.data = res.data.data
+		state.tableData.total = res.data.total
+	}).catch(() => {
+	})
+}
+
+
+/**
+ * 重置按钮
+ */
+const reset = () => {
+	state.apiListParam.page = 1
+	state.apiListParam.name = '';
+	getList()
+}
+
+// 分页改变
+const onHandleSizeChange = (val) => {
+	state.apiListParam.limit = val;
+	getList();
+};
+const onHandleCurrentChange = (val) => {
+	state.apiListParam.page = val;
+	getList();
+};
+
+// 获取列表
+const getList = () => {
+	productApi().enterpriseAllocationList(state.apiListParam).then(res => {
+		state.tableData.data = res.data.data
+		state.tableData.total = res.data.total
+	}).catch(() => {
+	})
+
+}
+
+
+/**
+ * 点击添加
+ */
+const add = () => {
+	AddDialogRef.value.openDialog();
+}
+/**
+ * 点击添加
+ */
+ const distribute = () => {
+	DistributeDialogRef.value.openDialog();
+}
+
+/**
+ * 点击查看
+ */
+const setup = (id) => {
+	router.push({ path: '/product_info/inspect', query: { id: id }});
+}
+
+const allocation = () => {
+	productApi().equalDistributionEnterprise().then(res => {
+		ElMessage.success('分配成功!');
+		getList();
+	}).catch(() => {
+		getList();
+	})
+}
+
+
+/**
+ * 企业信息类型显示
+ * @param {*} data 
+ */
+ const verifyType= (data) => {
+	if(state.verifyTypeList[parseInt(data)] ===undefined){
+		return data
+	}else{
+		return state.verifyTypeList[parseInt(data)]
+	}
+}
+
+</script>
+
+<style lang="scss" scoped>
+.page-main {
+	height: calc(100vh - 50px - 106px);
+}
+</style>