产品最终版,薪资优化

This commit is contained in:
朱昊天
2026-04-30 17:06:47 +08:00
parent fe13e952f2
commit 3d386ff650
17 changed files with 791 additions and 156 deletions

View File

@@ -70,7 +70,8 @@ spring:
# 国际化资源文件路径
basename: i18n/messages
profiles:
active: @profiles.active@
active: prod
# @profiles.active@
# 文件上传
servlet:
multipart:

View File

@@ -11,6 +11,7 @@ import com.gear.mat.service.IMatProductAdditionService;
import lombok.Data;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
import java.util.Map;
import java.util.List;
/**
@@ -38,6 +39,11 @@ public class MatProductAdditionController extends BaseController {
return TableDataInfo.build(list);
}
@PostMapping("/listByProductIds")
public R<Map<Long, List<MatProductAdditionVo>>> listByProductIds(@RequestBody List<Long> productIds) {
return R.ok(productAdditionService.listByProductIds(productIds));
}
/**
* 新增产品属性附加表
*/

View File

@@ -23,8 +23,13 @@ import com.gear.common.utils.poi.ExcelUtil;
import com.gear.mat.domain.vo.MatProductVo;
import com.gear.mat.domain.vo.MatProductWithMaterialsVo;
import com.gear.mat.domain.bo.MatProductBo;
import com.gear.mat.domain.bo.MatProductImportBo;
import com.gear.mat.service.IMatProductService;
import com.gear.common.core.page.TableDataInfo;
import org.springframework.web.multipart.MultipartFile;
import java.io.InputStream;
import java.util.Collections;
/**
* 产品基础信息
@@ -48,6 +53,14 @@ public class MatProductController extends BaseController {
return iMatProductService.queryPageListWithMaterials(bo, pageQuery);
}
/**
* 查询产品基础信息列表(不包含配料信息,用于列表页加速)
*/
@GetMapping("/listBase")
public TableDataInfo<MatProductVo> listBase(MatProductBo bo, PageQuery pageQuery) {
return iMatProductService.queryPageList(bo, pageQuery);
}
/**
* 导出产品基础信息列表
*/
@@ -58,6 +71,25 @@ public class MatProductController extends BaseController {
ExcelUtil.exportExcel(list, "产品基础信息", MatProductVo.class, response);
}
@RequestMapping(value = "/importTemplate", method = {RequestMethod.GET, RequestMethod.POST})
public void importTemplate(HttpServletResponse response) {
ExcelUtil.exportExcel(Collections.singletonList(new MatProductImportBo()), "产品导入模板", MatProductImportBo.class, response);
}
@Log(title = "产品基础信息", businessType = BusinessType.IMPORT)
@PostMapping("/importData")
public R<String> importData(@RequestPart("file") MultipartFile file,
@RequestParam(value = "updateSupport", required = false, defaultValue = "false") Boolean updateSupport) throws Exception {
if (file == null || file.isEmpty()) {
return R.fail("导入文件不能为空");
}
try (InputStream is = file.getInputStream()) {
List<MatProductImportBo> list = ExcelUtil.importExcel(is, MatProductImportBo.class);
String msg = iMatProductService.importByExcel(list, updateSupport);
return R.ok(msg);
}
}
/**
* 获取产品基础信息详细信息
*

View File

@@ -0,0 +1,30 @@
package com.gear.mat.domain.bo;
import com.alibaba.excel.annotation.ExcelIgnoreUnannotated;
import com.alibaba.excel.annotation.ExcelProperty;
import lombok.Data;
import java.math.BigDecimal;
/**
* 产品导入模板对象
*/
@Data
@ExcelIgnoreUnannotated
public class MatProductImportBo {
@ExcelProperty("产品名称")
private String productName;
@ExcelProperty("产品规格")
private String spec;
@ExcelProperty("产品型号")
private String model;
@ExcelProperty("产品单价")
private BigDecimal unitPrice;
@ExcelProperty("备注")
private String remark;
}

View File

@@ -4,6 +4,7 @@ import com.baomidou.mybatisplus.extension.service.IService;
import com.gear.mat.domain.MatProductAddition;
import com.gear.mat.domain.bo.MatProductAdditionBo;
import com.gear.mat.domain.vo.MatProductAdditionVo;
import java.util.Map;
import java.util.List;
/**
@@ -46,4 +47,6 @@ public interface IMatProductAdditionService extends IService<MatProductAddition>
boolean delProductAddition(Long addId);
boolean batchSaveProductAddition(Long productId, List<MatProductAdditionBo> items);
Map<Long, List<MatProductAdditionVo>> listByProductIds(List<Long> productIds);
}

View File

@@ -1,6 +1,7 @@
package com.gear.mat.service;
import com.gear.mat.domain.MatProduct;
import com.gear.mat.domain.bo.MatProductImportBo;
import com.gear.mat.domain.vo.MatProductVo;
import com.gear.mat.domain.vo.MatProductWithMaterialsVo;
import com.gear.mat.domain.bo.MatProductBo;
@@ -52,4 +53,9 @@ public interface IMatProductService {
* 校验并批量删除产品基础信息信息
*/
Boolean deleteWithValidByIds(Collection<Long> ids, Boolean isValid);
/**
* Excel导入产品基础信息
*/
String importByExcel(List<MatProductImportBo> list, Boolean updateSupport);
}

View File

@@ -10,7 +10,10 @@ import com.gear.mat.service.IMatProductAdditionService;
import com.gear.common.utils.BeanCopyUtils;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;
import java.util.Collections;
import java.util.List;
import java.util.Map;
import java.util.HashMap;
import java.util.Set;
import java.util.stream.Collectors;
@@ -105,4 +108,26 @@ public class MatProductAdditionServiceImpl extends ServiceImpl<MatProductAdditio
}
return true;
}
@Override
public Map<Long, List<MatProductAdditionVo>> listByProductIds(List<Long> productIds) {
if (productIds == null || productIds.isEmpty()) {
return Collections.emptyMap();
}
List<MatProductAddition> list = baseMapper.selectList(new LambdaQueryWrapper<MatProductAddition>()
.in(MatProductAddition::getProductId, productIds)
.eq(MatProductAddition::getDelFlag, 0)
.orderByAsc(MatProductAddition::getProductId)
.orderByAsc(MatProductAddition::getAddId));
Map<Long, List<MatProductAdditionVo>> result = new HashMap<>();
for (MatProductAddition item : list) {
if (item == null || item.getProductId() == null) {
continue;
}
MatProductAdditionVo vo = BeanCopyUtils.copy(item, MatProductAdditionVo.class);
result.computeIfAbsent(item.getProductId(), k -> new java.util.ArrayList<>()).add(vo);
}
return result;
}
}

View File

@@ -7,6 +7,7 @@ import com.gear.common.core.domain.PageQuery;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.core.toolkit.Wrappers;
import com.gear.mat.domain.bo.MatProductImportBo;
import com.gear.mat.domain.bo.MatProductMaterialRelationBo;
import lombok.RequiredArgsConstructor;
import org.springframework.stereotype.Service;
@@ -25,6 +26,7 @@ import com.gear.mat.domain.vo.MatProductMaterialRelationVo;
import java.util.List;
import java.util.Map;
import java.util.Collection;
import java.util.Objects;
import java.util.stream.Collectors;
import java.util.ArrayList;
@@ -210,4 +212,46 @@ public class MatProductServiceImpl implements IMatProductService {
}
return baseMapper.deleteBatchIds(ids) > 0;
}
@Override
public String importByExcel(List<MatProductImportBo> list, Boolean updateSupport) {
if (list == null || list.isEmpty()) {
return "导入数据为空";
}
int success = 0;
int skipped = 0;
for (MatProductImportBo row : list) {
String productName = row == null ? null : StringUtils.trim(row.getProductName());
String spec = row == null ? null : StringUtils.trim(row.getSpec());
String model = row == null ? null : StringUtils.trim(row.getModel());
if (StringUtils.isBlank(productName)) {
skipped++;
continue;
}
LambdaQueryWrapper<MatProduct> lqw = Wrappers.lambdaQuery();
lqw.eq(MatProduct::getProductName, productName)
.eq(MatProduct::getSpec, Objects.toString(spec, ""))
.eq(MatProduct::getModel, Objects.toString(model, ""))
.last("limit 1");
MatProduct exist = baseMapper.selectOne(lqw);
if (exist != null && !Boolean.TRUE.equals(updateSupport)) {
skipped++;
continue;
}
MatProduct data = exist == null ? new MatProduct() : exist;
data.setProductName(productName);
data.setSpec(spec);
data.setModel(model);
data.setUnitPrice(row.getUnitPrice());
data.setRemark(row.getRemark());
if (exist == null) {
baseMapper.insert(data);
} else {
baseMapper.updateById(data);
}
success++;
}
return "导入完成,成功 " + success + " 条,跳过 " + skipped + "";
}
}

View File

@@ -16,7 +16,6 @@ import java.util.Date;
@ExcelIgnoreUnannotated
public class GearWageEntryDetailVo {
@ExcelProperty(value = "明细ID")
private Long detailId;
@ExcelProperty(value = "业务日期")
@@ -24,63 +23,49 @@ public class GearWageEntryDetailVo {
@JsonFormat(pattern = "yyyy-MM-dd", timezone = "GMT+8")
private Date entryDate;
@ExcelProperty(value = "员工ID")
private Long empId;
@ExcelProperty(value = "员工姓名")
private String empName;
@ExcelProperty(value = "计费类型")
private String billingType;
@ExcelProperty(value = "费率配置ID")
private Long rateId;
@ExcelProperty(value = "工种")
private String workTypeName;
@ExcelProperty(value = "加工物品")
private String itemName;
@ExcelProperty(value = "工序")
private String processName;
@ExcelProperty(value = "订单号")
private String orderNo;
@ExcelProperty(value = "工作量")
private BigDecimal workload;
@ExcelProperty(value = "单价")
private BigDecimal unitPrice;
@ExcelProperty(value = "基础金额")
private BigDecimal baseAmount;
@ExcelProperty(value = "额外金额")
private BigDecimal extraAmount;
@ExcelProperty(value = "额外原因")
private String extraReason;
@ExcelProperty(value = "明细计算金额")
private BigDecimal calcAmount;
private String calcDetail;
@ExcelProperty(value = "总金额")
@ExcelProperty(value = "每天工资")
private BigDecimal dailyWage;
@ExcelProperty(value = "当天金额")
private BigDecimal totalAmount;
@ExcelProperty(value = "是否补录")
private String isMakeup;
@ExcelProperty(value = "补录责任人")
private String makeupResponsible;
@ExcelProperty(value = "补录原因")
private String makeupReason;
@ExcelProperty(value = "备注")
private String remark;
@ExcelProperty(value = "累计金额")
private BigDecimal cumulativeAmount;

View File

@@ -51,6 +51,13 @@ public class GearWageEntryDetailServiceImpl implements IGearWageEntryDetailServi
syncTodayWorkers(bo.getEntryDate());
LambdaQueryWrapper<GearWageEntryDetail> lqw = buildQueryWrapper(bo);
Page<GearWageEntryDetailVo> result = baseMapper.selectVoPage(pageQuery.build(), lqw);
if (result != null && result.getRecords() != null) {
for (GearWageEntryDetailVo vo : result.getRecords()) {
if (vo != null) {
vo.setDailyWage(vo.getTotalAmount());
}
}
}
return TableDataInfo.build(result);
}
@@ -65,6 +72,13 @@ public class GearWageEntryDetailServiceImpl implements IGearWageEntryDetailServi
syncTodayWorkers(bo.getEntryDate());
// 将 selectList 改为 selectVoList
List<GearWageEntryDetailVo> list = baseMapper.selectVoList(buildQueryWrapper(bo));
if (list != null) {
for (GearWageEntryDetailVo vo : list) {
if (vo != null) {
vo.setDailyWage(vo.getTotalAmount());
}
}
}
// 处理累计金额
if (bo.getCumulativeAmounts() != null) {
for (GearWageEntryDetailVo vo : list) {

View File

@@ -9,6 +9,15 @@ export function listProduct(query) {
})
}
// 查询产品基础信息列表(不包含配料信息,用于列表页加速)
export function listProductBase(query) {
return request({
url: '/mat/product/listBase',
method: 'get',
params: query
})
}
// 查询产品基础信息详细
export function getProduct(productId) {
return request({
@@ -42,3 +51,21 @@ export function delProduct(productId) {
method: 'delete'
})
}
// 下载导入模板
export function importTemplateProduct() {
return request({
url: '/mat/product/importTemplate',
method: 'post',
responseType: 'blob'
})
}
// 导入产品数据
export function importProductData(data, updateSupport) {
return request({
url: '/mat/product/importData?updateSupport=' + (updateSupport ? 1 : 0),
method: 'post',
data: data
})
}

View File

@@ -42,3 +42,11 @@ export function batchSaveProductAddition(data) {
data
})
}
export function listProductAdditionByProductIds(productIds) {
return request({
url: '/api/mat/productAddition/listByProductIds',
method: 'post',
data: productIds
})
}

View File

@@ -47,8 +47,8 @@
</el-col>
<el-col :xs="24" :md="10">
<el-tabs class="media-tabs" type="border-card">
<el-tab-pane label="图片">
<el-tabs v-model="mediaTab" class="media-tabs" type="border-card">
<el-tab-pane label="图片" name="images">
<el-empty
v-if="!(productDetail.productImages && productDetail.productImages.trim())"
description="暂无图片"
@@ -69,7 +69,7 @@
</div>
</el-tab-pane>
<el-tab-pane label="说明书">
<el-tab-pane label="说明书" name="pdf">
<el-empty v-if="!pdfDisplayList.length" description="暂无说明书" />
<div v-else class="pdf-list">
<div v-for="(pdf, index) in pdfDisplayList" :key="index" class="pdf-item">
@@ -100,7 +100,14 @@
<div class="sub-title">主材 / 辅材 / 工价</div>
</div>
<div class="total-badge">
合计:{{ formatDecimal(totalAmount) }} 元
<div class="total-main">合计:{{ formatDecimal(totalAmount) }} 元</div>
<div class="total-breakdown">
主材:{{ formatDecimal(mainSubtotal) }} 元
<span class="sep">|</span>
辅材:{{ formatDecimal(auxiliarySubtotal) }} 元
<span class="sep">|</span>
工价:{{ formatDecimal(laborSubtotal) }} 元
</div>
</div>
</div>
</template>
@@ -187,6 +194,7 @@ const materialLoading = ref(false);
const additionLoading = ref(false);
const pdfFiles = ref([]);
const pdfUrlFiles = ref([]);
const mediaTab = ref('images');
// 材料明细数据
const productMaterialRelationList = ref([]);
@@ -222,15 +230,24 @@ const auxiliaryMaterials = computed(() => {
}));
});
// 计算总金额
const totalAmount = computed(() => {
const mainTotal = mainMaterials.value.reduce((sum, item) => sum + item.subtotal, 0);
const auxiliaryTotal = auxiliaryMaterials.value.reduce((sum, item) => sum + item.subtotal, 0);
const manualLaborTotal = productLaborList.value.reduce((sum, item) => {
const mainSubtotal = computed(() => {
return mainMaterials.value.reduce((sum, item) => sum + item.subtotal, 0);
});
const auxiliarySubtotal = computed(() => {
return auxiliaryMaterials.value.reduce((sum, item) => sum + item.subtotal, 0);
});
const laborSubtotal = computed(() => {
return productLaborList.value.reduce((sum, item) => {
const price = item && item.laborPrice !== undefined && item.laborPrice !== null ? Number(item.laborPrice) : 0;
return sum + (Number.isFinite(price) ? price : 0);
}, 0);
return mainTotal + auxiliaryTotal + manualLaborTotal;
});
// 计算总金额
const totalAmount = computed(() => {
return mainSubtotal.value + auxiliarySubtotal.value + laborSubtotal.value;
});
const isOssIdList = (val) => {
@@ -378,6 +395,9 @@ function downloadPdf(pdf) {
}
onMounted(() => {
if (String(route.query?.tab || '') === 'pdf') {
mediaTab.value = 'pdf';
}
getProductDetail();
});
</script>
@@ -505,10 +525,29 @@ onMounted(() => {
}
.total-badge {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
font-weight: 600;
color: #f56c6c;
}
.total-main {
font-size: 14px;
line-height: 18px;
}
.total-breakdown {
font-size: 12px;
line-height: 18px;
color: var(--el-text-color-secondary);
}
.sep {
margin: 0 6px;
}
.cost-section {
margin-top: 14px;
}

View File

@@ -27,7 +27,10 @@
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete">删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport"></el-button>
<el-button type="info" plain icon="Upload" @click="openImport"></el-button>
</el-col>
<el-col :span="1.8">
<el-button plain icon="Download" @click="downloadTemplate">导入模板</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
@@ -44,6 +47,30 @@
{{ formatDecimal(scope.row.unitPrice) }}
</template>
</el-table-column>
<el-table-column label="附加属性" align="center" min-width="160">
<template #default="scope">
<el-tooltip
placement="top"
:disabled="!hasAdditions(scope.row)"
@show="ensureAdditionsLoaded(scope.row)"
>
<template #content>
<div class="addition-tooltip">
<div
v-for="(it, idx) in getAdditions(scope.row)"
:key="it.addId || it.attrName || idx"
class="addition-tooltip-item"
>
{{ it.attrName }}{{ it.attrValue || '-' }}
</div>
</div>
</template>
<span class="addition-first">
{{ firstAdditionText(scope.row) }}
</span>
</el-tooltip>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="产品图片" align="center" prop="productImages">
<template #default="scope">
@@ -55,7 +82,7 @@
:preview-src-list="scope.row.productImages.split(',')"
:z-index="9999"
:preview-teleported="true"
style="width: 40px; height: 40px; margin-right: 8px;"
style="width: 32px; height: 32px;"
/>
</div>
<span v-else></span>
@@ -64,13 +91,28 @@
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="320" fixed="right">
<template #default="scope">
<div class="product-op-actions">
<div class="op-row">
<el-button link type="primary" icon="View" @click="handleDetail(scope.row)">详情</el-button>
<el-button
link
type="primary"
icon="Document"
:disabled="pdfCount(scope.row) === 0"
@click="handleManual(scope.row)"
>
说明书({{ pdfCount(scope.row) }})
</el-button>
</div>
<div class="op-row">
<el-button link type="primary" icon="Money" @click="handleLabor(scope.row)">工价</el-button>
<el-button link type="primary" icon="Setting" @click="handleAddition(scope.row)">附加属性</el-button>
</div>
<div class="op-row op-row-main">
<el-button link type="primary" icon="Plus" @click="handleBom(scope.row)">配方</el-button>
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">修改</el-button>
<el-button link type="primary" icon="Setting" @click="handleAddition(scope.row)">附加属性</el-button>
<el-button link type="primary" icon="Money" @click="handleLabor(scope.row)">工价</el-button>
<el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
</div>
</div>
</template>
</el-table-column>
</el-table>
@@ -207,6 +249,64 @@
</template>
</el-dialog>
<el-dialog title="产品说明书预览" v-model="manualOpen" width="1200px" append-to-body>
<div class="manual-preview-wrap" v-loading="manualLoading">
<div class="manual-list">
<div class="manual-list-title">说明书列表{{ manualFiles.length }}</div>
<el-empty v-if="!manualFiles.length" description="暂无说明书" />
<el-scrollbar v-else max-height="420px">
<div
v-for="(item, index) in manualFiles"
:key="item.ossId || item.url || index"
class="manual-item"
:class="{ active: item.url === currentManualUrl }"
@click="selectManual(item)"
>
{{ item.name }}
</div>
</el-scrollbar>
</div>
<div class="manual-viewer">
<el-empty v-if="!currentManualUrl" description="请选择说明书" />
<iframe v-else :src="currentManualUrl" class="manual-iframe" />
</div>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="manualOpen = false">关闭</el-button>
</div>
</template>
</el-dialog>
<el-dialog title="导入产品" v-model="importOpen" width="520px" append-to-body>
<el-form label-width="140px">
<el-form-item label="更新已存在数据">
<el-switch v-model="updateSupport" />
</el-form-item>
<el-form-item label="选择Excel文件">
<el-upload
ref="uploadRef"
:auto-upload="false"
:limit="1"
accept=".xlsx,.xls"
:on-change="handleImportFileChange"
:on-remove="handleImportFileRemove"
>
<el-button type="primary">选择文件</el-button>
<template #tip>
<div class="el-upload__tip">仅支持 .xls/.xlsx 文件</div>
</template>
</el-upload>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button :loading="importLoading" type="primary" @click="submitImport"> </el-button>
<el-button @click="importOpen = false"> </el-button>
</div>
</template>
</el-dialog>
<!-- 将这个表格改为始终吸底且外层容器可以拖拽调节高度 -->
<!-- <StickyDragContainer v-if="currentProduct.productId" :parent-ref="appContainer"> -->
<div v-if="currentProduct.productId">
@@ -237,10 +337,10 @@
<script setup name="Product">
import { ref, computed } from 'vue';
import { useRouter } from 'vue-router';
import { listProduct, getProduct, delProduct, addProduct, updateProduct } from "@/api/mat/product";
import { listProductBase, getProduct, delProduct, addProduct, updateProduct, importProductData } from "@/api/mat/product";
import { listProductMaterialRelation } from "@/api/mat/productMaterialRelation";
import { getMaterial } from "@/api/mat/material";
import { listProductAddition, batchSaveProductAddition } from "@/api/mat/productAddition";
import { listProductAddition, listProductAdditionByProductIds, batchSaveProductAddition } from "@/api/mat/productAddition";
import { listProductLabor, batchSaveProductLabor } from "@/api/mat/productLabor";
import { listByIds, listOss } from "@/api/system/oss";
import bom from "@/views/mat/components/bom.vue";
@@ -272,6 +372,16 @@ const appContainer = ref(null);
const imageFileList = ref([]);
const pdfFileList = ref([]);
const pdfUseOssId = ref(true);
const importOpen = ref(false);
const importLoading = ref(false);
const updateSupport = ref(false);
const importFile = ref(null);
const additionPreviewMap = ref({});
const additionPreviewLoading = ref({});
const manualOpen = ref(false);
const manualLoading = ref(false);
const manualFiles = ref([]);
const currentManualUrl = ref('');
const additionList = ref([]);
const laborList = ref([]);
const uploadUrl = ref(import.meta.env.VITE_APP_BASE_API + '/system/oss/upload');
@@ -325,9 +435,10 @@ const { queryParams, form, rules } = toRefs(data);
/** 查询产品基础信息列表 */
function getList() {
loading.value = true;
listProduct(queryParams.value).then(response => {
listProductBase(queryParams.value).then(response => {
productList.value = response.rows;
total.value = response.total;
prefetchAdditions(productList.value);
loading.value = false;
});
}
@@ -644,7 +755,31 @@ function handleExport() {
}
function handleRowClick(row) {
currentProduct.value = row;
currentProduct.value = { ...row, materials: [] };
loadCurrentProductMaterials(row?.productId);
}
function loadCurrentProductMaterials(productId) {
if (!productId) return;
listProductMaterialRelation({ productId, pageNum: 1, pageSize: 1000 }).then(res => {
const relations = res?.rows || [];
return Promise.all(relations.map(r =>
getMaterial(r.materialId).then(materialRes => ({
...(materialRes && materialRes.data ? materialRes.data : {}),
...r
}))
));
}).then(items => {
currentProduct.value = {
...currentProduct.value,
materials: items || []
};
}).catch(() => {
currentProduct.value = {
...currentProduct.value,
materials: []
};
});
}
function handleDetail(row) {
@@ -652,6 +787,154 @@ function handleDetail(row) {
router.push(`/mat/product/detail/${row.productId}`);
}
function additionsKey(row) {
return row?.productId ? String(row.productId) : '';
}
function getAdditions(row) {
const key = additionsKey(row);
return (key && additionPreviewMap.value[key]) ? additionPreviewMap.value[key] : [];
}
function hasAdditions(row) {
const list = getAdditions(row);
return Array.isArray(list) && list.length > 0;
}
function firstAdditionText(row) {
const list = getAdditions(row);
if (!list.length) return '-';
const first = list[0];
const name = first?.attrName || '-';
const value = first?.attrValue || '-';
return `${name}${value}`;
}
function ensureAdditionsLoaded(row) {
const key = additionsKey(row);
if (!key) return;
if (Object.prototype.hasOwnProperty.call(additionPreviewMap.value, key)) return;
if (additionPreviewLoading.value[key]) return;
additionPreviewLoading.value = { ...additionPreviewLoading.value, [key]: true };
listProductAddition({ productId: row.productId }).then(res => {
const rows = res?.rows || [];
additionPreviewMap.value = { ...additionPreviewMap.value, [key]: rows };
}).catch(() => {
additionPreviewMap.value = { ...additionPreviewMap.value, [key]: [] };
}).finally(() => {
additionPreviewLoading.value = { ...additionPreviewLoading.value, [key]: false };
});
}
function prefetchAdditions(list) {
const rows = Array.isArray(list) ? list : [];
const productIds = rows.map(r => r?.productId).filter(Boolean);
if (!productIds.length) return;
listProductAdditionByProductIds(productIds).then(res => {
const data = res?.data || {};
const next = { ...additionPreviewMap.value };
for (const id of productIds) {
const key = String(id);
if (next[key]) continue;
next[key] = data[id] || [];
}
additionPreviewMap.value = next;
}).catch(() => {});
}
function pdfCount(row) {
const raw = String(row?.productPdfs || '').trim();
if (!raw) return 0;
return raw.split(',').map(s => String(s).trim()).filter(Boolean).length;
}
function handleManual(row) {
manualOpen.value = true;
manualLoading.value = true;
currentManualUrl.value = '';
resolveManualFiles(row).then((files) => {
manualFiles.value = files;
if (files.length > 0) {
currentManualUrl.value = files[0].url;
}
}).finally(() => {
manualLoading.value = false;
});
}
function openImport() {
importOpen.value = true;
importFile.value = null;
}
function handleImportFileChange(file) {
importFile.value = file?.raw || null;
}
function handleImportFileRemove() {
importFile.value = null;
}
async function submitImport() {
if (!importFile.value) {
proxy.$modal.msgError('请先选择导入文件');
return;
}
importLoading.value = true;
try {
const formData = new FormData();
formData.append('file', importFile.value);
const res = await importProductData(formData, updateSupport.value);
if (res.code === 200) {
proxy.$modal.msgSuccess(res.msg || res.data || '导入成功');
importOpen.value = false;
getList();
} else {
proxy.$modal.msgError(res.msg || '导入失败');
}
} catch (e) {
proxy.$modal.msgError('导入失败');
} finally {
importLoading.value = false;
}
}
function downloadTemplate() {
proxy.download('mat/product/importTemplate', {}, `product_template_${new Date().getTime()}.xlsx`);
}
function selectManual(item) {
currentManualUrl.value = item?.url || '';
}
async function resolveManualFiles(row) {
const raw = String(row?.productPdfs || '').trim();
if (!raw) return [];
if (isOssIdList(raw)) {
const res = await listByIds(raw).catch(() => null);
const list = res?.data || [];
return list.map((oss) => ({
name: oss.originalName || oss.fileName || String(oss.ossId),
url: oss.url,
ossId: oss.ossId
})).filter(item => item.url);
}
const urls = raw.split(',').map(s => String(s).trim()).filter(Boolean);
const rows = await Promise.all(urls.map((url) =>
listOss({ url, pageNum: 1, pageSize: 1 })
.then(r => (r && r.rows && r.rows[0]) ? r.rows[0] : null)
.catch(() => null)
));
return urls.map((url, index) => {
const file = rows[index];
return {
name: (file && (file.originalName || file.fileName)) || getFileNameFromUrl(url),
url: (file && file.url) || url,
ossId: file && file.ossId
};
}).filter(item => item.url);
}
function handleAddition(row) {
currentProductId.value = row.productId;
// 清空附加属性列表
@@ -761,6 +1044,23 @@ getList();
vertical-align: middle;
}
.image-preview {
display: flex;
justify-content: center;
gap: 6px;
}
:deep(.el-table .el-table__cell) {
padding-top: 8px;
padding-bottom: 8px;
}
:deep(.el-table .cell) {
padding-left: 8px;
padding-right: 8px;
line-height: 20px;
}
/* 图片预览层样式 */
:deep(.el-image-viewer__wrapper) {
z-index: 9999 !important;
@@ -768,12 +1068,90 @@ getList();
.product-op-actions {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
gap: 4px 10px;
gap: 4px;
}
:deep(.product-op-actions .el-button + .el-button) {
margin-left: 0;
}
.op-row {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
.op-row-main {
flex-wrap: nowrap;
}
.addition-first {
display: inline-block;
max-width: 140px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.addition-tooltip {
max-width: 380px;
}
.addition-tooltip-item {
line-height: 20px;
white-space: nowrap;
}
.manual-preview-wrap {
display: flex;
gap: 12px;
min-height: 620px;
}
.manual-list {
width: 260px;
border: 1px solid var(--el-border-color-light);
border-radius: 6px;
padding: 10px;
}
.manual-list-title {
font-size: 13px;
font-weight: 600;
margin-bottom: 8px;
}
.manual-item {
padding: 8px 10px;
border-radius: 4px;
cursor: pointer;
line-height: 18px;
word-break: break-word;
}
.manual-item:hover {
background-color: var(--el-fill-color-light);
}
.manual-item.active {
color: var(--el-color-primary);
background-color: var(--el-color-primary-light-9);
}
.manual-viewer {
flex: 1;
border: 1px solid var(--el-border-color-light);
border-radius: 6px;
overflow: hidden;
min-height: 620px;
}
.manual-iframe {
width: 100%;
height: 620px;
border: none;
}
</style>

View File

@@ -4,7 +4,7 @@
<el-form-item label="员工姓名" prop="empName">
<el-input v-model="queryParams.empName" placeholder="请输入员工姓名" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="计费类型" prop="billingType">
<el-form-item v-if="!simpleMode" label="计费类型" prop="billingType">
<el-select v-model="queryParams.billingType" placeholder="请选择计费类型" clearable style="width: 180px">
<el-option label="小时工" value="1" />
<el-option label="计件工" value="2" />
@@ -37,15 +37,15 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
</el-row>
<el-table v-loading="loading" :data="wageEntryDetailList">
<el-table-column label="业务日期" align="center" prop="entryDate" width="120" />
<el-table-column label="员工姓名" align="center" prop="empName" width="120" />
<el-table-column label="计费类型" align="center" prop="billingType" width="100">
<el-table v-loading="loading" :data="wageEntryDetailList" style="width: 100%">
<el-table-column label="业务日期" align="center" prop="entryDate" width="130" />
<el-table-column label="员工姓名" align="center" prop="empName" width="140" />
<el-table-column v-if="!simpleMode" label="计费类型" align="center" prop="billingType" width="100">
<template #default="scope">{{ formatBillingType(scope.row.billingType) }}</template>
</el-table-column>
<el-table-column label="工种" align="center" prop="workTypeName" min-width="140" />
<el-table-column v-if="!simpleMode" label="工种" align="center" prop="workTypeName" min-width="160" />
<el-table-column label="工作时间/加工数量" align="center" min-width="170">
<el-table-column v-if="!simpleMode" label="工作时间/加工数量" align="center" min-width="170">
<template #default="scope">
<el-input
v-model="scope.row.workload"
@@ -55,34 +55,49 @@
</template>
</el-table-column>
<el-table-column label="单价" align="center" min-width="150">
<el-table-column v-if="!simpleMode" label="单价" align="center" min-width="150">
<template #default="scope">
<el-input v-if="scope.row.billingType === '2'" v-model="scope.row.unitPrice" placeholder="多少钱/件" @input="recalcRowAmount(scope.row)" />
<span v-else>{{ formatUnitPrice(scope.row) }}</span>
</template>
</el-table-column>
<el-table-column label="奖惩金额" align="center" min-width="130">
<el-table-column v-if="!simpleMode" label="奖惩金额" align="center" min-width="130">
<template #default="scope">
<el-input v-model="scope.row.extraAmount" placeholder="奖惩金额(负数为惩罚)" @input="recalcRowAmount(scope.row)" />
</template>
</el-table-column>
<el-table-column label="奖惩原因" align="center" min-width="180">
<el-table-column v-if="!simpleMode" label="奖惩原因" align="center" min-width="180">
<template #default="scope">
<el-input v-model="scope.row.extraReason" placeholder="奖惩原因" />
</template>
</el-table-column>
<el-table-column label="明细金额" align="center" prop="calcAmount" width="110">
<el-table-column v-if="!simpleMode" label="明细金额" align="center" prop="calcAmount" width="110">
<template #default="scope">{{ round2(toNumber(scope.row.calcAmount)) }}</template>
</el-table-column>
<el-table-column label="总金额" align="center" prop="totalAmount" width="110" />
<el-table-column label="累计金额" align="center" prop="cumulativeAmount" width="110" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="220">
<el-table-column label="每天工资" align="center" min-width="120">
<template #default="scope">
<el-input v-model="scope.row.dailyWage" placeholder="请输入每天工资" @input="applyDailyWage(scope.row)" />
</template>
</el-table-column>
<el-table-column label="当天金额" align="center" min-width="150">
<template #default="scope">
<el-input :model-value="round2(toNumber(scope.row.totalAmount))" disabled />
</template>
</el-table-column>
<el-table-column label="累计金额" align="center" min-width="150">
<template #default="scope">
<el-input :model-value="round2(toNumber(scope.row.cumulativeAmount))" disabled />
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="140">
<template #default="scope">
<el-button link type="primary" icon="Check" @click="saveRow(scope.row)">保存</el-button>
<el-button link type="primary" icon="Document" @click="openCalcDialog(scope.row)">明细</el-button>
<el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
@@ -90,7 +105,7 @@
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
<el-dialog v-model="calcOpen" title="明细计算" width="720px" append-to-body>
<el-dialog v-if="!simpleMode" v-model="calcOpen" title="明细计算" width="720px" append-to-body>
<div class="calc-toolbar">
<el-button size="small" type="primary" plain icon="Plus" @click="addCalcLine">新增一行</el-button>
<div class="calc-sum">合计{{ calcTotal }} </div>
@@ -135,6 +150,7 @@ const wageEntryDetailList = ref([])
const loading = ref(true)
const showSearch = ref(true)
const total = ref(0)
const simpleMode = ref(true)
// 存储累计金额数据
const cumulativeAmounts = ref({})
@@ -161,7 +177,7 @@ const data = reactive({
queryParams: {
pageNum: 1,
pageSize: 100,
entryDate: proxy.parseTime(new Date(), '{y}-{m}-{d}'),
entryDate: proxy.parseTime(new Date(Date.now() - 24 * 60 * 60 * 1000), '{y}-{m}-{d}'),
empName: undefined,
billingType: undefined,
isMakeup: '0'
@@ -269,12 +285,26 @@ function saveCalcToRow() {
row.calcAmount = calcTotal.value
row.calcDetail = JSON.stringify({ v: 1, items: normalizedItems })
recalcRowAmount(row)
row.dailyWage = normalizeEditableValue(row.totalAmount)
calcOpen.value = false
proxy.$modal.msgSuccess('明细已保存,请点击该行“保存”提交')
}
function applyDailyWage(row) {
const desired = toNumber(row.dailyWage)
const rawWorkload = toNumber(row.workload)
const workload = (row.billingType === '1' || row.billingType === '3') && rawWorkload <= 0 ? 1 : rawWorkload
const unitPrice = toNumber(row.unitPrice)
const calcAmount = toNumber(row.calcAmount)
const baseAmount = round2(workload * unitPrice)
const extraAmount = round2(desired - baseAmount - calcAmount)
row.extraAmount = extraAmount
recalcRowAmount(row)
}
function recalcRowAmount(row) {
const workload = toNumber(row.workload)
const rawWorkload = toNumber(row.workload)
const workload = (row.billingType === '1' || row.billingType === '3') && rawWorkload <= 0 ? 1 : rawWorkload
const unitPrice = row.billingType === '2' ? toNumber(row.unitPrice) : toNumber(row.unitPrice)
const extraAmount = toNumber(row.extraAmount)
const calcAmount = toNumber(row.calcAmount)
@@ -319,6 +349,7 @@ function getList() {
extraAmount: normalizeEditableValue(row.extraAmount),
calcAmount: row.calcAmount ?? 0,
calcDetail: row.calcDetail,
dailyWage: normalizeEditableValue(row.totalAmount),
cumulativeAmount: cumulativeAmounts.value[row.empName] || 0
}
recalcRowAmount(r)
@@ -337,7 +368,7 @@ function handleQuery() {
function resetQuery() {
proxy.resetForm('queryRef')
queryParams.value.entryDate = proxy.parseTime(new Date(), '{y}-{m}-{d}')
queryParams.value.entryDate = proxy.parseTime(new Date(Date.now() - 24 * 60 * 60 * 1000), '{y}-{m}-{d}')
queryParams.value.isMakeup = '0'
handleQuery()
}

View File

@@ -30,25 +30,30 @@
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
</el-row>
<el-table v-loading="loading" :data="list">
<el-table-column label="业务日期" align="center" prop="entryDate" width="120" />
<el-table-column label="员工姓名" align="center" prop="empName" width="120" />
<el-table-column label="计费类型" align="center" prop="billingType" width="100">
<el-table v-loading="loading" :data="list" style="width: 100%">
<el-table-column label="业务日期" align="center" prop="entryDate" width="130" />
<el-table-column label="员工姓名" align="center" prop="empName" width="140" />
<el-table-column v-if="!simpleMode" label="计费类型" align="center" prop="billingType" width="100">
<template #default="scope">{{ formatBillingType(scope.row.billingType) }}</template>
</el-table-column>
<el-table-column label="工种" align="center" prop="workTypeName" min-width="140" />
<el-table-column label="工作时间/加工数量" align="center" prop="workload" width="140" />
<el-table-column label="单价" align="center" prop="unitPrice" width="110" />
<el-table-column label="奖惩金额" align="center" prop="extraAmount" width="130" />
<el-table-column label="奖惩原因" align="center" prop="extraReason" min-width="160" :show-overflow-tooltip="true" />
<el-table-column v-if="!simpleMode" label="工种" align="center" prop="workTypeName" min-width="140" />
<el-table-column label="每天工资" align="center" min-width="120">
<template #default="scope">{{ formatAmount(scope.row.totalAmount) }}</template>
</el-table-column>
<el-table-column label="当天金额" align="center" min-width="150">
<template #default="scope">{{ formatAmount(scope.row.totalAmount) }}</template>
</el-table-column>
<el-table-column label="累计金额" align="center" min-width="150">
<template #default="scope">{{ formatAmount(scope.row.cumulativeAmount) }}</template>
</el-table-column>
<el-table-column label="补录状态" align="center" prop="isMakeup" width="100">
<template #default="scope">
<el-tag :type="scope.row.isMakeup === '1' ? 'warning' : 'info'">{{ scope.row.isMakeup === '1' ? '已补录' : '未补录' }}</el-tag>
</template>
</el-table-column>
<el-table-column label="补录责任人" align="center" prop="makeupResponsible" width="120" />
<el-table-column label="补录原因" align="center" prop="makeupReason" min-width="180" :show-overflow-tooltip="true" />
<el-table-column label="操作" align="center" width="220">
<el-table-column v-if="!simpleMode" label="补录责任人" align="center" prop="makeupResponsible" width="120" />
<el-table-column v-if="!simpleMode" label="补录原因" align="center" prop="makeupReason" min-width="180" :show-overflow-tooltip="true" />
<el-table-column label="操作" align="center" min-width="140">
<template #default="scope">
<el-button link type="primary" icon="Edit" @click="handleMakeup(scope.row)">补录</el-button>
<el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
@@ -61,21 +66,10 @@
<el-dialog :title="title" v-model="open" width="640px" append-to-body>
<el-form ref="formRef" :model="form" :rules="rules" label-width="110px">
<el-form-item label="业务日期" prop="entryDate">
<el-date-picker clearable v-model="form.entryDate" type="date" value-format="YYYY-MM-DD" style="width: 100%" />
<el-date-picker clearable v-model="form.entryDate" type="date" value-format="YYYY-MM-DD" style="width: 100%" disabled />
</el-form-item>
<el-form-item label="员工姓名" prop="empName"><el-input v-model="form.empName" /></el-form-item>
<el-form-item label="计费类型" prop="billingType">
<el-select v-model="form.billingType" style="width: 100%">
<el-option label="小时工" value="1" />
<el-option label="计件工" value="2" />
<el-option label="天工" value="3" />
</el-select>
</el-form-item>
<el-form-item label="工种" prop="workTypeName"><el-input v-model="form.workTypeName" /></el-form-item>
<el-form-item :label="form.billingType === '2' ? '加工数量' : '工作时间'" prop="workload"><el-input v-model="form.workload" /></el-form-item>
<el-form-item label="单价" prop="unitPrice" v-if="form.billingType === '2'"><el-input v-model="form.unitPrice" placeholder="元/件" /></el-form-item>
<el-form-item label="奖惩金额" prop="extraAmount"><el-input v-model="form.extraAmount" placeholder="负数为惩罚金额" /></el-form-item>
<el-form-item label="奖惩原因" prop="extraReason"><el-input v-model="form.extraReason" placeholder="请输入奖惩原因" /></el-form-item>
<el-form-item label="员工姓名" prop="empName"><el-input v-model="form.empName" disabled /></el-form-item>
<el-form-item label="每天工资" prop="dailyWage"><el-input v-model="form.dailyWage" placeholder="请输入每天工资" /></el-form-item>
<el-form-item label="补录原因" prop="makeupReason"><el-input type="textarea" v-model="form.makeupReason" /></el-form-item>
</el-form>
<template #footer>
@@ -102,6 +96,7 @@ const showSearch = ref(true)
const open = ref(false)
const title = ref('')
const buttonLoading = ref(false)
const simpleMode = ref(true)
// 存储累计金额数据
const cumulativeAmounts = ref({})
@@ -129,16 +124,14 @@ const data = reactive({
queryParams: {
pageNum: 1,
pageSize: 50,
entryDate: undefined,
entryDate: proxy.parseTime(new Date(Date.now() - 24 * 60 * 60 * 1000), '{y}-{m}-{d}'),
empName: undefined,
makeupView: 'all'
},
rules: {
entryDate: [{ required: true, message: '业务日期不能为空', trigger: 'change' }],
empId: [{ required: true, message: '员工ID不能为空', trigger: 'blur' }],
billingType: [{ required: true, message: '计费类型不能为空', trigger: 'change' }],
rateId: [{ required: true, message: '费率ID不能为空', trigger: 'blur' }],
workload: [{ required: true, message: '工作量不能为空', trigger: 'blur' }],
dailyWage: [{ required: true, message: '每天工资不能为空', trigger: 'blur' }],
makeupReason: [{ required: true, message: '补录原因不能为空', trigger: 'blur' }]
}
})
@@ -152,6 +145,25 @@ function formatBillingType(type) {
return '-'
}
function toNumber(v) {
const n = Number(v)
return Number.isFinite(n) ? n : 0
}
function round2(v) {
return Math.round(v * 100) / 100
}
function normalizeEditableValue(v) {
if (v === null || v === undefined) return ''
if (String(v) === '0' || String(v) === '0.00') return ''
return v
}
function formatAmount(v) {
return round2(toNumber(v))
}
function buildQuery() {
const q = {
pageNum: queryParams.value.pageNum,
@@ -168,7 +180,11 @@ function buildQuery() {
function getList() {
loading.value = true
listWageEntryDetail(buildQuery()).then(res => {
list.value = res.rows || []
const rows = res.rows || []
list.value = rows.map(r => ({
...r,
cumulativeAmount: cumulativeAmounts.value[r.empName] || 0
}))
total.value = res.total || 0
}).finally(() => {
loading.value = false
@@ -203,7 +219,9 @@ function handleMakeup(row) {
isMakeup: '1',
makeupResponsibleId: userStore.id || row.makeupResponsibleId || null,
makeupResponsible: userStore.nickName || row.makeupResponsible || null,
makeupReason: row.makeupReason || null
makeupReason: row.makeupReason || null,
dailyWage: normalizeEditableValue(row.totalAmount),
originalTotalAmount: toNumber(row.totalAmount)
}
title.value = '补录 补录负责人:'+form.value.makeupResponsible
open.value = true
@@ -213,22 +231,21 @@ function submitForm() {
proxy.$refs.formRef.validate(valid => {
if (!valid) return
buttonLoading.value = true
const payload = {
...form.value,
isMakeup: '1'
}
const payload = { ...form.value, isMakeup: '1' }
const desired = toNumber(payload.dailyWage)
const rawWorkload = toNumber(payload.workload)
const workload = (payload.billingType === '1' || payload.billingType === '3') && rawWorkload <= 0 ? 1 : rawWorkload
const unitPrice = toNumber(payload.unitPrice)
const calcAmount = toNumber(payload.calcAmount)
const baseAmount = round2(workload * unitPrice)
payload.extraAmount = round2(desired - baseAmount - calcAmount)
// 本页面补录语义:更新当前记录并标记为已补录
updateWageEntryDetail(payload).then(() => {
// 更新累计金额
const workload = parseFloat(payload.workload) || 0
const unitPrice = parseFloat(payload.unitPrice) || 0
const extraAmount = parseFloat(payload.extraAmount) || 0
const totalAmount = workload * unitPrice + extraAmount
if (!cumulativeAmounts.value[payload.empName]) {
cumulativeAmounts.value[payload.empName] = 0
}
cumulativeAmounts.value[payload.empName] += totalAmount
const oldTotal = toNumber(payload.originalTotalAmount)
const nextTotal = toNumber(payload.totalAmount || desired)
const diff = nextTotal - oldTotal
cumulativeAmounts.value[payload.empName] = toNumber(cumulativeAmounts.value[payload.empName]) + diff
saveCumulativeAmounts()
proxy.$modal.msgSuccess('补录成功')
@@ -254,7 +271,7 @@ function handleQuery() {
function resetQuery() {
proxy.resetForm('queryRef')
queryParams.value.entryDate = undefined
queryParams.value.entryDate = proxy.parseTime(new Date(Date.now() - 24 * 60 * 60 * 1000), '{y}-{m}-{d}')
queryParams.value.makeupView = 'all'
handleQuery()
}

View File

@@ -19,27 +19,24 @@
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5"><el-button size="small" type="primary" plain icon="Plus" @click="handleAdd">新增</el-button></el-col>
<el-col :span="1.5"><el-button size="small" type="success" plain icon="Edit" :disabled="single" @click="handleUpdate">修改</el-button></el-col>
<el-col :span="1.5"><el-button size="small" type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete">删除</el-button></el-col>
<el-col :span="1.5"><el-button size="small" type="warning" plain icon="Download" @click="handleExport">导出</el-button></el-col>
<el-col :span="1.5"><el-button size="small" type="info" plain icon="Upload" @click="openImport">导入</el-button></el-col>
<el-col :span="1.8"><el-button size="small" plain icon="Download" @click="downloadTemplate">下载模板</el-button></el-col>
<el-col :span="2.2"><el-button size="small" type="primary" plain icon="User" @click="openUserSelectDialog">选择用户导入</el-button></el-col>
<div class="worker-toolbar mb8">
<el-button size="small" type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
<el-button size="small" type="success" plain icon="Edit" :disabled="single" @click="handleUpdate">修改</el-button>
<el-button size="small" type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete">删除</el-button>
<el-button size="small" type="warning" plain icon="Download" @click="handleExport">导出</el-button>
<el-button size="small" type="info" plain icon="Upload" @click="openImport">导入</el-button>
<el-button size="small" plain icon="Download" @click="downloadTemplate">下载模板</el-button>
<el-button size="small" type="primary" plain icon="User" @click="openUserSelectDialog">选择用户导入</el-button>
<div class="toolbar-right">
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
</el-row>
</div>
</div>
<el-table v-loading="loading" :data="workerList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="工号" align="center" prop="workerNo" width="140" />
<el-table-column label="姓名" align="center" prop="workerName" width="120" />
<el-table-column label="手机号" align="center" prop="phone" width="140" />
<el-table-column label="默认计费类型" align="center" prop="defaultBillingType" width="120">
<template #default="scope">{{ formatBillingType(scope.row.defaultBillingType) }}</template>
</el-table-column>
<el-table-column label="默认工种" align="center" prop="defaultWorkTypeName" min-width="140" />
<el-table-column label="状态" align="center" prop="status" width="100">
<template #default="scope"><el-tag :type="scope.row.status === '0' ? 'success' : 'info'">{{ scope.row.status === '0' ? '在职' : '离职' }}</el-tag></template>
</el-table-column>
@@ -62,25 +59,6 @@
<el-form-item label="姓名" prop="workerName"><el-input v-model="form.workerName" placeholder="请输入姓名" /></el-form-item>
<el-form-item label="手机号" prop="phone"><el-input v-model="form.phone" placeholder="请输入手机号" /></el-form-item>
<el-form-item label="默认工种" prop="selectedRateId">
<el-select v-model="form.selectedRateId" placeholder="请选择默认工种" style="width: 100%" clearable @change="handleRateChange">
<el-option
v-for="item in rateOptions"
:key="item.rateId"
:label="rateOptionLabel(item)"
:value="item.rateId"
/>
</el-select>
</el-form-item>
<el-form-item label="默认计费类型" prop="defaultBillingType">
<el-select v-model="form.defaultBillingType" placeholder="请选择" style="width: 100%" disabled>
<el-option label="小时工" value="1" />
<el-option label="计件工" value="2" />
<el-option label="天工" value="3" />
</el-select>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status">
<el-radio label="0">在职</el-radio>
@@ -208,8 +186,7 @@ const data = reactive({
},
rules: {
workerNo: [{ required: true, message: '工号不能为空', trigger: 'blur' }],
workerName: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
selectedRateId: [{ required: true, message: '默认工种不能为空', trigger: 'change' }]
workerName: [{ required: true, message: '姓名不能为空', trigger: 'blur' }]
}
})
@@ -309,25 +286,19 @@ function handleSelectionChange(selection) {
}
function handleAdd() {
loadRateOptions().then(() => {
reset()
open.value = true
title.value = '新增工人'
})
}
function handleUpdate(row) {
const workerId = row?.workerId || ids.value[0]
if (!workerId) return
Promise.all([loadRateOptions(), getWorker(workerId)]).then(([, response]) => {
getWorker(workerId).then((response) => {
form.value = {
...response.data,
selectedRateId: null
}
const matched = rateOptions.value.find(i => i.rateName === form.value.defaultWorkTypeName && i.billingType === form.value.defaultBillingType)
if (matched) {
form.value.selectedRateId = matched.rateId
}
open.value = true
title.value = '修改工人'
})
@@ -488,3 +459,21 @@ async function confirmImportSelectedUser() {
}
getList()
</script>
<style scoped>
.worker-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.toolbar-right {
margin-left: auto;
}
:deep(.el-table .el-table__cell) {
padding-top: 8px;
padding-bottom: 8px;
}
</style>