perf: Advanced Assistant App AES Configuration Style

Author: fit2cloud-chenyw

frontend/src/i18n/en.json

@@ -514,7 +514,8 @@
     "creating_advanced_applications": "Creating Advanced Applications",
     "configure_interface": "Configure interface",
     "interface_url": "Interface URL",
-    "aes_enable": "Enable AES encryption. The fields (host, user, password, dataBase, schema) are all encrypted using the AES-CBC-PKCS5Padding encryption method",
+    "aes_enable": "Enable AES encryption",
+    "aes_enable_tips": "The fields (host, user, password, dataBase, schema) are all encrypted using the AES-CBC-PKCS5Padding encryption method",
     "bit": "bit",
     "credential_acquisition_method": "Credential acquisition method",
     "table_notes": "Table notes",

frontend/src/i18n/zh-CN.json

@@ -513,7 +513,8 @@
     "private": "私有",
     "configure_interface": "配置接口",
     "interface_url": "接口 URL",
-    "aes_enable": "开启 AES 加密，加密字段 (host, user, password, dataBase, schema) 均采用 AES-CBC-PKCS5Padding 加密方式",
+    "aes_enable": "开启 AES 加密",
+    "aes_enable_tips": "加密字段 (host, user, password, dataBase, schema) 均采用 AES-CBC-PKCS5Padding 加密方式",
     "bit": "位",
     "creating_advanced_applications": "创建高级应用",
     "credential_acquisition_method": "凭证获取方式",

frontend/src/views/system/embedded/iframe.vue

@@ -725,13 +725,20 @@ const saveHandler = () => {
               autocomplete="off"
             />
           </el-form-item>
-          <el-form-item prop="AES" :label="t('embedded.aes_enable')">
+          <el-form-item prop="AES" class="custom-require">
+            <template #label>
+              <span class="custom-require_danger">{{ t('embedded.aes_enable') }}</span>
+            </template>
+
             <el-switch v-model="urlForm.encrypt" />
+            <span class="aes-encrypt-tips">{{ t('embedded.aes_enable_tips') }}</span>
           </el-form-item>
           <el-form-item v-if="urlForm.encrypt" prop="aes_key" label="AES Key">
             <el-input
               v-model="urlForm.aes_key"
               clearable
+              type="password"
+              show-password
               :placeholder="
                 $t('datasource.please_enter') +
                 $t('common.empty') +
@@ -1175,6 +1182,13 @@ const saveHandler = () => {
       &:last-child {
         margin-bottom: 0;
       }
+      .aes-encrypt-tips {
+        font-weight: 400;
+        font-size: 14px;
+        line-height: 22px;
+        color: #ff8800;
+        margin-left: 8px;
+      }
     }
   }