bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

减免费用

This commit is contained in:
hongchao 2025-02-14 13:16:52 +08:00
parent 0a3b2c7ab1
commit 0d70716f45
8 changed files with 746 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/api/ma/base.js
View File

@ -113,3 +113,12 @@ export function getUserTypeList(roleIds) {
method: 'get',
})
}
// 租赁价格历史-列表
export function getMaTypeHistoryList(query) {
return request({
url: '/material/ma_type/getMaTypeHistoryList',
method: 'get',
params: query
})
}

70
src/views/material/cost/costDecreaseList.vue
View File

@ -190,7 +190,7 @@
accept=".png, .jpg, .jpeg, .pdf"
:on-change="handleChangeBusinessList"
:class="{ disabledFbs: uploadDisabled }"
:on-preview="picturePreviewFbs"
:on-preview="picturePreview"
:on-remove="handleRemoveElectricianImgList"
>
@ -236,8 +236,8 @@
</el-table-column>
<el-table-column label="机具名称" align="center" prop="deviceName" :show-overflow-tooltip="true"/>
<el-table-column label="规格型号" align="center" prop="typeName" :show-overflow-tooltip="true"/>
<el-table-column label="领料日期" align="center" prop="startTime" :show-overflow-tooltip="true"/>
<el-table-column label="领料数量" align="center" prop="num" :show-overflow-tooltip="true"/>
<el-table-column label="领料日期" align="center" prop="startTime" :show-overflow-tooltip="true"/>
<el-table-column label="退料日期" align="center" prop="endTime" :show-overflow-tooltip="true"/>
<el-table-column label="减免开始时间" align="center" prop="decreaseStartTime" width="160px">
<template slot-scope="scope">
@ -249,7 +249,7 @@
placeholder="开始时间"
clearable
v-if="scope.$index!=applyList.length-1"
@input="updateLeaseDays(scope.row)"
@input="updateLeaseDaysStart(scope.row)"
></el-date-picker>
</template>
</el-table-column>
@ -263,13 +263,17 @@
placeholder="结束时间"
clearable
v-if="scope.$index!=applyList.length-1"
@input="updateLeaseDays(scope.row)"
@input="updateLeaseDaysEnd(scope.row)"
></el-date-picker>
</template>
</el-table-column>
<el-table-column label="租赁单价（元/天）" align="center" prop="leasePrice" width="130px"/>
<el-table-column label="减免天数" align="center" prop="deDays" :show-overflow-tooltip="true"/>
<el-table-column label="减免费用（元）" align="center" width="126px" prop="deCosts" :show-overflow-tooltip="true"/>
<el-table-column label="减免费用（元）" align="center" width="126px" prop="deCosts" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span >{{ scope.row.deCosts.toFixed(2) }}</span>
</template>
</el-table-column>
</el-table>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
@ -754,8 +758,13 @@ export default {
// 更新表格中所有数据的减免开始时间
updateTableStartTime() {
const pickStartTime = new Date(this.dialogAppy.decreaseStartTime);
this.applyList.slice(0,-1).forEach(item => {
if(pickStartTime < new Date(item.startTime) || pickStartTime > new Date(item.endTime)){
this.$set(item, 'decreaseStartTime', null);
}else{
this.$set(item, 'decreaseStartTime', this.dialogAppy.decreaseStartTime);
}
// item.decreaseStartTime = this.dialogAppy.decreaseStartTime;
});
if (this.dialogAppy.decreaseEndTime) {
@ -783,9 +792,14 @@ export default {
},
// 更新表格中所有数据的减免结束时间
updateTableEndTime() {
const pickEndTime = new Date(this.dialogAppy.decreaseEndTime);
this.applyList.slice(0,-1).forEach(item => {
if(pickEndTime < new Date(item.startTime) || pickEndTime > new Date(item.endTime)){
this.$set(item, 'decreaseEndTime', null);
}else{
this.$set(item, 'decreaseEndTime', this.dialogAppy.decreaseEndTime);
// item.decreaseEndTime = this.dialogAppy.decreaseEndTime;
}
// item.decreaseStartTime = this.dialogAppy.decreaseStartTime;
});
if (this.dialogAppy.decreaseStartTime) {
this.applyList.slice(0,-1).forEach(item => {
@ -813,10 +827,19 @@ export default {
},
//table中时间改变
updateLeaseDays(row) {
updateLeaseDaysStart(row) {
const startTime = new Date(row.decreaseStartTime);
const endTime = new Date(row.decreaseEndTime);
if (!isNaN(startTime.getTime()) && !isNaN(endTime.getTime()) && startTime.getTime()!=0 && endTime.getTime()!=0 && endTime.getTime() > startTime.getTime()) {
const pickStartTime = new Date(row.startTime);
const pickEndTime = new Date(row.endTime);
// 判断减免开始时间和结束时间是否在领料日期和退料日期之间
if (startTime < pickStartTime || startTime > pickEndTime) {
this.$set(row, 'decreaseStartTime', null);
this.$set(row, 'deDays', 0);
this.$set(row, 'deCosts', 0);
this.$modal.msgError('请选择有效的减免开始时间！')
}else if (!isNaN(startTime.getTime()) && !isNaN(endTime.getTime()) && startTime.getTime()!=0 && endTime.getTime()!=0 && endTime.getTime() > startTime.getTime()) {
const oneDay = 24 * 60 * 60 * 1000; // 一天的毫秒数
const diffDays = Math.round(Math.abs((endTime - startTime) / oneDay));
this.$set(row, 'deDays', diffDays);
@ -833,6 +856,37 @@ export default {
return total + Number(item.deCosts);
}, 0);
},
updateLeaseDaysEnd(row) {
const startTime = new Date(row.decreaseStartTime);
const endTime = new Date(row.decreaseEndTime);
const pickStartTime = new Date(row.startTime);
const pickEndTime = new Date(row.endTime);
// 判断减免开始时间和结束时间是否在领料日期和退料日期之间
if( endTime < pickStartTime || endTime > pickEndTime){
this.$set(row, 'decreaseEndTime', null);
this.$set(row, 'deDays', 0);
this.$set(row, 'deCosts', 0);
this.$modal.msgError('请选择有效的减免结束时间！')
}else if (!isNaN(startTime.getTime()) && !isNaN(endTime.getTime()) && startTime.getTime()!=0 && endTime.getTime()!=0 && endTime.getTime() > startTime.getTime()) {
const oneDay = 24 * 60 * 60 * 1000; // 一天的毫秒数
const diffDays = Math.round(Math.abs((endTime - startTime) / oneDay));
this.$set(row, 'deDays', diffDays);
if(row.decreaseNum && row.deDays && row.leasePrice){
this.$set(row, 'deCosts', row.deDays*row.leasePrice*row.decreaseNum);
}
// row.leaseDays = diffDays;
}else {
// 如果日期无效，将减免天数设为 0 或者清空
this.$set(row, 'deDays', 0);
this.$set(row, 'deCosts', 0);
}
this.applyList[this.applyList.length-1].deCosts = this.applyList.slice(0,-1).reduce((total, item) => {
return total + Number(item.deCosts);
}, 0);
},
//table中数量改变
updateLeaseNum(row) {
if (row.decreaseNum > row.num) {

5
src/views/material/ma/device/index.vue
View File

@ -90,7 +90,6 @@
type="text"
icon="el-icon-zoom-in"
@click="handleView(scope.row)"
v-hasPermi="['machinery:type:edit']"
>
查看
</el-button>
@ -99,7 +98,7 @@
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['machinery:type:edit']"
v-hasPermi="['ma:machine:edit']"
>
编辑
</el-button>
@ -108,7 +107,7 @@
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['machinery:type:del']"
v-hasPermi="['ma:machine:remove']"
>
删除
</el-button>

278
src/views/material/ma/priceHistory/index.vue Normal file
View File

@ -0,0 +1,278 @@
<template>
<!-- 类型管理 -->
<div class="app-container" >
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="物资类型" prop="maType">
<el-input
v-model="queryParams.maType"
placeholder="请输入物资名称"
clearable
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="物资名称" prop="maName">
<el-input
v-model="queryParams.maName"
placeholder="请输入物资名称"
clearable
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="规格型号" prop="maModel">
<el-input
v-model="queryParams.maModel"
placeholder="请输入规格型号"
clearable
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>查询</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出
</el-button>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="typeList"
row-key="id"
border
>
<el-table-column label="序号" align="center" width="80" type="index">
<template slot-scope="scope">
<span>{{(queryParams.pageNum - 1) * 10 + scope.$index + 1}}</span>
</template>
</el-table-column>
<el-table-column
label="物资类型"
align="center"
key="maType"
prop="maType"
show-overflow-tooltip
/>
<el-table-column
label="物资名称"
align="center"
key="maName"
prop="maName"
show-overflow-tooltip
/>
<el-table-column
label="规格型号"
align="center"
key="maModel"
prop="maModel"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
label="修改前租赁价格(元)"
align="center"
key="beforePrice"
prop="beforePrice"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
label="修改后租赁价格(元)"
align="center"
key="afterPrice"
prop="afterPrice"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
label="修改人"
align="center"
key="createBy"
prop="createBy"
show-overflow-tooltip
>
</el-table-column>
<el-table-column
label="修改时间"
align="center"
key="createTime"
prop="createTime"
show-overflow-tooltip
>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script>
import {
getMaTypeHistoryList,
} from "@/api/ma/base";
export default {
name: "",
data() {
return {
// 遮罩层
loading: true,
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
//列表数据
typeList: undefined,
// 是否显示弹出层
open: false,
// 弹出层标题
title: "",
// 日期范围
dateRange: [],
// 表单参数
form: {
companyId: "",
},
chosenTypeId: "",
leasePrice: "",
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
maType: undefined,
maName: undefined,
maModel: undefined,
},
companyId: undefined,
};
},
created() {
this.getList()
},
methods: {
/** 查询列表 */
getList() {
this.loading = true;
getMaTypeHistoryList(this.queryParams).then((response) => {
this.typeList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
/** 搜索按钮操作 */
handleQuery() {
// this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRange = [];
this.resetForm("queryForm");
this.queryParams.pageNum = 1;
this.queryParams.pageSize = 10;
this.handleQuery();
},
/** 导出按钮作 */
handleExport() {
let queryTemp = this.queryParams;
// queryTemp.level = 0;
this.download(
"/material/ma_type/export",
{
...queryTemp,
},
`租赁价格历史信息_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
<style lang="scss" scoped>
::v-deep.el-table .fixed-width .el-button--mini {
width: 60px !important;
margin-bottom: 10px;
}
// 表格内文字样式
::v-deep .el-table {
font-size: 14px;
th {
font-weight: 500;
color: #303133;
}
td {
color: #606266;
}
}
</style>

23
src/views/material/ma/type/index.vue
View File

@ -852,6 +852,9 @@ export default {
isLevel2Disabled: false,
isLevel3Disabled: false,
isLevel4Disabled: false,
//编辑时存的租赁价格
leasePriceTemp: undefined,
};
},
watch: {
@ -1062,6 +1065,7 @@ export default {
const typeId = row.typeId;
getMaType(typeId).then((response) => {
this.form = response.data;
this.leasePriceTemp = response.data.leasePrice;
if(response.data.repairerId){
this.form.repairerArr = response.data.repairerId.split(",")
}
@ -1090,17 +1094,32 @@ export default {
if(this.form.keeperArr != null && this.form.keeperArr.length > 0){
this.form.keeperId = this.form.keeperArr.join(",")
}
if(this.form.repairerArr.length != null && this.form.repairerArr.length > 0){
if(this.form.repairerArr != null && this.form.repairerArr.length > 0){
this.form.repairerId = this.form.repairerArr.join(",")
}
if (this.form.typeId != undefined) {
if(this.form.leasePrice!=this.leasePriceTemp){
this.$modal
.confirm("是否确认修改后的内部租赁价？")
.then(() => {
this.form.isUpdateLeasePrice = true;
updateMaType(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
this.getTreeData();
});
} else {
})
.catch(() => {});
}else{
updateMaType(this.form).then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
this.getTreeData();
});
}
}else {
addMaType(this.form).then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;

2
src/views/material/purchase/goodsAccept/index.vue
View File

@ -142,7 +142,7 @@
<div
class="item"
style="width: 50%;flex-shrink: 0;margin-bottom: 5px;font-size: 14px;">
<span>生产厂家（供应商）：{{printData.supplierName}}</span>
<span>生产厂家（供应商）：{{printData.supplier}}</span>
</div>
<div
class="item"

2
src/views/material/purchase/goodsArrived/component/home.vue
View File

@ -148,7 +148,7 @@
<div
class="item"
style="width: 50%;flex-shrink: 0;margin-bottom: 5px;font-size: 14px;">
<span>生产厂家（供应商）：{{printData.supplierName}}</span>
<span>生产厂家（供应商）：{{printData.supplier}}</span>
</div>
<div
class="item"

364
src/views/material/repair/scrapLedgerReview/index.vue Normal file
View File

@ -0,0 +1,364 @@
<template>
<div class="app-container" >
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="90px"
>
<el-form-item prop="time">
<el-date-picker
v-model="queryParams.time"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
<el-form-item prop="keyWord">
<el-input
v-model="queryParams.keyWord"
placeholder="请输入关键字"
clearable
maxlength="50"
style="width: 240px"
@keyup.enter.native="handleQuery"/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>查询</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="success"
@click="batchPass"
icon="el-icon-check"
v-show="!isView"
size="mini"
:disabled="multiple"
>通过</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
@click="batchReject"
icon="el-icon-close"
v-show="!isView"
size="mini"
:disabled="multiple"
>驳回</el-button
>
</el-col>
<el-col :span="21" style="text-align: right;">
<div style="color: red;">待审核周期：{{ reviewPeriod }}</div>
<div style="color: red;">审核费用：{{ 999.25 }}</div>
</el-col>
</el-row>
<el-table
v-loading="loading"
:data="tableList"
ref="multipleTable"
row-key="id"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
align="center"
:reserve-selection="true"
/>
<el-table-column label="序号" align="center" width="80" type="index"/>
<el-table-column label="类型名称" align="center" prop="maTypeName" :show-overflow-tooltip="true"/>
<el-table-column label="规格型号" align="center" prop="maName" :show-overflow-tooltip="true"/>
<el-table-column label="到货数量" align="center" prop="arrivalNum" :show-overflow-tooltip="true"/>
<el-table-column label="报废数量" align="center" prop="scrapNum" :show-overflow-tooltip="true"/>
<el-table-column label="报废费用(万元)" align="center" prop="scrapPrice" :show-overflow-tooltip="true"/>
<el-table-column label="报废类型" align="center" prop="scrapType" :show-overflow-tooltip="true"/>
<el-table-column label="提交人" align="center" prop="submitName" :show-overflow-tooltip="true"/>
<el-table-column label="本次审核周期" align="center" prop="reviewTime" :show-overflow-tooltip="true"/>
<el-table-column label="状态" align="center" prop="status" :show-overflow-tooltip="true"/>
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true"/>
<el-table-column label="操作" align="center" width="180" v-if="!isView">
<template slot-scope="scope">
<el-button size="mini" type="success" @click="pass(scope.row)" v-if="scope.row.status==0">
通过
</el-button>
<el-button size="mini" type="danger" @click="reject(scope.row)" v-if="scope.row.status==0">
驳回
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 驳回弹窗 -->
<el-dialog title="驳回" :visible.sync="confirmShow" width="600px" height="300px" @close="closeCancel">
<div style="width: 100%; height: 80%; display: flex;margin-bottom: 10px;">
<div style="width:15%;">驳回原因：</div>
<el-input
type="textarea"
:rows="3" style="width:80%;"
placeholder="请输入驳回原因"
v-model="checkResult"
maxlength="100">
</el-input>
</div>
<div style="width: 100%;height: 20%;display: flex;justify-content: flex-end;align-items: center;">
<el-button type="primary" @click="confirmCheck">确认</el-button>
<el-button size="mini" @click="cancel">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { getManufacturerSelect } from "@/api/ma/supplier";
import {
acceptInnerVerifyer,
getPurchaseFileList,
uploadPurchaseFile,
} from "@/api/purchase/goodsAccept";
import { getPartType,partTypeWarehouse,partTypeReject } from '@/api/part/partAccept';
import { getPartTypeCheckInfo } from '@/api/part/partArrived';
export default {
name: "AcceptDetail",
dicts: ["part_task_status"],
data() {
return {
Id: "",
taskId: "",
// 遮罩层
loading: false,
dialogLoading: false,
isView: false,
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
showHouse: false,
ids: [],
infos: [],
checkList: [],
//表格数据
tableList: [],
// 弹出层标题
title: "",
// 查询参数
queryParams: {
time: null,
keyWord: '',
},
//确认弹窗
confirmShow: false,
checkResult: "", // 驳回原因
reviewPeriod: '', // 新增变量用于存储待审核周期
};
},
created() {
this.getList();
},
methods: {
// 格式化日期范围
formatDateRange(dates) {
if (!dates || dates.length!== 2) {
return '';
}
const startDate = new Date(dates[0]);
const endDate = new Date(dates[1]);
const startYear = startDate.getFullYear();
const startMonth = startDate.getMonth() + 1;
const endYear = endDate.getFullYear();
const endMonth = endDate.getMonth() + 1;
if (startYear === endYear && startMonth === endMonth) {
return `${startYear}年${startMonth}月`;
} else {
return `${startYear}年${startMonth}月 ~ ${endYear}年${endMonth}月`;
}
},
/** 查询列表 */
getList() {
this.loading = true;
this.tableList = [{
maTypeName: '手扶机绞磨',
maName: '123456',
arrivalNum: '100',
scrapNum: '10',
scrapPrice: '100',
scrapType: '1',
submitName: '张三',
reviewTime: '2023-09-01',
status: '0',
remark: '无',
},
{
maTypeName: '手拉葫芦',
maName: '123456',
arrivalNum: '100',
scrapNum: '10',
scrapPrice: '100',
scrapType: '1',
submitName: '李四',
reviewTime: '2023-09-01',
status: '0',
remark: '无',
}]
this.loading = false;
// getPartTypeCheckInfo(this.queryParams).then((response) => {
// this.tableList = response.data.partTypeCheckDetailsList;
// // this.total = response.total;
// this.loading = false;
// });
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.queryParams.keyWord = null;
this.handleQuery();
},
/** 搜索按钮操作 */
handleQuery() {
this.reviewPeriod = this.formatDateRange(this.queryParams.time); // 更新待审核周期
this.getList();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection;
this.infos = [];
selection.forEach((item) => {
this.infos.push({id:item.id,partId:item.partId,purchaseNum:item.purchaseNum,taskId:item.taskId});
});
this.single = selection.length != 1;
this.multiple = !selection.length;
},
//通过
pass(row) {
// if(this.infos==0){
// this.$modal.msgError("请选择配件");
// return;
// }
const infos=[{id:row.id,partId:row.partId,purchaseNum:row.purchaseNum,taskId:this.taskId}]
this.$modal.confirm('是否确认通过？')
.then(function() {
return partTypeWarehouse(infos)
}).then(() => {
this.$modal.msgSuccess('入库成功')
this.getList()
}).catch(() => {});
},
//驳回
reject(row) {
const infos=[{id:row.id,partId:row.partId,purchaseNum:row.purchaseNum,taskId:this.taskId}]
this.confirmShow = true;
// this.$modal.confirm('是否确认驳回该配件？')
// .then(function() {
// return partTypeReject(infos)
// }).then(() => {
// this.$modal.msgSuccess('驳回成功')
// this.getList()
// }).catch(() => {});
},
//批量入库
batchPass() {
if(this.infos==0){
this.$modal.msgError("请选择数据");
return;
}
this.$modal.confirm('是否确认通过？')
.then(() => {
// return partTypeWarehouse(this.infos)
})
.then(() => {
this.$modal.msgSuccess('通过成功')
this.getList()
// 清除表格的选中状态
this.$refs.multipleTable.clearSelection();
})
.catch(() => {});
},
//批量驳回
batchReject() {
if(this.infos==0){
this.$modal.msgError("请选择数据");
return;
}
this.confirmShow = true;
},
//驳回确认请求
confirmCheck() {
let param = {
}
// acceptInnerVerifyer(param).then((response) => {
// if (response.code == 200) {
// this.$modal.msgSuccess("驳回成功");
// this.confirmShow = false;
// this.getList();
// this.$refs.multipleTable.clearSelection();
// }
// });
},
//取消
cancel() {
this.confirmShow = false;
this.checkResult = "";
},
//关闭
closeCancel() {
this.cancel()
},
},
};
</script>
<style lang="scss" scoped>
.uploadImg {
padding-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.deviceCode {
margin-top: 10px;
padding-bottom: 20px;
font-size: 18px;
}
::v-deep.el-table .fixed-width .el-button--mini {
width: 60px !important;
margin-bottom: 10px;
}
//隐藏图片上传框的css
::v-deep.disabled {
.el-upload--picture-card {
display: none;
}
}
</style>