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

费用推送管理

This commit is contained in:
hongchao 2025-01-24 16:39:38 +08:00
parent 9702299f71
commit f576b86c25
5 changed files with 167 additions and 157 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/api/costPush/costPush.js
View File

@ -1,18 +1,18 @@
import request from '@/utils/request' import request from '@/utils/request'
// 查询推送协议匹配列表 // 查询推送协议匹配列表
export function getProtocolList(params) { export function getProtocolList(query) {
return request({ return request({
url: '/material/iws_cost_push/findAgreementPushMatchList', url: '/material/iws_cost_push/findAgreementPushMatchList',
method: 'post', method: 'get',
data: params params: query
}) })
} }
// 查询费用推送审核详情 // 查询费用推送审核详情
export function pushReviewList(query){ export function getPushReviewList(query){
return request({ return request({
url: '/material/slt_agreement_info/getSltInfo', url: '/material/iws_cost_push/getCostPushCheckList',
method: 'get', method: 'get',
params: query params: query
}) })

5
src/views/material/cost/component/applyDetail.vue
View File

@ -476,10 +476,11 @@ export default {
border-top: none; border-top: none;
} }
.columnAll { .columnAll {
flex: 1; display: flex ;
padding: 5px; padding: 5px;
border-left: 1px solid #dfe6ec; border-left: 1px solid #dfe6ec;
text-align: right; text-align: center;
align-items: center;
width:100%; width:100%;
justify-content: flex-end; /* 将内容对齐到右侧 */ justify-content: flex-end; /* 将内容对齐到右侧 */
margin-right: 60px; /* 添加右边距 */ margin-right: 60px; /* 添加右边距 */

5
src/views/material/cost/component/examDetail.vue
View File

@ -455,10 +455,11 @@ export default {
border-top: none; border-top: none;
} }
.columnAll { .columnAll {
flex: 1; display: flex;
padding: 5px; padding: 5px;
border-left: 1px solid #dfe6ec; border-left: 1px solid #dfe6ec;
text-align: right; text-align: center;
align-items: center;
width:100%; width:100%;
justify-content: flex-end; /* 将内容对齐到右侧 */ justify-content: flex-end; /* 将内容对齐到右侧 */
margin-right: 60px; /* 添加右边距 */ margin-right: 60px; /* 添加右边距 */

133
src/views/material/costPush/pushCost/index.vue
View File

@ -29,21 +29,23 @@
<el-date-picker <el-date-picker
v-model="queryParams.month" v-model="queryParams.month"
type="month" type="month"
placeholder="请选择月份"> placeholder="请选择月份"
value-format="yyyy-MM">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="是否推送" prop="isSend"> <el-form-item label="是否推送" prop="isSend">
<el-select v-model="queryParams.isSend" placeholder="请选择" clearable> <el-select v-model="queryParams.isSend" placeholder="请选择" clearable>
<el-option label="已推送" value="0"></el-option> <el-option label="已推送" value="1"></el-option>
<el-option label="退回" value="1"></el-option> <el-option label="退回" value="0"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="导出年份" prop="year"> <el-form-item label="导出年份" prop="year">
<el-date-picker <el-date-picker
v-model="queryParams.year" v-model="queryParams.year"
type="year" type="year"
placeholder="请选择年份"> placeholder="请选择年份"
value-format="yyyy">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -98,76 +100,74 @@
ref="multipleTable" ref="multipleTable"
row-key="id" row-key="id"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
border
> >
<el-table-column type="selection" width="55" align="center" :selectable="selectable"/> <el-table-column type="selection" width="55" align="center" :selectable="selectable"/>
<el-table-column label="序号" align="center" width="80" type="index"> <el-table-column label="序号" align="center" width="80" type="index"/>
<el-table-column label="协议号" align="center" prop="agreementCode" show-overflow-tooltip />
<el-table-column label="单位名称" align="center" prop="unitName" show-overflow-tooltip />
<el-table-column label="工程名称" align="center" prop="projectName" show-overflow-tooltip />
<el-table-column label="推送月份" align="center" prop="month" show-overflow-tooltip />
<el-table-column label="租赁费用" align="center" prop="leaseMoney" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span>{{ <span class="clickText" v-if="scope.row.leaseMoney!=null" @click="openLease(scope.row)">
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 {{scope.row.leaseMoney.toFixed(2)}}
}}</span>
</template>
</el-table-column>
<el-table-column label="协议号" align="center" prop="agreementCode" sortable show-overflow-tooltip />
<el-table-column label="单位名称" align="center" prop="unitName" sortable show-overflow-tooltip />
<el-table-column label="工程名称" align="center" prop="projectName" sortable show-overflow-tooltip />
<el-table-column label="推送月份" align="center" prop="month" sortable show-overflow-tooltip />
<el-table-column label="租赁费用" align="center" prop="leaseCost" sortable show-overflow-tooltip >
<template slot-scope="scope" >
<span class="clickText" v-if="scope.row.leaseCost!=null" @click="openLease(scope.row)">
{{scope.row.leaseCost.toFixed(2)}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="维修费用" align="center" prop="repairCost" sortable show-overflow-tooltip > <el-table-column label="维修费用" align="center" prop="repairMoney" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span class="clickText" v-if="scope.row.repairCost!=null" @click="openRepair(scope.row)"> <span class="clickText" v-if="scope.row.repairMoney!=null" @click="openRepair(scope.row)">
{{scope.row.repairCost.toFixed(2)}} {{scope.row.repairMoney.toFixed(2)}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="报废费用" align="center" prop="scrapCost" sortable show-overflow-tooltip > <el-table-column label="报废费用" align="center" prop="scrapMoney" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span class="clickText" v-if="scope.row.scrapCost!=null" @click="openScrap(scope.row)"> <span class="clickText" v-if="scope.row.scrapMoney!=null" @click="openScrap(scope.row)">
{{scope.row.scrapCost.toFixed(2)}} {{scope.row.scrapMoney.toFixed(2)}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="丢失费用" align="center" prop="loseCost" sortable show-overflow-tooltip > <el-table-column label="丢失费用" align="center" prop="loseMoney" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span class="clickText" v-if="scope.row.loseCost!=null" @click="openLose(scope.row)"> <span class="clickText" v-if="scope.row.loseMoney!=null" @click="openLose(scope.row)">
{{scope.row.loseCost.toFixed(2)}} {{scope.row.loseMoney.toFixed(2)}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="合计费用" align="center" prop="allCost" sortable show-overflow-tooltip > <el-table-column label="合计费用" align="center" prop="money" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span v-if="scope.row.allCost!=null" > <span v-if="scope.row.money!=null" >
{{scope.row.allCost.toFixed(2)}} {{scope.row.money.toFixed(2)}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="推送月份" align="center" prop="month" sortable show-overflow-tooltip /> <el-table-column label="推送月份" align="center" prop="month" show-overflow-tooltip />
<el-table-column label="推送状态" align="center" prop="status" sortable show-overflow-tooltip > <el-table-column label="推送状态" align="center" prop="status" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span v-if="scope.row.status==0" style="color: #67c23a">已推送</span> <span v-if="scope.row.status==1" style="color: #67c23a">已推送</span>
<span v-if="scope.row.status==1" style="color: #f56c6c">退回</span> <span v-if="scope.row.status==0" style="color: #f56c6c">退回</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="推送备注" align="center" prop="remark" sortable show-overflow-tooltip > <el-table-column label="推送备注" align="center" prop="remark" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span v-if="scope.row.status==1" style="color: #f56c6c">{{ scope.row.remark }}</span> <span v-if="scope.row.status==1" style="color: #f56c6c">{{ scope.row.remark }}</span>
<span v-else >{{ scope.row.remark }}</span> <span v-else >{{ scope.row.remark }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="tabelFirstBottom">
<pagination <div class="columnFirstNum">合计费用</div>
:total="total" <div style="display: flex;width:61%">
:page.sync="queryParams.pageNum" <div class="columnFirst">{{ 2530.55 }}</div>
:limit.sync="queryParams.pageSize" <div class="columnFirst">{{ 2530.55 }}</div>
@pagination="getList" <div class="columnFirst">{{ 2530.55 }}</div>
/> <div class="columnFirst">{{ 2530.55 }}</div>
<div class="columnFirst">{{ 2530.55 }}</div>
<div class="columnFirstRight"></div>
</div>
</div>
<!-- 租赁费用弹窗--> <!-- 租赁费用弹窗-->
<el-dialog :title="title" :visible.sync="showLease" width="1200px" append-to-body> <el-dialog :title="title" :visible.sync="showLease" width="1200px" append-to-body>
@ -455,8 +455,6 @@ export default {
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1,
pageSize: 10,
unitId: null, unitId: null,
projectId: null, projectId: null,
agreementId: '', agreementId: '',
@ -473,8 +471,6 @@ export default {
showLease: false, showLease: false,
dialogLeaseList: [], //租赁费用列表 dialogLeaseList: [], //租赁费用列表
dialogLease: { dialogLease: {
pageNum: 1,
pageSize: 10,
typeName: undefined, typeName: undefined,
modelName: undefined, modelName: undefined,
}, },
@ -484,8 +480,6 @@ export default {
showRepair: false, showRepair: false,
dialogRepairList: [], //维修费用列表 dialogRepairList: [], //维修费用列表
dialogRepair: { dialogRepair: {
pageNum: 1,
pageSize: 10,
typeName: undefined, typeName: undefined,
modelName: undefined, modelName: undefined,
}, },
@ -495,8 +489,6 @@ export default {
showScrap: false, showScrap: false,
dialogScrapList: [], //报废费用列表 dialogScrapList: [], //报废费用列表
dialogScrap: { dialogScrap: {
pageNum: 1,
pageSize: 10,
typeName: undefined, typeName: undefined,
modelName: undefined, modelName: undefined,
}, },
@ -506,8 +498,6 @@ export default {
showLose: false, showLose: false,
dialogLoseList: [], //丢失费用列表 dialogLoseList: [], //丢失费用列表
dialogLose: { dialogLose: {
pageNum: 1,
pageSize: 10,
typeName: undefined, typeName: undefined,
modelName: undefined, modelName: undefined,
}, },
@ -607,6 +597,7 @@ export default {
/** 查询列表 */ /** 查询列表 */
getList() { getList() {
this.loading = true; this.loading = true;
console.log('3333333',this.queryParams.year)
// getPushReviewList(this.queryParams).then((response) => { // getPushReviewList(this.queryParams).then((response) => {
// this.pushReviewList = response.rows; // this.pushReviewList = response.rows;
// this.total = response.total; // this.total = response.total;
@ -649,8 +640,6 @@ export default {
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.queryParams = { this.queryParams = {
pageNum: 1,
pageSize: 10,
isSend: null, isSend: null,
unitId: null, unitId: null,
projectId: null, projectId: null,
@ -665,7 +654,6 @@ export default {
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1;
this.getList(); this.getList();
}, },
@ -898,4 +886,37 @@ export default {
width:88.6%; width:88.6%;
border-left: none; border-left: none;
} }
.tabelFirstBottom {
display: flex;
border: 1px solid #dfe6ec;
width:100%;
border-bottom: 1px solid #dfe6ec;
border-top: none;
}
.columnFirst {
display: flex ;
background-color: #f8f8f9;
padding: 5px;
border-left: 1px solid #dfe6ec;
width:12.5%;
align-items: center;
text-align: center;
justify-content: center; /* 将内容对齐到中间 */
}
.columnFirstRight {
padding: 5px;
border-left: 1px solid #dfe6ec;
width:37.5%;
align-items: center;
text-align: center;
justify-content: center; /* 将内容对齐到中间 */
}
.columnFirstNum {
background-color: #f8f8f9;
padding: 5px;
text-align: center;
width:38.98%;
border-left: none;
}
</style> </style>

169
src/views/material/costPush/pushReview/index.vue
View File

@ -29,7 +29,8 @@
<el-date-picker <el-date-picker
v-model="queryParams.month" v-model="queryParams.month"
type="month" type="month"
placeholder="请选择月份"> placeholder="请选择月份"
value-format="yyyy-MM">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
@ -87,75 +88,73 @@
ref="multipleTable" ref="multipleTable"
row-key="id" row-key="id"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
border
> >
<el-table-column type="selection" width="55" align="center" :selectable="selectable"/> <el-table-column type="selection" width="55" align="center" :selectable="selectable"/>
<el-table-column label="序号" align="center" width="80" type="index"> <el-table-column label="序号" align="center" width="80" type="index"/>
<el-table-column label="协议号" align="center" prop="agreementCode" show-overflow-tooltip />
<el-table-column label="单位名称" align="center" prop="unitName" show-overflow-tooltip />
<el-table-column label="工程名称" align="center" prop="projectName" show-overflow-tooltip />
<el-table-column label="推送月份" align="center" prop="month" show-overflow-tooltip />
<el-table-column label="租赁费用" align="center" prop="leaseMoney" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span>{{ <span class="clickText" v-if="scope.row.leaseMoney!=null" @click="openLease(scope.row)">
(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 {{scope.row.leaseMoney}}
}}</span>
</template>
</el-table-column>
<el-table-column label="协议号" align="center" prop="agreementCode" sortable show-overflow-tooltip />
<el-table-column label="单位名称" align="center" prop="unitName" sortable show-overflow-tooltip />
<el-table-column label="工程名称" align="center" prop="projectName" sortable show-overflow-tooltip />
<el-table-column label="推送月份" align="center" prop="month" sortable show-overflow-tooltip />
<el-table-column label="租赁费用" align="center" prop="leaseCost" sortable show-overflow-tooltip >
<template slot-scope="scope" >
<span class="clickText" v-if="scope.row.leaseCost!=null" @click="openLease(scope.row)">
{{scope.row.leaseCost.toFixed(2)}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="维修费用" align="center" prop="repairCost" sortable show-overflow-tooltip > <el-table-column label="维修费用" align="center" prop="repairMoney" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span class="clickText" v-if="scope.row.repairCost!=null" @click="openRepair(scope.row)"> <span class="clickText" v-if="scope.row.repairMoney!=null" @click="openRepair(scope.row)">
{{scope.row.repairCost.toFixed(2)}} {{scope.row.repairMoney}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="报废费用" align="center" prop="scrapCost" sortable show-overflow-tooltip > <el-table-column label="报废费用" align="center" prop="scrapMoney" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span class="clickText" v-if="scope.row.scrapCost!=null" @click="openScrap(scope.row)"> <span class="clickText" v-if="scope.row.scrapMoney!=null" @click="openScrap(scope.row)">
{{scope.row.scrapCost.toFixed(2)}} {{scope.row.scrapMoney}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="丢失费用" align="center" prop="loseCost" sortable show-overflow-tooltip > <el-table-column label="丢失费用" align="center" prop="loseMoney" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span class="clickText" v-if="scope.row.loseCost!=null" @click="openLose(scope.row)"> <span class="clickText" v-if="scope.row.loseMoney!=null" @click="openLose(scope.row)">
{{scope.row.loseCost.toFixed(2)}} {{scope.row.loseMoney}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="合计费用" align="center" prop="allCost" sortable show-overflow-tooltip > <el-table-column label="合计费用" align="center" prop="money" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span v-if="scope.row.allCost!=null" > <span v-if="scope.row.money!=null" >
{{scope.row.allCost.toFixed(2)}} {{scope.row.money}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="是否结算" align="center" prop="isPay" sortable show-overflow-tooltip > <el-table-column label="是否结算" align="center" prop="isSettlement" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span v-if="scope.row.isPay==0" style="color: #67c23a">已结算</span> <span v-if="scope.row.isSettlement==1" style="color: #67c23a">已结算</span>
<span v-if="scope.row.isPay==1" style="color: #f56c6c">未结算</span> <span v-if="scope.row.isSettlement==0" style="color: #f56c6c">未结算</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="是否审核" align="center" prop="isReview" sortable show-overflow-tooltip > <el-table-column label="是否审核" align="center" prop="isReview" show-overflow-tooltip >
<template slot-scope="scope" > <template slot-scope="scope" >
<span v-if="scope.row.isReview==0" style="color: #67c23a">已审核</span> <span v-if="scope.row.isReview==1" style="color: #67c23a">已审核</span>
<span v-if="scope.row.isReview==1" style="color: #f56c6c">未审核</span> <span v-if="scope.row.isReview==0" style="color: #f56c6c">未审核</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="tabelFirstBottom">
<pagination <div class="columnFirstNum">合计费用</div>
:total="total" <div style="display: flex;width:58%">
:page.sync="queryParams.pageNum" <div class="columnFirst">{{ 2530.55 }}</div>
:limit.sync="queryParams.pageSize" <div class="columnFirst">{{ 2530.55 }}</div>
@pagination="getList" <div class="columnFirst">{{ 2530.55 }}</div>
/> <div class="columnFirst">{{ 2530.55 }}</div>
<div class="columnFirst">{{ 2530.55 }}</div>
<div class="columnFirstRight"></div>
</div>
</div>
<!-- 租赁费用弹窗--> <!-- 租赁费用弹窗-->
<el-dialog :title="title" :visible.sync="showLease" width="1200px" append-to-body> <el-dialog :title="title" :visible.sync="showLease" width="1200px" append-to-body>
@ -185,7 +184,6 @@
type="warning" type="warning"
icon="el-icon-download" icon="el-icon-download"
size="mini" size="mini"
:disabled="!dialogLeaseList.length"
@click="handleExportLease" @click="handleExportLease"
>导出</el-button> >导出</el-button>
</el-form-item> </el-form-item>
@ -249,7 +247,6 @@
type="warning" type="warning"
icon="el-icon-download" icon="el-icon-download"
size="mini" size="mini"
:disabled="!dialogRepairList.length"
@click="handleExportRepair" @click="handleExportRepair"
>导出</el-button> >导出</el-button>
</el-form-item> </el-form-item>
@ -310,7 +307,6 @@
type="warning" type="warning"
icon="el-icon-download" icon="el-icon-download"
size="mini" size="mini"
:disabled="!dialogScrapList.length"
@click="handleExportScrap" @click="handleExportScrap"
>导出</el-button> >导出</el-button>
</el-form-item> </el-form-item>
@ -371,7 +367,6 @@
type="warning" type="warning"
icon="el-icon-download" icon="el-icon-download"
size="mini" size="mini"
:disabled="!dialogLoseList.length"
@click="handleExportLose" @click="handleExportLose"
>导出</el-button> >导出</el-button>
</el-form-item> </el-form-item>
@ -443,8 +438,6 @@ export default {
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1,
pageSize: 10,
unitId: null, unitId: null,
projectId: null, projectId: null,
agreementId: '', agreementId: '',
@ -462,8 +455,6 @@ export default {
showLease: false, showLease: false,
dialogLeaseList: [], //租赁费用列表 dialogLeaseList: [], //租赁费用列表
dialogLease: { dialogLease: {
pageNum: 1,
pageSize: 10,
typeName: undefined, typeName: undefined,
modelName: undefined, modelName: undefined,
}, },
@ -473,8 +464,6 @@ export default {
showRepair: false, showRepair: false,
dialogRepairList: [], //维修费用列表 dialogRepairList: [], //维修费用列表
dialogRepair: { dialogRepair: {
pageNum: 1,
pageSize: 10,
typeName: undefined, typeName: undefined,
modelName: undefined, modelName: undefined,
}, },
@ -484,8 +473,6 @@ export default {
showScrap: false, showScrap: false,
dialogScrapList: [], //报废费用列表 dialogScrapList: [], //报废费用列表
dialogScrap: { dialogScrap: {
pageNum: 1,
pageSize: 10,
typeName: undefined, typeName: undefined,
modelName: undefined, modelName: undefined,
}, },
@ -495,8 +482,6 @@ export default {
showLose: false, showLose: false,
dialogLoseList: [], //丢失费用列表 dialogLoseList: [], //丢失费用列表
dialogLose: { dialogLose: {
pageNum: 1,
pageSize: 10,
typeName: undefined, typeName: undefined,
modelName: undefined, modelName: undefined,
}, },
@ -594,41 +579,11 @@ export default {
/** 查询岗位列表 */ /** 查询岗位列表 */
getList() { getList() {
this.loading = true; this.loading = true;
// getPushReviewList(this.queryParams).then((response) => { console.log(this.queryParams.month)
// this.pushReviewList = response.rows; getPushReviewList(this.queryParams).then((response) => {
// this.total = response.total; this.pushReviewList = response.rows;
// this.loading = false; this.loading = false;
// }); });
this.pushReviewList = [
{
id: 1,
agreementCode: '1',
unitName: '1',
projectName: '1',
month: '2022-01',
leaseCost: 100,
repairCost: 100,
scrapCost: 100,
loseCost: 100,
allCost: 100,
isPay: '0',
isReview: '0',
},
{
id: 2,
agreementCode: '2',
unitName: '2',
projectName: '2',
month: '2022-01',
leaseCost: 100,
repairCost: 100,
scrapCost: 100,
loseCost: 100,
allCost: 100,
isPay: '0',
isReview: '1',
},
]
this.loading = false; this.loading = false;
}, },
@ -653,7 +608,6 @@ export default {
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1;
this.getList(); this.getList();
}, },
@ -881,4 +835,37 @@ export default {
width:88.6%; width:88.6%;
border-left: none; border-left: none;
} }
.tabelFirstBottom {
display: flex;
border: 1px solid #dfe6ec;
width:100%;
border-bottom: 1px solid #dfe6ec;
border-top: none;
}
.columnFirst {
display: flex ;
background-color: #f8f8f9;
padding: 5px;
border-left: 1px solid #dfe6ec;
width:14.38%;
align-items: center;
text-align: center;
justify-content: center; /* 将内容对齐到中间 */
}
.columnFirstRight {
padding: 5px;
border-left: 1px solid #dfe6ec;
width:28.6%;
align-items: center;
text-align: center;
justify-content: center; /* 将内容对齐到中间 */
}
.columnFirstNum {
background-color: #f8f8f9;
padding: 5px;
text-align: center;
width:41.9%;
border-left: none;
}
</style> </style>