加密管理

src/views/classification/Classification/modules/EncryptionRuleDialog.vue

@@ -2,7 +2,8 @@
   <el-dialog
     title="设置加密规则"
     v-model="dialogVisible"
-    width="800px"
+    class="custom-dialog"
+    width="900px"
     :before-close="handleClose"
   >
     <div class="encryption-rule-dialog">
@@ -109,8 +110,8 @@
         <div class="action-row">
           <el-checkbox v-model="fieldData.isLike" :true-value="1" :false-value="0">支持模糊</el-checkbox>
           <div class="action-buttons">
-            <el-button @click="resetRules">重置规则</el-button>
-            <el-button type="primary" @click="confirmRules">确定规则</el-button>
+            <el-button type="primary" color="rgba(33, 103, 217, 1)" @click="confirmRules">确定规则</el-button>
+            <el-button type="primary" plain @click="resetRules">重置规则</el-button>
           </div>
         </div>
       </div>

src/views/classification/EncryptionManagement/QueryForm.vue

@@ -127,21 +127,23 @@ function onReset(formRef) {
     
     <el-form-item label="表名称" prop="tableName">
       <el-input
+        style="width: 180px;"
         v-model="queryForm.tableName"
         placeholder="请输入表名称"
         clearable
       />
     </el-form-item>
-<!--     
+    
     <el-form-item label="字段名称" prop="fieldName">
       <el-input
+       style="width: 180px;"
         v-model="queryForm.fieldName"
         placeholder="请输入字段名称"
         clearable
       />
     </el-form-item>
     
-    <el-form-item label="状态" prop="status">
+    <!-- <el-form-item label="状态" prop="status">
       <el-select
         v-model="queryForm.status"
         placeholder="请选择状态"

src/views/classification/EncryptionManagement/list.vue

@@ -291,7 +291,7 @@ watch(dialogVisible, (newVal) => {
     </PageTitle>
     
     <div class="app-container__body">
-      <div>
+
         <QueryForm
           ref="QueryFormRef"
           v-model="queryParams"
@@ -307,7 +307,9 @@ watch(dialogVisible, (newVal) => {
               <span class="warning-text">警告：存在未加密字段，请完成历史数据加密操作，否则无法正常使用插件！</span>
             </div>
           </div> -->
+          <div style="flex: 1;">
           <el-table
+            height="100%"
             :data="tableData"
             stripe
             style="width: 100%"
@@ -335,7 +337,7 @@ watch(dialogVisible, (newVal) => {
               </template>
             </el-table-column>
           </el-table>
-          
+          </div>
         <pagination
           v-show="total > 0"
           :total="total"
@@ -343,53 +345,45 @@ watch(dialogVisible, (newVal) => {
           v-model:limit="queryParams.rows"
           @pagination="getList"
         />
-      </div>
+
     </div>
   <!-- 详情弹窗 -->
   <el-dialog
     v-model="dialogVisible"
     title="数据详情"
-    width="50%"
-  >
-    <el-descriptions 
-      border
-      :column="1"
-      size="large"
-      class="detail-container"
+    class="custom-dialog"
+    width="900px"
   >
-      <el-descriptions-item label="字段名">
-        {{ detailData.fieldName }}
-      </el-descriptions-item>
-      
-      <el-descriptions-item label="状态">
-        <el-tag :type="getFlagName(detailData.status).type">
-          {{ getFlagName(detailData.status).label }}
-        </el-tag>
-      </el-descriptions-item>
-      
-      <el-descriptions-item label="开始时间">
-        {{ detailData.startTime }}
-      </el-descriptions-item>
-      
-      <el-descriptions-item label="结束时间">
-        {{ detailData.endTime }}
-      </el-descriptions-item>
-      
-      <el-descriptions-item label="加密/解密总行数">
-        {{ detailData.totalRows}}
-      </el-descriptions-item>
 
-      <el-descriptions-item label="已加密/解密行数">
-        {{ detailData.finishCounts}}
-      </el-descriptions-item>
+  <el-form ref="formRef" :model="detailData"  label-width="138px" >
+      <div class="formBox">
+        <el-form-item label="字段名" >
+          <el-input v-model="detailData.fieldName" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="状态" >
+          <el-input v-model="getFlagName(detailData.status).label" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="开始时间" >
+          <el-input v-model="detailData.startTime" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="结束时间" >
+          <el-input v-model="detailData.endTime" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="加密/解密总行数">
+          <el-input v-model="detailData.totalRows" disabled></el-input>
+        </el-form-item>
+        <el-form-item label="已加密/解密行数">
+          <el-input v-model="detailData.finishCounts" disabled></el-input>
+        </el-form-item>
+       <el-form-item label="拒绝条数">
+          <el-input v-model="detailData.rejectedRows" disabled></el-input>
+        </el-form-item>
+      </div>
+    </el-form>
     
-      <el-descriptions-item label="拒绝条数">
-        {{ detailData.rejectedRows}}
-      </el-descriptions-item>
-    </el-descriptions>
     
     <template #footer>
-      <el-button type="primary" @click="showLog">查看日志</el-button>
+      <el-button type="primary" color="rgba(33, 103, 217, 1)" @click="showLog">查看日志</el-button>
     </template>
   </el-dialog>
 
@@ -397,13 +391,14 @@ watch(dialogVisible, (newVal) => {
     <el-dialog
       v-model="dialogVisibleLog"
       title="日志"
-      width="50%"
+      class="custom-dialog"
+    width="900px"
     >
     <div class="flex-container flex-wrap">
         <textarea style="width: -webkit-fill-available;" v-model="logData" disabled></textarea>
     </div>
     <template #footer>
-      <el-button type="primary" @click="downLoad">下载</el-button>
+       <el-button type="primary" color="rgba(33, 103, 217, 1)" @click="downLoad">下载</el-button>
     </template>
   </el-dialog>
   </div>
@@ -458,4 +453,43 @@ watch(dialogVisible, (newVal) => {
   font-size: 14px;
   margin-left: 10px;
 }
+:deep(.formBox) {
+    border-radius: 5px;
+    background: #ebebeb;
+    border: 1px solid rgba(29, 178, 245, 1);
+    overflow: hidden;
+    .el-form-item__content {
+      margin-left: 1px;
+      background: #f5fcff;
+    }
+    .el-form-item__label {
+      height: 40px;
+      line-height: 40px;
+      background: #f5fcff;
+      color: rgba(148, 148, 148, 1);
+    }
+    .el-form-item {
+      margin-bottom: 1px;
+    }
+    .el-input {
+      height: 40px;
+      line-height: 40px;
+    }
+    .is-disabled {
+      background: #f5fcff;
+      .el-input__wrapper {
+        background: #f5fcff;
+        box-shadow: none;
+        border-radius: 0;
+      }
+      .el-input__inner {
+        -webkit-text-fill-color: rgba(53, 64, 79, 1);
+      }
+    }
+    .el-form-item__error {
+      top: 30% !important;
+      left: auto !important;
+      right: 89px !important;
+    }
+  }
 </style>
\ No newline at end of file