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

ruoyi-ui/src/views/ccdiIntermediary/components/DataTable.vue

@@ -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>

ruoyi-ui/src/views/ccdiIntermediary/components/DetailDialog.vue

@@ -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>

ruoyi-ui/src/views/ccdiIntermediary/components/EditDialog.vue

@@ -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>

ruoyi-ui/src/views/ccdiIntermediary/components/ImportDialog.vue

@@ -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>

ruoyi-ui/src/views/ccdiIntermediary/components/SearchForm.vue

@@ -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>

ruoyi-ui/src/views/ccdiIntermediary/index.vue

@@ -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>