fix: BUG修改

This commit is contained in:
kun 2024-06-05 17:47:23 +08:00
parent 198deb9301
commit b41a93ecb6
11 changed files with 117 additions and 46 deletions

View File

@ -3,10 +3,12 @@
align-items: center;
}
@mixin td {
width: 20%;
text-overflow: ellipsis;
white-space: nowrap;
width: 25%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
color: #90a1c4;
}
@ -20,7 +22,8 @@
// margin-left: 21px;
// }
.rank-content {
width: 538px;
// width: 538px;
width: 100%;
.content-title {
width: 100%;
height: 36px;
@ -49,6 +52,15 @@
background: linear-gradient(90deg, rgba(50, 98, 179, 0.2) 0%, rgba(50, 98, 179, 0) 47%, rgba(50, 98, 179, 0.2) 100%);
}
}
.left {
width: 20%;
}
.center {
width: 39%;
}
.right {
width: 39%;
}
.left,
.center,
.right {
@ -74,7 +86,7 @@
font-family: OPPOSans-Bold;
font-weight: Bold;
color: #ffffff;
font-size: 20px;
font-size: 18px;
background: url("@/assets/images/hzImg/assessmentImg/numSum.png") no-repeat center center;
background-size: 100% 100%;
text-indent: 10px;
@ -115,7 +127,7 @@
background-size: 100% 100%;
.td {
@include td;
font-size: 22px;
font-size: 18px;
}
.td:last-child {
display: flex;
@ -125,7 +137,9 @@
}
}
.table-body:nth-child(2n) {
height: 35px;
// height: 35px;
// line-height: 35px;
min-height: 35px;
line-height: 35px;
@include flex;
background: url("@/assets/images/hzImg/assessmentImg/tableBg-light.png") no-repeat center;
@ -133,11 +147,13 @@
margin-top: 12px;
.td {
@include td;
font-size: 22px;
font-size: 18px;
}
}
.table-body:nth-child(2n - 1) {
height: 35px;
// height: 35px;
// line-height: 35px;
min-height: 35px;
line-height: 35px;
@include flex;
background: url("@/assets/images/hzImg/assessmentImg/tableBg-dark.png") no-repeat center;
@ -145,7 +161,7 @@
margin-top: 12px;
.td {
@include td;
font-size: 22px;
font-size: 18px;
}
}
}

View File

@ -46,22 +46,22 @@
<!-- <div class="type-title">未验收项目</div> -->
<div class="table-content">
<div class="table-header">
<div class="td">序号</div>
<div class="td" style="width: 15%">序号</div>
<div class="td">企业名称</div>
<div class="td">企业类型</div>
<div class="td">项目名称</div>
<div class="td" @click="changeSort(1)">
<!-- <div class="td">企业类型</div> -->
<div class="td" style="width: 45%">项目名称</div>
<div class="td" @click="changeSort(1)" style="width: 15%">
<span>得分</span>
<el-icon color="#5BC7F7" :size="12"><d-caret /></el-icon>
</div>
</div>
<template v-for="(item, index) in allRankList" :key="index">
<div class="table-body">
<div class="td">{{ index + 1 }}</div>
<div class="td" style="width: 15%">{{ index + 1 }}</div>
<div class="td" :title="item.enterpriseName">{{ item.enterpriseName }}</div>
<div class="td">{{ item.enterpriseTypeName }}</div>
<div class="td" :title="item.engineeringName">{{ item.engineeringName }}</div>
<div class="td">{{ item.score }}</div>
<!-- <div class="td">{{ item.enterpriseTypeName }}</div> -->
<div class="td" style="width: 45%" :title="item.engineeringName">{{ item.engineeringName }}</div>
<div class="td" style="width: 15%">{{ item.score }}</div>
</div>
</template>
</div>
@ -89,21 +89,21 @@
</div>
<div class="table-content">
<div class="table-header">
<div class="td">序号</div>
<div class="td" style="width: 15%">序号</div>
<div class="td">企业名称</div>
<div class="td">企业类型</div>
<div class="td">项目名称</div>
<div class="td" @click="changeSort(2)">
<!-- <div class="td">企业类型</div> -->
<div class="td" style="width: 45%">项目名称</div>
<div class="td" @click="changeSort(2)" style="width: 15%">
<span>得分</span>
<el-icon color="#5BC7F7" :size="12"><d-caret /></el-icon>
</div>
</div>
<div class="table-body" v-for="(item, index) in engineerCountList" :key="index">
<div class="td">{{ index + 1 }}</div>
<div class="td" style="width: 15%">{{ index + 1 }}</div>
<div class="td" :title="item.enterpriseName">{{ item.enterpriseName }}</div>
<div class="td">{{ item.enterpriseTypeName }}</div>
<div class="td" :title="item.engineeringName">{{ item.engineeringName }}</div>
<div class="td">{{ item.score }}</div>
<!-- <div class="td">{{ item.enterpriseTypeName }}</div> -->
<div class="td" style="width: 45%" :title="item.engineeringName">{{ item.engineeringName }}</div>
<div class="td" style="width: 15%">{{ item.score }}</div>
</div>
</div>
</div>

View File

@ -300,7 +300,7 @@ const columns: ColumnProps[] = [
{ prop: "legalPerson", label: "法人代表" },
{ prop: "legalPersonTel", label: "法人代表手机" },
{ prop: "createTime", label: "登记时间" },
{ prop: "state", label: "审核状态" },
// { prop: "state", label: "" },
{ prop: "operation", label: "操作", fixed: "right", width: 180 }
];

View File

@ -31,7 +31,7 @@
</template>
</el-table-column>
<el-table-column prop="suggest" label="未达标整改意见" width="200"> </el-table-column>
<el-table-column align="center" label="操作" width="180">
<el-table-column align="center" label="操作" width="180" fixed="right">
<template #default="scope">
<el-button type="primary" v-auth="'investment_payment_update'" link @click="handleEditItem(scope.row)">
<img src="@/assets/images/tableIcon/updateIcon.png" alt="" class="configureIcon" />
@ -88,7 +88,7 @@
</template>
</divDialogComponent>
<!-- 投资支付详情 -->
<divDialogComponent v-model:visible="payVisible">
<divDialogComponent v-model:visible="payVisible" class="add-edit-box">
<template #topContent>
<div class="title-detail">
<span>查看详情</span>
@ -384,7 +384,7 @@ onMounted(() => {
.overview {
// background-color: #fff;
height: 100%;
:deep(.el-dialog) {
position: relative;
background-color: rgba(9, 64, 95, 0.85);
@ -417,14 +417,16 @@ onMounted(() => {
}
.detail-table {
height: 411px;
height: 100%;
margin: 0 20px;
display: flex;
flex-direction: column;
.button-title {
@include flex;
}
.table {
height: 310px;
height: 85%;
margin-top: 20px;
:deep(.el-table) {
@ -487,4 +489,19 @@ onMounted(() => {
width: 0;
}
}
:deep() {
.table .el-table th.el-table-fixed-column--right,
.table-main .el-table th.el-table-fixed-column--right {
background-color: var(--el-table-row-hover-bg-color) !important;
}
.table .el-table td.el-table-fixed-column--right,
.table-main .el-table td.el-table-fixed-column--right {
background-color: var(--el-table-row-hover-bg-color) !important;
}
}
.add-edit-box {
:deep(.center-content) {
height: 90%;
}
}
</style>

View File

@ -344,8 +344,10 @@ onMounted(() => {
}
.detail-table {
height: 411px;
height: 100%;
margin: 0 20px;
display: flex;
flex-direction: column;
.button-title {
@include flex;
> span {
@ -355,7 +357,7 @@ onMounted(() => {
}
.table {
height: 310px;
height: 90%;
margin-top: 20px;
:deep(.el-table) {
@ -372,7 +374,8 @@ onMounted(() => {
}
}
.sub-table {
height: 391px;
height: 96%;
margin: 0 20px;
.button-optoion {
margin-bottom: 20px;
}

View File

@ -139,6 +139,11 @@
color: #a8abb2;
}
}
.add-edit-box {
:deep(.center-content) {
height: 90%;
}
}
// :deep(.el-dialog__body) {
// padding: 0 0 0 0 !important;
// background-color: pink;

View File

@ -102,7 +102,7 @@
</DialogFormDiv>
</template>
</divDialogComponent>
<divDialogComponent v-model:visible="detailsDialog">
<divDialogComponent v-model:visible="detailsDialog" class="add-edit-box">
<template #topContent>
<div class="title-detail">
<span>查看投资支付</span>

View File

@ -66,7 +66,7 @@
</div>
</div>
<divDialogComponent v-model:visible="auditVisible">
<divDialogComponent v-model:visible="auditVisible" class="add-edit-box">
<template #topContent>
<div class="title-detail">
<span>新增</span>
@ -83,7 +83,7 @@
<el-table
:data="recordItemData"
class="el-table"
height="350"
height="100%"
:row-style="{ height: '40px' }"
:header-cell-style="{ textAlign: 'center', height: '40px' }"
:cell-style="{ textAlign: 'center', height: '40px' }"
@ -111,7 +111,7 @@
<el-table-column prop="endAmount" label="金额(元)" width="120"> </el-table-column>
</el-table-column>
<el-table-column prop="remark" label="备注"> </el-table-column>
<el-table-column align="left" label="操作" width="200">
<el-table-column align="left" label="操作" width="200" fixed="right">
<template #default="scope">
<el-button type="primary" v-auth="'investment_apply_update'" link @click="handleEditItem2(scope.row)">
<img src="@/assets/images/tableIcon/updateIcon.png" alt="" class="configureIcon" />
@ -768,7 +768,7 @@ onMounted(() => {
.overview {
// background-color: #fff;
height: 100%;
:deep(.el-dialog) {
position: relative;
background-color: rgba(9, 64, 95, 0.85);
@ -801,14 +801,16 @@ onMounted(() => {
}
.detail-table {
height: 411px;
height: 100%;
margin: 0 20px;
display: flex;
flex-direction: column;
.button-title {
@include flex;
}
.table {
height: 310px;
height: 100%;
margin-top: 20px;
:deep(.el-table) {
@ -825,10 +827,16 @@ onMounted(() => {
}
}
.sub-table {
height: 391px;
height: 100%;
display: flex;
flex-direction: column;
margin: 0 20px;
.button-optoion {
margin-bottom: 20px;
}
.el-table {
margin-bottom: 20px;
}
}
.test :deep(.el-input__wrapper) {
@ -889,4 +897,19 @@ onMounted(() => {
width: 230px !important;
}
}
.add-edit-box {
:deep(.center-content) {
height: 90%;
}
}
:deep() {
.el-table th.el-table-fixed-column--right,
.table-main .el-table th.el-table-fixed-column--right {
background-color: var(--el-table-row-hover-bg-color) !important;
}
.el-table td.el-table-fixed-column--right,
.table-main .el-table td.el-table-fixed-column--right {
background-color: var(--el-table-row-hover-bg-color) !important;
}
}
</style>

View File

@ -133,6 +133,11 @@
color: #a8abb2;
}
}
.add-edit-box {
:deep(.center-content) {
height: 90%;
}
}
// :deep(.el-dialog__body) {
// padding: 0 0 0 0 !important;
// background-color: pink;

View File

@ -88,7 +88,7 @@
</template>
</divDialogComponent>
<!-- 投资支付详情 -->
<divDialogComponent v-model:visible="detailsDialog">
<divDialogComponent v-model:visible="detailsDialog" class="add-edit-box">
<template #topContent>
<div class="title-detail">
<span>查看详情</span>

View File

@ -4,6 +4,7 @@
v-model="active"
:tabs="['项目名称', '工程名称']"
:records="records"
:activeIndex="modelActive"
@change-page="onCurChange"
@search="onSearchInput"
:pageable="pages"
@ -102,6 +103,7 @@ import { ColumnProps } from "@/components/ProTable/interface";
import { parentItemGovermentList, payGovermentAdd } from "@/api/modules/huizhou";
import { useRoute, useRouter } from "vue-router";
import { sendIframeMessage } from "@/utils/util";
const modelActive = ref(0);
const leftMenuIndex = ref(0);
const route = useRoute();
const pages = ref({
@ -401,8 +403,8 @@ watch(
onMounted(async () => {
await getEngPage();
onSearch(records.value[0]);
searchSn.value = (records.value as any[])[0].projectSn;
searchName.value = (records.value as any[])[0].projectName;
searchSn.value = (records.value as any[])[0].engineeringSn;
searchName.value = (records.value as any[])[0].engineeringName;
console.log(store.path);
await sendIframeMessage({ obj: { path: route.path } }, 2, undefined);
});