EncryptionRuleDialog 间隔线

src/views/Classification/modules/EncryptionRuleDialog.vue

@@ -23,6 +23,9 @@
           </el-radio-group>
         </div>
 
+        <!-- 分割线 -->
+        <div class="divider"></div>
+
         <!-- 右侧加密密钥选择 -->
         <div class="key-selection">
           <div class="section-title">选择加密密钥</div>
@@ -58,8 +61,6 @@
             />
             <span class="unit">位</span>
           </div>
-
-         
         </div>
         <div class="config-row">
           <!-- 源长度 -->
@@ -141,7 +142,7 @@ const encryptionKeys = ref({
 })
 
 // 当前选中的规则
-const selectedRule = ref('')
+const selectedRule = ref('name')
 
 // 当前选中的密钥
 const selectedKey = ref('')
@@ -224,6 +225,13 @@ const handleClose = (done) => {
   padding: 0 15px;
 }
 
+/* 新增的分割线样式 */
+.divider {
+  width: 1px;
+  background-color: #ebeef5;
+  margin: 0 10px;
+}
+
 .section-title {
   margin-bottom: 15px;
   font-size: 14px;
@@ -266,7 +274,6 @@ const handleClose = (done) => {
 }
 
 .label {
-  /* width: 60px; */
   text-align: right;
   margin-right: 10px;
   font-size: 14px;