wkc/ccdi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

统一信息维护正式化外壳样式

Browse Source
This commit is contained in:
wjj
2026-04-29 17:19:45 +08:00
parent 95ac01d7dc
commit 6f2ea5994a
27 changed files with 2037 additions and 338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
ruoyi-ui/src/views/ccdiAccountInfo/index.vue
View File

@@ -113,7 +113,8 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
</el-row>
<el-table v-loading="loading" :data="rows" stripe border class="account-table">
<div class="formal-table-shell">
<el-table v-loading="loading" :data="rows" stripe border class="account-table">
<el-table-column label="员工姓名" prop="staffName" min-width="120">
<template slot-scope="scope">{{ scope.row.staffName || '-' }}</template>
</el-table-column>
@@ -193,9 +194,10 @@
>删除</el-button>
</template>
</el-table-column>
</el-table>
</el-table>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
</div>
</div>
<el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="1160px" append-to-body>
@@ -872,19 +874,89 @@ export default {
.account-page {
min-height: calc(100vh - 84px);
background: #f5f7fa;
padding: 24px;
background: #f5f6f8;
}
.board {
padding: 20px;
border-radius: 8px;
padding: 0;
border-radius: 0;
background: transparent;
border: 0;
}
.query-form {
margin-bottom: 16px;
padding: 18px 20px 2px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #fff;
border: 1px solid #ebeef5;
}
.query-form ::v-deep .el-form-item {
margin-bottom: 16px;
}
.query-form ::v-deep .el-form-item__label {
color: #637187;
font-weight: 600;
}
.query-form ::v-deep .el-input__inner,
.query-form ::v-deep .el-select .el-input__inner {
border-color: #dde3ec;
border-radius: 3px;
}
.mb8 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 14px 20px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.mb8 ::v-deep .el-button {
border-radius: 4px;
}
.mb8 ::v-deep .top-right-btn {
margin-left: auto;
}
.formal-table-shell {
padding: 4px 0 16px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
overflow: hidden;
}
.account-table ::v-deep .el-table__header th {
background: #f8f8f9;
color: #515a6e;
background: #f6f8fb;
color: #607086;
padding: 9px 0;
}
.account-table ::v-deep .el-table td,
.account-table ::v-deep .el-table th.is-leaf {
border-bottom-color: #edf1f5;
}
.account-table ::v-deep .el-table td {
padding: 8px 0;
}
.account-table ::v-deep .el-table th > .cell,
.account-table ::v-deep .el-table td > .cell {
line-height: 1.4;
}
.formal-table-shell ::v-deep .pagination-container {
padding: 16px 20px 0;
}
.form-section {
@@ -913,4 +985,18 @@ export default {
font-weight: 700;
}
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
</style>

228
ruoyi-ui/src/views/ccdiBaseStaff/index.vue
View File

@@ -112,64 +112,66 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="baseStaffList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true"/>
<el-table-column label="柜员号" align="center" prop="staffId" :show-overflow-tooltip="true"/>
<el-table-column label="身份证号" align="center" prop="idCard" :show-overflow-tooltip="true"/>
<el-table-column label="所属部门" align="center" prop="deptName" :show-overflow-tooltip="true"/>
<el-table-column label="电话" align="center" prop="phone" width="120"/>
<el-table-column label="年收入" align="center" prop="annualIncome" width="140"/>
<el-table-column label="是否党员" align="center" prop="partyMember" width="100">
<template slot-scope="scope">
<span>{{ formatPartyMember(scope.row.partyMember) }}</span>
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status" width="100">
<template slot-scope="scope">
<el-tag v-if="scope.row.status === '0'" type="success">在职</el-tag>
<el-tag v-else type="danger">离职</el-tag>
</template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
v-hasPermi="['ccdi:employee:query']"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ccdi:employee:edit']"
>编辑</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ccdi:employee:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="formal-table-shell">
<el-table v-loading="loading" :data="baseStaffList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true"/>
<el-table-column label="柜员号" align="center" prop="staffId" :show-overflow-tooltip="true"/>
<el-table-column label="身份证号" align="center" prop="idCard" :show-overflow-tooltip="true"/>
<el-table-column label="所属部门" align="center" prop="deptName" :show-overflow-tooltip="true"/>
<el-table-column label="电话" align="center" prop="phone" width="120"/>
<el-table-column label="年收入" align="center" prop="annualIncome" width="140"/>
<el-table-column label="是否党员" align="center" prop="partyMember" width="100">
<template slot-scope="scope">
<span>{{ formatPartyMember(scope.row.partyMember) }}</span>
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status" width="100">
<template slot-scope="scope">
<el-tag v-if="scope.row.status === '0'" type="success">在职</el-tag>
<el-tag v-else type="danger">离职</el-tag>
</template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
v-hasPermi="['ccdi:employee:query']"
>详情</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ccdi:employee:edit']"
>编辑</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ccdi:employee:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="80%" append-to-body class="employee-edit-dialog">
@@ -1472,6 +1474,12 @@ export default {
</script>
<style scoped>
.app-container {
min-height: calc(100vh - 84px);
padding: 24px;
background: #f5f6f8;
}
.query-form ::v-deep .el-row {
display: flex;
flex-wrap: wrap;
@@ -1483,6 +1491,84 @@ export default {
.query-form ::v-deep .el-form-item {
margin-right: 0;
margin-bottom: 16px;
}
.query-form {
margin-bottom: 16px;
padding: 18px 20px 2px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.query-form ::v-deep .el-form-item__label {
color: #637187;
font-weight: 600;
}
.query-form ::v-deep .el-input__inner,
.query-form ::v-deep .el-select .el-input__inner,
.query-form ::v-deep .vue-treeselect__control {
border-color: #dde3ec;
border-radius: 3px;
}
.mb8 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 14px 20px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.formal-table-shell {
padding: 4px 0 16px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
overflow: hidden;
}
.mb8 ::v-deep .el-button {
border-radius: 4px;
}
.mb8 ::v-deep .top-right-btn {
margin-left: auto;
}
.formal-table-shell ::v-deep .el-table th {
background: #f6f8fb;
color: #607086;
padding: 9px 0;
}
.formal-table-shell ::v-deep .el-table td,
.formal-table-shell ::v-deep .el-table th.is-leaf {
border-bottom-color: #edf1f5;
}
.formal-table-shell ::v-deep .el-table td {
padding: 8px 0;
}
.formal-table-shell ::v-deep .el-table th > .cell,
.formal-table-shell ::v-deep .el-table td > .cell {
text-align: left;
line-height: 1.4;
}
.formal-table-shell ::v-deep .fixed-width .cell,
.formal-table-shell ::v-deep .el-table-column--selection .cell {
text-align: center;
}
.formal-table-shell ::v-deep .pagination-container {
padding: 16px 20px 0;
}
.detail-form .el-form-item {
@@ -1495,8 +1581,9 @@ export default {
}
.employee-detail-dialog .info-section {
background: #f9fafb;
border-radius: 8px;
background: #ffffff;
border: 1px solid #dde3ec;
border-radius: 4px;
padding: 16px;
margin-bottom: 16px;
}
@@ -1509,7 +1596,7 @@ export default {
color: #303133;
margin-bottom: 12px;
padding-bottom: 10px;
border-bottom: 1px solid #e4e7ed;
border-bottom: 1px solid #edf1f5;
}
.employee-detail-dialog .section-title i {
@@ -1567,9 +1654,9 @@ export default {
align-items: center;
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 1px solid #e4e7ed;
border-bottom: 1px solid #edf1f5;
font-size: 14px;
font-weight: 500;
font-weight: 600;
color: #303133;
}
@@ -1650,6 +1737,23 @@ export default {
font-size: 13px;
margin-right: 8px;
}
.employee-edit-dialog ::v-deep .el-dialog,
.employee-detail-dialog ::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
.employee-edit-dialog ::v-deep .el-dialog__header,
.employee-detail-dialog ::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
.employee-edit-dialog ::v-deep .el-dialog__body,
.employee-detail-dialog ::v-deep .el-dialog__body {
background: #f8fafc;
}
</style>
<!-- 导入结果弹窗已抽离为独立组件 ImportResultDialog -->

116
ruoyi-ui/src/views/ccdiCreditInfo/index.vue
View File

@@ -40,7 +40,8 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
</el-row>
<el-table :data="creditInfoList" v-loading="loading">
<div class="formal-table-shell">
<el-table :data="creditInfoList" v-loading="loading">
<el-table-column label="姓名" prop="name" align="center" />
<el-table-column label="身份证号" prop="idCard" align="center" />
<el-table-column label="最近征信查询日期" align="center" width="160">
@@ -59,15 +60,16 @@
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<el-dialog title="批量上传征信HTML" :visible.sync="uploadDialogVisible" width="720px" append-to-body>
<el-upload
@@ -335,6 +337,12 @@ export default {
</script>
<style scoped>
.app-container {
min-height: calc(100vh - 84px);
padding: 24px;
background: #f5f6f8;
}
.query-form ::v-deep .el-row {
display: flex;
flex-wrap: wrap;
@@ -346,6 +354,82 @@ export default {
.query-form ::v-deep .el-form-item {
margin-right: 0;
margin-bottom: 16px;
}
.query-form {
margin-bottom: 16px;
padding: 18px 20px 2px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.query-form ::v-deep .el-form-item__label {
color: #637187;
font-weight: 600;
}
.query-form ::v-deep .el-input__inner,
.query-form ::v-deep .el-select .el-input__inner {
border-color: #dde3ec;
border-radius: 3px;
}
.mb8 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 14px 20px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.mb8 ::v-deep .el-button {
border-radius: 4px;
}
.mb8 ::v-deep .top-right-btn {
margin-left: auto;
}
.formal-table-shell {
padding: 4px 0 16px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
overflow: hidden;
}
.formal-table-shell ::v-deep .el-table th {
background: #f6f8fb;
color: #607086;
padding: 9px 0;
}
.formal-table-shell ::v-deep .el-table td,
.formal-table-shell ::v-deep .el-table th.is-leaf {
border-bottom-color: #edf1f5;
}
.formal-table-shell ::v-deep .el-table td {
padding: 8px 0;
}
.formal-table-shell ::v-deep .el-table th > .cell,
.formal-table-shell ::v-deep .el-table td > .cell {
text-align: left;
line-height: 1.4;
}
.formal-table-shell ::v-deep .fixed-width .cell {
text-align: center;
}
.formal-table-shell ::v-deep .pagination-container {
padding: 16px 20px 0;
}
.upload-result {
@@ -385,4 +469,18 @@ export default {
font-weight: 600;
color: #303133;
}
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
</style>

117
ruoyi-ui/src/views/ccdiCustEnterpriseRelation/index.vue
View File

@@ -90,7 +90,8 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
<div class="formal-table-shell">
<el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="身份证号" align="center" prop="personId" width="180" :show-overflow-tooltip="true"/>
<el-table-column label="企业名称" align="center" prop="enterpriseName" :show-overflow-tooltip="true"/>
@@ -135,15 +136,16 @@
>删除</el-button>
</template>
</el-table-column>
</el-table>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
@@ -841,6 +843,12 @@ export default {
</script>
<style scoped>
.app-container {
min-height: calc(100vh - 84px);
padding: 24px;
background: #f5f6f8;
}
.query-form ::v-deep .el-row {
display: flex;
flex-wrap: wrap;
@@ -852,6 +860,83 @@ export default {
.query-form ::v-deep .el-form-item {
margin-right: 0;
margin-bottom: 16px;
}
.query-form {
margin-bottom: 16px;
padding: 18px 20px 2px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.query-form ::v-deep .el-form-item__label {
color: #637187;
font-weight: 600;
}
.query-form ::v-deep .el-input__inner,
.query-form ::v-deep .el-select .el-input__inner {
border-color: #dde3ec;
border-radius: 3px;
}
.mb8 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 14px 20px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.mb8 ::v-deep .el-button {
border-radius: 4px;
}
.mb8 ::v-deep .top-right-btn {
margin-left: auto;
}
.formal-table-shell {
padding: 4px 0 16px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
overflow: hidden;
}
.formal-table-shell ::v-deep .el-table th {
background: #f6f8fb;
color: #607086;
padding: 9px 0;
}
.formal-table-shell ::v-deep .el-table td,
.formal-table-shell ::v-deep .el-table th.is-leaf {
border-bottom-color: #edf1f5;
}
.formal-table-shell ::v-deep .el-table td {
padding: 8px 0;
}
.formal-table-shell ::v-deep .el-table th > .cell,
.formal-table-shell ::v-deep .el-table td > .cell {
text-align: left;
line-height: 1.4;
}
.formal-table-shell ::v-deep .fixed-width .cell,
.formal-table-shell ::v-deep .el-table-column--selection .cell {
text-align: center;
}
.formal-table-shell ::v-deep .pagination-container {
padding: 16px 20px 0;
}
.detail-container {
@@ -861,4 +946,18 @@ export default {
.el-divider {
margin: 16px 0;
}
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
</style>

117
ruoyi-ui/src/views/ccdiCustFmyRelation/index.vue
View File

@@ -91,7 +91,8 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
<div class="formal-table-shell">
<el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="信贷客户身份证号" align="center" prop="personId" width="180"/>
<el-table-column label="关系类型" align="center" prop="relationType" width="100">
@@ -143,15 +144,16 @@
>删除</el-button>
</template>
</el-table-column>
</el-table>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
@@ -1097,6 +1099,12 @@ export default {
</script>
<style scoped>
.app-container {
min-height: calc(100vh - 84px);
padding: 24px;
background: #f5f6f8;
}
.query-form ::v-deep .el-row {
display: flex;
flex-wrap: wrap;
@@ -1108,9 +1116,100 @@ export default {
.query-form ::v-deep .el-form-item {
margin-right: 0;
margin-bottom: 16px;
}
.query-form {
margin-bottom: 16px;
padding: 18px 20px 2px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.query-form ::v-deep .el-form-item__label {
color: #637187;
font-weight: 600;
}
.query-form ::v-deep .el-input__inner,
.query-form ::v-deep .el-select .el-input__inner {
border-color: #dde3ec;
border-radius: 3px;
}
.mb8 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 14px 20px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.mb8 ::v-deep .el-button {
border-radius: 4px;
}
.mb8 ::v-deep .top-right-btn {
margin-left: auto;
}
.formal-table-shell {
padding: 4px 0 16px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
overflow: hidden;
}
.formal-table-shell ::v-deep .el-table th {
background: #f6f8fb;
color: #607086;
padding: 9px 0;
}
.formal-table-shell ::v-deep .el-table td,
.formal-table-shell ::v-deep .el-table th.is-leaf {
border-bottom-color: #edf1f5;
}
.formal-table-shell ::v-deep .el-table td {
padding: 8px 0;
}
.formal-table-shell ::v-deep .el-table th > .cell,
.formal-table-shell ::v-deep .el-table td > .cell {
text-align: left;
line-height: 1.4;
}
.formal-table-shell ::v-deep .fixed-width .cell,
.formal-table-shell ::v-deep .el-table-column--selection .cell {
text-align: center;
}
.formal-table-shell ::v-deep .pagination-container {
padding: 16px 20px 0;
}
.detail-container {
padding: 0 20px;
}
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
</style>

42
ruoyi-ui/src/views/ccdiIntermediary/components/DataTable.vue
View File

@@ -1,5 +1,5 @@
<template>
<div>
<div class="formal-table-shell">
<el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="名称" align="center" prop="name" :show-overflow-tooltip="true" />
@@ -74,3 +74,43 @@ export default {
}
};
</script>
<style scoped>
.formal-table-shell {
padding: 4px 0 16px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
overflow: hidden;
}
.formal-table-shell ::v-deep .el-table th {
background: #f6f8fb;
color: #607086;
padding: 9px 0;
}
.formal-table-shell ::v-deep .el-table td,
.formal-table-shell ::v-deep .el-table th.is-leaf {
border-bottom-color: #edf1f5;
}
.formal-table-shell ::v-deep .el-table td {
padding: 8px 0;
}
.formal-table-shell ::v-deep .el-table th > .cell,
.formal-table-shell ::v-deep .el-table td > .cell {
text-align: left;
line-height: 1.4;
}
.formal-table-shell ::v-deep .fixed-width .cell,
.formal-table-shell ::v-deep .el-table-column--selection .cell {
text-align: center;
}
.formal-table-shell ::v-deep .pagination-container {
padding: 16px 20px 0;
}
</style>

24
ruoyi-ui/src/views/ccdiIntermediary/components/DetailDialog.vue
View File

@@ -113,6 +113,30 @@ export default {
justify-content: space-between;
align-items: center;
margin: 18px 0 12px;
padding-bottom: 10px;
border-bottom: 1px solid #edf1f5;
font-weight: 600;
}
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
::v-deep .el-descriptions {
background: #ffffff;
}
::v-deep .el-table th {
background: #f6f8fb;
}
</style>

27
ruoyi-ui/src/views/ccdiIntermediary/components/EditDialog.vue
View File

@@ -207,3 +207,30 @@ export default {
}
};
</script>
<style scoped>
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
::v-deep .el-form-item {
margin-bottom: 16px;
}
::v-deep .el-input__inner,
::v-deep .el-select .el-input__inner,
::v-deep .el-textarea__inner {
border-radius: 3px;
border-color: #dde3ec;
}
</style>

20
ruoyi-ui/src/views/ccdiIntermediary/components/ImportDialog.vue
View File

@@ -332,8 +332,9 @@ export default {
.scene-tips {
padding: 12px 14px;
background: #f5f7fa;
border-radius: 4px;
background: #f8fafc;
border: 1px solid #dde3ec;
border-radius: 3px;
color: #606266;
line-height: 1.7;
@@ -349,6 +350,7 @@ export default {
.el-button {
min-width: 110px;
margin: 0 8px;
border-radius: 4px;
}
}
@@ -386,4 +388,18 @@ export default {
transform: rotate(360deg);
}
}
::v-deep .import-dialog-wrapper {
border-radius: 6px;
overflow: hidden;
}
::v-deep .import-dialog-wrapper .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .import-dialog-wrapper .el-dialog__body {
background: #f8fafc;
}
</style>

20
ruoyi-ui/src/views/ccdiIntermediary/components/SearchForm.vue
View File

@@ -80,5 +80,25 @@ export default {
.query-form ::v-deep .el-form-item {
margin-right: 0;
margin-bottom: 16px;
}
.query-form {
margin-bottom: 16px;
padding: 18px 20px 2px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.query-form ::v-deep .el-form-item__label {
color: #637187;
font-weight: 600;
}
.query-form ::v-deep .el-input__inner,
.query-form ::v-deep .el-select .el-input__inner {
border-color: #dde3ec;
border-radius: 3px;
}
</style>

41
ruoyi-ui/src/views/ccdiIntermediary/index.vue
View File

@@ -788,3 +788,44 @@ export default {
}
};
</script>
<style scoped>
.app-container {
min-height: calc(100vh - 84px);
padding: 24px;
background: #f5f6f8;
}
.mb8 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 14px 20px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.mb8 ::v-deep .el-button {
border-radius: 4px;
}
.mb8 ::v-deep .top-right-btn {
margin-left: auto;
}
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
</style>

119
ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue
View File

@@ -216,23 +216,23 @@ export default {
.project-analysis-dialog__body {
display: flex;
flex-direction: column;
border: 1px solid #e2e8f0;
border-radius: 24px;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
min-height: calc(96vh - 64px);
border: 1px solid #dde3ec;
background: #ffffff;
overflow: hidden;
}
.project-analysis-header {
padding: 24px 28px 18px;
border-bottom: 1px solid #e2e8f0;
background: linear-gradient(135deg, #eff6ff 0%, #ffffff 65%);
padding: 32px 36px 24px;
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
.project-analysis-header__main {
display: flex;
align-items: flex-start;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
gap: 24px;
}
.project-analysis-header__title-group {
@@ -240,49 +240,52 @@ export default {
}
.project-analysis-header__eyebrow {
font-size: 12px;
color: #65758d;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.08em;
color: #64748b;
line-height: 1;
}
.project-analysis-header__title {
margin-top: 8px;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
color: #0f172a;
margin-top: 18px;
color: #101a2b;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
.project-analysis-header__meta {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 12px 14px;
border: 1px solid #fde68a;
border-radius: 999px;
background: #fffbeb;
gap: 10px;
min-height: 34px;
padding: 0 12px;
border: 1px solid #bfd0e2;
border-radius: 2px;
background: #eef4f9;
}
.project-analysis-header__meta-label {
font-size: 12px;
color: #92400e;
color: #637187;
font-size: 13px;
font-weight: 600;
}
.project-analysis-header__meta-value {
color: #245b8f;
font-size: 13px;
font-weight: 600;
color: #b45309;
}
.project-analysis-workspace {
display: flex;
align-items: flex-start;
gap: 24px;
gap: 36px;
min-height: 700px;
max-height: calc(96vh - 170px);
padding: 24px 28px 28px;
max-height: calc(96vh - 168px);
padding: 36px;
overflow: auto;
background: #ffffff;
}
.project-analysis-layout {
@@ -292,21 +295,73 @@ export default {
}
.project-analysis-layout__sidebar {
flex: 0 0 340px;
flex: 0 0 420px;
}
.project-analysis-layout__main {
flex: 1;
min-width: 0;
border-left: 1px solid #e2e8f0;
padding-left: 24px;
border-left: 1px solid #dde3ec;
padding-left: 36px;
}
.project-analysis-layout__alert {
margin-bottom: 16px;
margin-bottom: 20px;
}
.project-analysis-tabs {
margin-top: -8px;
margin-top: -6px;
}
</style>
<style lang="scss">
.project-analysis-dialog {
margin-top: 2vh !important;
border-radius: 0;
background: #f5f6f8;
overflow: hidden;
.el-dialog__header {
display: none;
}
.el-dialog__body {
padding: 0;
background: #f5f6f8;
}
}
.project-analysis-tabs {
.el-tabs__header {
margin: 0;
}
.el-tabs__nav-wrap::after {
height: 1px;
background: #dde3ec;
}
.el-tabs__item {
height: 46px;
padding: 0 24px !important;
color: #2a374a;
font-size: 16px;
font-weight: 500;
line-height: 46px;
}
.el-tabs__item.is-active {
color: #245b8f;
font-weight: 600;
}
.el-tabs__active-bar {
height: 3px;
background: #245b8f;
}
.el-tabs__content {
padding-top: 20px;
}
}
</style>

204
ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisSidebar.vue
View File

@@ -1,51 +1,52 @@
<template>
<aside class="project-analysis-sidebar">
<section class="sidebar-profile">
<div class="sidebar-profile__name-row">
<div>
<div class="sidebar-section__eyebrow">人物档案</div>
<div class="sidebar-profile__name">{{ sidebarData.basicInfo.name || "-" }}</div>
<div class="sidebar-profile-card">
<section class="sidebar-profile">
<div class="sidebar-profile__identity">
<div class="sidebar-profile__identity-label">人物档案</div>
<div class="sidebar-profile__name-row">
<div class="sidebar-profile__name">{{ sidebarData.basicInfo.name || "-" }}</div>
<div class="sidebar-risk-badge">{{ sidebarData.basicInfo.riskLevel || "-" }}</div>
</div>
</div>
<div class="sidebar-risk-badge">{{ sidebarData.basicInfo.riskLevel || "-" }}</div>
</div>
<div class="sidebar-profile__meta">
<div class="sidebar-profile__item">
<span class="sidebar-profile__label">工号</span>
<span class="sidebar-profile__value">{{ sidebarData.basicInfo.staffCode || "-" }}</span>
</div>
<div class="sidebar-profile__item">
<span class="sidebar-profile__label">部门</span>
<span class="sidebar-profile__value">{{ sidebarData.basicInfo.department || "-" }}</span>
</div>
<div class="sidebar-profile__item">
<span class="sidebar-profile__label">所属项目</span>
<span class="sidebar-profile__value">{{ sidebarData.basicInfo.projectName || "-" }}</span>
</div>
</div>
</section>
<div class="sidebar-profile__meta">
<div class="sidebar-profile__item">
<span class="sidebar-profile__label">工号</span>
<span class="sidebar-profile__value">{{ sidebarData.basicInfo.staffCode || "-" }}</span>
<section class="sidebar-summary">
<div class="sidebar-summary__title">命中模型摘要</div>
<div class="sidebar-summary__count">
<span class="sidebar-summary__count-label">命中模型数</span>
<span class="sidebar-summary__count-value">{{ sidebarData.modelSummary.modelCount || "-" }}</span>
</div>
<div class="sidebar-profile__item">
<span class="sidebar-profile__label">部门</span>
<span class="sidebar-profile__value">{{ sidebarData.basicInfo.department || "-" }}</span>
<div class="sidebar-summary__tags">
<span class="sidebar-profile__label">核心异常标签</span>
<div v-if="sidebarData.modelSummary.riskTags.length" class="sidebar-tag-list">
<el-tag
v-for="(tag, index) in sidebarData.modelSummary.riskTags"
:key="`${formatRiskTag(tag)}-${index}`"
size="mini"
effect="plain"
>
{{ formatRiskTag(tag) }}
</el-tag>
</div>
<span v-else class="sidebar-profile__value">暂无异常标签</span>
</div>
<div class="sidebar-profile__item">
<span class="sidebar-profile__label">所属项目</span>
<span class="sidebar-profile__value">{{ sidebarData.basicInfo.projectName || "-" }}</span>
</div>
</div>
</section>
<section class="sidebar-summary">
<div class="sidebar-section__eyebrow">命中模型摘要</div>
<div class="sidebar-summary__count">
<span class="sidebar-summary__count-label">命中模型数</span>
<span class="sidebar-summary__count-value">{{ sidebarData.modelSummary.modelCount || "-" }}</span>
</div>
<div class="sidebar-summary__tags">
<span class="sidebar-profile__label">核心异常标签</span>
<div v-if="sidebarData.modelSummary.riskTags.length" class="sidebar-tag-list">
<el-tag
v-for="(tag, index) in sidebarData.modelSummary.riskTags"
:key="`${formatRiskTag(tag)}-${index}`"
size="mini"
effect="plain"
>
{{ formatRiskTag(tag) }}
</el-tag>
</div>
<span v-else class="sidebar-profile__value">暂无异常标签</span>
</div>
</section>
</section>
</div>
</aside>
</template>
@@ -83,85 +84,124 @@ export default {
align-self: flex-start;
}
.sidebar-profile,
.sidebar-summary {
padding: 20px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.9);
box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.18);
.sidebar-profile-card {
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.sidebar-profile {
padding: 24px 26px 20px;
border-bottom: 1px solid #edf1f5;
}
.sidebar-summary {
margin-top: 16px;
padding: 22px 26px 26px;
border-top: 1px solid #dde3ec;
background: #fcfdfe;
}
.sidebar-section__eyebrow {
font-size: 12px;
.sidebar-profile__identity-label {
color: #637187;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.08em;
color: #64748b;
margin-bottom: 16px;
}
.sidebar-profile__name-row {
display: flex;
align-items: flex-start;
gap: 12px;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.sidebar-profile__name {
margin-top: 8px;
font-size: 24px;
font-weight: 600;
color: #111827;
font-size: 30px;
font-weight: 700;
line-height: 1.2;
color: #0f172a;
}
.sidebar-risk-badge {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: 999px;
background: #fee2e2;
font-size: 12px;
justify-content: center;
min-width: 64px;
height: 28px;
padding: 0 10px;
border: 1px solid #edcaca;
border-radius: 2px;
background: #fbefef;
color: #ad2f2f;
font-size: 14px;
font-weight: 600;
color: #b91c1c;
line-height: 26px;
text-align: center;
}
.sidebar-profile__meta {
display: grid;
gap: 14px;
margin-top: 20px;
gap: 0;
margin-top: 18px;
}
.sidebar-profile__item {
display: grid;
gap: 6px;
grid-template-columns: 88px minmax(0, 1fr);
gap: 12px;
padding: 10px 0;
border-bottom: 1px solid #edf1f5;
}
.sidebar-profile__item:last-child {
border-bottom: 0;
}
.sidebar-profile__label,
.sidebar-summary__count-label {
font-size: 12px;
color: #64748b;
color: #637187;
font-size: 15px;
}
.sidebar-profile__value,
.sidebar-summary__count-value {
font-size: 13px;
line-height: 1.6;
color: #0f172a;
color: #172033;
font-size: 16px;
font-weight: 500;
line-height: 1.4;
word-break: break-all;
}
.sidebar-summary__title {
margin: 0 0 18px;
color: #223047;
font-size: 16px;
font-weight: 700;
}
.sidebar-summary__count {
display: grid;
gap: 6px;
margin-top: 16px;
display: flex;
align-items: baseline;
gap: 12px;
margin-top: 0;
margin-bottom: 22px;
}
.sidebar-summary__tags {
display: grid;
gap: 10px;
margin-top: 18px;
margin-top: 0;
}
.sidebar-summary__count-label {
font-size: 15px;
}
.sidebar-summary__count-value {
color: #172033;
font-size: 22px;
font-weight: 700;
line-height: 1;
}
.sidebar-tag-list {
@@ -170,4 +210,16 @@ export default {
flex-wrap: wrap;
gap: 8px;
}
.sidebar-tag-list ::v-deep(.el-tag) {
height: 28px;
padding: 0 10px;
border: 1px solid #bfd0e2;
border-radius: 2px;
background: #ffffff;
color: #245b8f;
font-size: 14px;
font-weight: 600;
line-height: 26px;
}
</style>

118
ruoyi-ui/src/views/ccdiPurchaseTransaction/index.vue
View File

@@ -92,7 +92,8 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
</el-row>
<el-table v-loading="loading" :data="transactionList" @selection-change="handleSelectionChange">
<div class="formal-table-shell">
<el-table v-loading="loading" :data="transactionList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="采购事项ID" align="center" prop="purchaseId" width="150" :show-overflow-tooltip="true" />
<el-table-column label="采购类别" align="center" prop="purchaseCategory" width="110" />
@@ -146,15 +147,16 @@
>删除</el-button>
</template>
</el-table-column>
</el-table>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="140px">
@@ -1370,6 +1372,12 @@ export default {
</script>
<style scoped>
.app-container {
min-height: calc(100vh - 84px);
padding: 24px;
background: #f5f6f8;
}
.query-form ::v-deep .el-row {
display: flex;
flex-wrap: wrap;
@@ -1381,6 +1389,84 @@ export default {
.query-form ::v-deep .el-form-item {
margin-right: 0;
margin-bottom: 16px;
}
.query-form {
margin-bottom: 16px;
padding: 18px 20px 2px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.query-form ::v-deep .el-form-item__label {
color: #637187;
font-weight: 600;
}
.query-form ::v-deep .el-input__inner,
.query-form ::v-deep .el-select .el-input__inner,
.query-form ::v-deep .el-range-editor.el-input__inner {
border-color: #dde3ec;
border-radius: 3px;
}
.mb8 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 14px 20px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.mb8 ::v-deep .el-button {
border-radius: 4px;
}
.mb8 ::v-deep .top-right-btn {
margin-left: auto;
}
.formal-table-shell {
padding: 4px 0 16px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
overflow: hidden;
}
.formal-table-shell ::v-deep .el-table th {
background: #f6f8fb;
color: #607086;
padding: 9px 0;
}
.formal-table-shell ::v-deep .el-table td,
.formal-table-shell ::v-deep .el-table th.is-leaf {
border-bottom-color: #edf1f5;
}
.formal-table-shell ::v-deep .el-table td {
padding: 8px 0;
}
.formal-table-shell ::v-deep .el-table th > .cell,
.formal-table-shell ::v-deep .el-table td > .cell {
text-align: left;
line-height: 1.4;
}
.formal-table-shell ::v-deep .fixed-width .cell,
.formal-table-shell ::v-deep .el-table-column--selection .cell {
text-align: center;
}
.formal-table-shell ::v-deep .pagination-container {
padding: 16px 20px 0;
}
.detail-container {
@@ -1420,4 +1506,18 @@ export default {
color: #909399;
font-size: 12px;
}
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
</style>

117
ruoyi-ui/src/views/ccdiStaffEnterpriseRelation/index.vue
View File

@@ -114,7 +114,8 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
<div class="formal-table-shell">
<el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="亲属身份证号" align="center" prop="personId" width="180" :show-overflow-tooltip="true"/>
<el-table-column label="亲属姓名" align="center" prop="relationName" width="120" :show-overflow-tooltip="true" />
@@ -165,15 +166,16 @@
>删除</el-button>
</template>
</el-table-column>
</el-table>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
@@ -990,6 +992,12 @@ export default {
</script>
<style scoped>
.app-container {
min-height: calc(100vh - 84px);
padding: 24px;
background: #f5f6f8;
}
.query-form ::v-deep .el-row {
display: flex;
flex-wrap: wrap;
@@ -1001,6 +1009,83 @@ export default {
.query-form ::v-deep .el-form-item {
margin-right: 0;
margin-bottom: 16px;
}
.query-form {
margin-bottom: 16px;
padding: 18px 20px 2px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.query-form ::v-deep .el-form-item__label {
color: #637187;
font-weight: 600;
}
.query-form ::v-deep .el-input__inner,
.query-form ::v-deep .el-select .el-input__inner {
border-color: #dde3ec;
border-radius: 3px;
}
.mb8 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 14px 20px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.mb8 ::v-deep .el-button {
border-radius: 4px;
}
.mb8 ::v-deep .top-right-btn {
margin-left: auto;
}
.formal-table-shell {
padding: 4px 0 16px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
overflow: hidden;
}
.formal-table-shell ::v-deep .el-table th {
background: #f6f8fb;
color: #607086;
padding: 9px 0;
}
.formal-table-shell ::v-deep .el-table td,
.formal-table-shell ::v-deep .el-table th.is-leaf {
border-bottom-color: #edf1f5;
}
.formal-table-shell ::v-deep .el-table td {
padding: 8px 0;
}
.formal-table-shell ::v-deep .el-table th > .cell,
.formal-table-shell ::v-deep .el-table td > .cell {
text-align: left;
line-height: 1.4;
}
.formal-table-shell ::v-deep .fixed-width .cell,
.formal-table-shell ::v-deep .el-table-column--selection .cell {
text-align: center;
}
.formal-table-shell ::v-deep .pagination-container {
padding: 16px 20px 0;
}
.detail-container {
@@ -1010,4 +1095,18 @@ export default {
.el-divider {
margin: 16px 0;
}
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
</style>

117
ruoyi-ui/src/views/ccdiStaffFmyRelation/index.vue
View File

@@ -105,7 +105,8 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
<div class="formal-table-shell">
<el-table v-loading="loading" :data="relationList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="员工姓名" align="center" prop="personName" :show-overflow-tooltip="true"/>
<el-table-column label="员工身份证号" align="center" prop="personId" width="180"/>
@@ -159,15 +160,16 @@
>删除</el-button>
</template>
</el-table-column>
</el-table>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="80%" append-to-body class="relation-edit-dialog">
@@ -1565,6 +1567,12 @@ export default {
</script>
<style scoped>
.app-container {
min-height: calc(100vh - 84px);
padding: 24px;
background: #f5f6f8;
}
.query-form ::v-deep .el-row {
display: flex;
flex-wrap: wrap;
@@ -1576,6 +1584,83 @@ export default {
.query-form ::v-deep .el-form-item {
margin-right: 0;
margin-bottom: 16px;
}
.query-form {
margin-bottom: 16px;
padding: 18px 20px 2px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.query-form ::v-deep .el-form-item__label {
color: #637187;
font-weight: 600;
}
.query-form ::v-deep .el-input__inner,
.query-form ::v-deep .el-select .el-input__inner {
border-color: #dde3ec;
border-radius: 3px;
}
.mb8 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 14px 20px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.mb8 ::v-deep .el-button {
border-radius: 4px;
}
.mb8 ::v-deep .top-right-btn {
margin-left: auto;
}
.formal-table-shell {
padding: 4px 0 16px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
overflow: hidden;
}
.formal-table-shell ::v-deep .el-table th {
background: #f6f8fb;
color: #607086;
padding: 9px 0;
}
.formal-table-shell ::v-deep .el-table td,
.formal-table-shell ::v-deep .el-table th.is-leaf {
border-bottom-color: #edf1f5;
}
.formal-table-shell ::v-deep .el-table td {
padding: 8px 0;
}
.formal-table-shell ::v-deep .el-table th > .cell,
.formal-table-shell ::v-deep .el-table td > .cell {
text-align: left;
line-height: 1.4;
}
.formal-table-shell ::v-deep .fixed-width .cell,
.formal-table-shell ::v-deep .el-table-column--selection .cell {
text-align: center;
}
.formal-table-shell ::v-deep .pagination-container {
padding: 16px 20px 0;
}
.detail-container {
@@ -1641,4 +1726,18 @@ export default {
.empty-assets span {
font-size: 13px;
}
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
</style>

273
ruoyi-ui/src/views/ccdiStaffRecruitment/index.vue
View File

@@ -132,94 +132,96 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="recruitmentList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="招聘记录编号" align="center" prop="recruitId" width="150" :show-overflow-tooltip="true"/>
<el-table-column label="招聘项目名称" align="center" prop="recruitName" min-width="220" :show-overflow-tooltip="true"/>
<el-table-column label="职位名称" align="center" prop="posName" :show-overflow-tooltip="true"/>
<el-table-column label="候选人姓名" align="center" prop="candName" width="120"/>
<el-table-column label="录用情况" align="center" prop="admitStatus" width="100">
<template slot-scope="scope">
<el-tag v-if="scope.row.admitStatus === '录用'" type="success" size="small">录用</el-tag>
<el-tag v-else-if="scope.row.admitStatus === '未录用'" type="info" size="small">未录用</el-tag>
<el-tag v-else type="warning" size="small">放弃</el-tag>
</template>
</el-table-column>
<el-table-column label="学历 / 毕业学校" align="center" min-width="180">
<template slot-scope="scope">
<span>{{ formatEducationSchool(scope.row) }}</span>
</template>
</el-table-column>
<el-table-column label="招聘类型" align="center" prop="recruitType" width="100">
<template slot-scope="scope">
<el-tag :type="scope.row.recruitType === 'SOCIAL' ? 'success' : 'info'" size="small">
{{ formatRecruitType(scope.row.recruitType) }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="历史工作经历" align="center" prop="workExperienceCount" width="120">
<template slot-scope="scope">
{{ formatWorkExperienceCount(scope.row) }}
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200">
<template slot-scope="scope">
<el-button
v-if="isPreviewMode()"
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button
v-else
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
v-hasPermi="['ccdi:staffRecruitment:query']"
>详情</el-button>
<el-button
v-if="isPreviewMode()"
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>编辑</el-button>
<el-button
v-else
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ccdi:staffRecruitment:edit']"
>编辑</el-button>
<el-button
v-if="isPreviewMode()"
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
<el-button
v-else
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ccdi:staffRecruitment:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="formal-table-shell">
<el-table v-loading="loading" :data="recruitmentList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="招聘记录编号" align="center" prop="recruitId" width="150" :show-overflow-tooltip="true"/>
<el-table-column label="招聘项目名称" align="center" prop="recruitName" min-width="220" :show-overflow-tooltip="true"/>
<el-table-column label="职位名称" align="center" prop="posName" :show-overflow-tooltip="true"/>
<el-table-column label="候选人姓名" align="center" prop="candName" width="120"/>
<el-table-column label="录用情况" align="center" prop="admitStatus" width="100">
<template slot-scope="scope">
<el-tag v-if="scope.row.admitStatus === '录用'" type="success" size="small">录用</el-tag>
<el-tag v-else-if="scope.row.admitStatus === '未录用'" type="info" size="small">未录用</el-tag>
<el-tag v-else type="warning" size="small">放弃</el-tag>
</template>
</el-table-column>
<el-table-column label="学历 / 毕业学校" align="center" min-width="180">
<template slot-scope="scope">
<span>{{ formatEducationSchool(scope.row) }}</span>
</template>
</el-table-column>
<el-table-column label="招聘类型" align="center" prop="recruitType" width="100">
<template slot-scope="scope">
<el-tag :type="scope.row.recruitType === 'SOCIAL' ? 'success' : 'info'" size="small">
{{ formatRecruitType(scope.row.recruitType) }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="历史工作经历" align="center" prop="workExperienceCount" width="120">
<template slot-scope="scope">
{{ formatWorkExperienceCount(scope.row) }}
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200">
<template slot-scope="scope">
<el-button
v-if="isPreviewMode()"
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
>详情</el-button>
<el-button
v-else
size="mini"
type="text"
icon="el-icon-view"
@click="handleDetail(scope.row)"
v-hasPermi="['ccdi:staffRecruitment:query']"
>详情</el-button>
<el-button
v-if="isPreviewMode()"
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>编辑</el-button>
<el-button
v-else
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['ccdi:staffRecruitment:edit']"
>编辑</el-button>
<el-button
v-if="isPreviewMode()"
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
<el-button
v-else
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['ccdi:staffRecruitment:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
@@ -1515,6 +1517,12 @@ export default {
</script>
<style scoped>
.app-container {
min-height: calc(100vh - 84px);
padding: 24px;
background: #f5f6f8;
}
.query-form ::v-deep .el-row {
display: flex;
flex-wrap: wrap;
@@ -1526,6 +1534,83 @@ export default {
.query-form ::v-deep .el-form-item {
margin-right: 0;
margin-bottom: 16px;
}
.query-form {
margin-bottom: 16px;
padding: 18px 20px 2px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.query-form ::v-deep .el-form-item__label {
color: #637187;
font-weight: 600;
}
.query-form ::v-deep .el-input__inner,
.query-form ::v-deep .el-select .el-input__inner {
border-color: #dde3ec;
border-radius: 3px;
}
.mb8 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 14px 20px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.formal-table-shell {
padding: 4px 0 16px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
overflow: hidden;
}
.mb8 ::v-deep .el-button {
border-radius: 4px;
}
.mb8 ::v-deep .top-right-btn {
margin-left: auto;
}
.formal-table-shell ::v-deep .el-table th {
background: #f6f8fb;
color: #607086;
padding: 9px 0;
}
.formal-table-shell ::v-deep .el-table td,
.formal-table-shell ::v-deep .el-table th.is-leaf {
border-bottom-color: #edf1f5;
}
.formal-table-shell ::v-deep .el-table td {
padding: 8px 0;
}
.formal-table-shell ::v-deep .el-table th > .cell,
.formal-table-shell ::v-deep .el-table td > .cell {
text-align: left;
line-height: 1.4;
}
.formal-table-shell ::v-deep .fixed-width .cell,
.formal-table-shell ::v-deep .el-table-column--selection .cell {
text-align: center;
}
.formal-table-shell ::v-deep .pagination-container {
padding: 16px 20px 0;
}
.detail-container {
@@ -1557,4 +1642,18 @@ export default {
.work-experience-edit-table ::v-deep .el-textarea__inner {
min-height: 54px !important;
}
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
</style>

118
ruoyi-ui/src/views/ccdiStaffTransfer/index.vue
View File

@@ -130,7 +130,8 @@
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="transferList" @selection-change="handleSelectionChange">
<div class="formal-table-shell">
<el-table v-loading="loading" :data="transferList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="员工工号" align="center" prop="staffId" width="120"/>
<el-table-column label="员工姓名" align="center" prop="staffName" :show-overflow-tooltip="true"/>
@@ -169,15 +170,16 @@
>删除</el-button>
</template>
</el-table-column>
</el-table>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
<!-- 添加或修改对话框 -->
<el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
@@ -969,6 +971,12 @@ export default {
</script>
<style scoped>
.app-container {
min-height: calc(100vh - 84px);
padding: 24px;
background: #f5f6f8;
}
.query-form ::v-deep .el-row {
display: flex;
flex-wrap: wrap;
@@ -980,5 +988,97 @@ export default {
.query-form ::v-deep .el-form-item {
margin-right: 0;
margin-bottom: 16px;
}
.query-form {
margin-bottom: 16px;
padding: 18px 20px 2px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.query-form ::v-deep .el-form-item__label {
color: #637187;
font-weight: 600;
}
.query-form ::v-deep .el-input__inner,
.query-form ::v-deep .el-select .el-input__inner,
.query-form ::v-deep .el-range-editor.el-input__inner {
border-color: #dde3ec;
border-radius: 3px;
}
.mb8 {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
padding: 14px 20px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
}
.mb8 ::v-deep .el-button {
border-radius: 4px;
}
.mb8 ::v-deep .top-right-btn {
margin-left: auto;
}
.formal-table-shell {
padding: 4px 0 16px;
border: 1px solid #dde3ec;
border-radius: 3px;
background: #ffffff;
overflow: hidden;
}
.formal-table-shell ::v-deep .el-table th {
background: #f6f8fb;
color: #607086;
padding: 9px 0;
}
.formal-table-shell ::v-deep .el-table td,
.formal-table-shell ::v-deep .el-table th.is-leaf {
border-bottom-color: #edf1f5;
}
.formal-table-shell ::v-deep .el-table td {
padding: 8px 0;
}
.formal-table-shell ::v-deep .el-table th > .cell,
.formal-table-shell ::v-deep .el-table td > .cell {
text-align: left;
line-height: 1.4;
}
.formal-table-shell ::v-deep .fixed-width .cell,
.formal-table-shell ::v-deep .el-table-column--selection .cell {
text-align: center;
}
.formal-table-shell ::v-deep .pagination-container {
padding: 16px 20px 0;
}
::v-deep .el-dialog {
border-radius: 6px;
overflow: hidden;
}
::v-deep .el-dialog__header {
border-bottom: 1px solid #dde3ec;
background: #ffffff;
}
::v-deep .el-dialog__body {
background: #f8fafc;
}
</style>

9
ruoyi-ui/tests/unit/project-analysis-dialog-layout.test.js
View File

@@ -34,8 +34,9 @@ const mockSource = fs.readFileSync(
"detailLoading",
"detailError",
"handleRetryDetail()",
"border: 1px solid #e2e8f0",
"border-radius: 24px",
"border: 1px solid #dde3ec",
"background: #f5f6f8",
"font-size: 30px",
].forEach((token) => assert(dialog.includes(token), token));
[
@@ -43,6 +44,8 @@ const mockSource = fs.readFileSync(
'top="2vh"',
"project-analysis-header__main",
"project-analysis-header__meta",
"border-left: 1px solid #dde3ec",
"padding: 36px",
].forEach((token) => assert(dialog.includes(token), token));
[
@@ -52,6 +55,8 @@ const mockSource = fs.readFileSync(
"project-analysis-layout__main-scroll",
"overflow-y: auto",
"max-height: calc(90vh - 120px)",
"border-radius: 24px",
"background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%)",
].forEach((token) => assert(!dialog.includes(token), token));
[

12
ruoyi-ui/tests/unit/project-analysis-dialog-sidebar.test.js
View File

@@ -25,24 +25,28 @@ const entry = fs.readFileSync(
);
[
"sidebar-profile-card",
"sidebar-profile",
"sidebar-profile__name",
"sidebar-profile__identity-label",
"sidebar-risk-badge",
"sidebar-profile__meta",
"sidebar-summary",
"sidebar-summary__title",
"sidebar-summary__count",
"sidebar-tag-list",
"formatRiskTag",
"tag.ruleName",
"flex-wrap: wrap",
"align-items: flex-start",
"justify-content: space-between",
"border: 1px solid #dde3ec",
].forEach((token) => assert(sidebar.includes(token), token));
assert(!sidebar.includes("当前命中模型"), "命中模型摘要应移除当前命中模型字段");
assert(!sidebar.includes("排查记录摘要"), "侧栏应移除排查记录摘要");
assert(!sidebar.includes("position: sticky"), "左侧整卡不应保持固定");
assert(!sidebar.includes("border: 1px solid #e2e8f0"), "左右区域合并后左侧不应保留独立卡片边框");
assert(!sidebar.includes("justify-content: space-between"), "不应继续以表单式左右对齐作为主体布局");
assert(!sidebar.includes("border-radius: 20px"), "侧栏不应继续保留旧圆角卡片样式");
assert(!sidebar.includes("background: rgba(255, 255, 255, 0.9)"), "侧栏不应继续保留旧半透明卡片底色");
assert(!sidebar.includes("关系人画像"), "侧栏不应扩展到额外区块");
assert(!sidebar.includes("资产分布"), "侧栏不应扩展到额外区块");
@@ -50,7 +54,7 @@ assert(!sidebar.includes("资产分布"), "侧栏不应扩展到额外区块");
[
"this.detailData && this.detailData.basicInfo",
"...(this.modelSummary || {})",
"align-items: flex-start",
"align-items: flex-end",
].forEach((token) => assert(dialog.includes(token), token));
assert(entry.includes(':model-summary="projectAnalysisModelSummary"'), "入口页应继续透传模型摘要");