Merge branch 'ft' into 'main'

feat:新增ssl为默认和clean session为true和mqtt编辑回显用户名和密码

See merge request huang/yun-teng-iot-front!165

@@ -23,27 +23,29 @@
         >
         <div class="change-avatar" style="text-align: center">
           <div class="mb-2" style="font-weight: 700">个人头像</div>
-          <Upload
-            style="width: 20vw"
-            name="avatar"
-            list-type="picture-card"
-            class="avatar-uploader"
-            :show-upload-list="false"
-            :customRequest="customUploadqrcodePic"
-            :before-upload="beforeUploadqrcodePic"
-          >
-            <img
-              style="text-align: center; border-radius: 50%; width: 8.5vw; height: 15.2vh"
-              v-if="peresonalPic"
-              :src="peresonalPic"
-              alt="avatar"
-            />
-            <div v-else>
-              <div style="margin-top: 5.2vh; margin-left: 3.35vw">
-                <PlusOutlined style="font-size: 30px" />
+          <div style="text-align: center; width: 100%">
+            <Upload
+              style="width: 20vw"
+              name="avatar"
+              list-type="picture-card"
+              class="avatar-uploader"
+              :show-upload-list="false"
+              :customRequest="customUploadqrcodePic"
+              :before-upload="beforeUploadqrcodePic"
+            >
+              <img
+                style="text-align: center; border-radius: 50%; width: 8.5vw; height: 15.2vh"
+                v-if="peresonalPic"
+                :src="peresonalPic"
+                alt="avatar"
+              />
+              <div v-else>
+                <div style="margin-top: 5.2vh; margin-left: 3.35vw">
+                  <PlusOutlined style="font-size: 30px" />
+                </div>
               </div>
-            </div>
-          </Upload>
+            </Upload>
+          </div>
         </div>
         <Description
           class="mt-8"
@@ -246,8 +248,8 @@
       float: none;
       width: 8.6vw;
       height: 17vh;
-      margin-right: 8px;
-      margin-bottom: 8px;
+      margin-right: 0.2vw;
+      margin-bottom: 0.2vw;
       text-align: center;
       vertical-align: top;
       background-color: #fafafa;

@@ -363,6 +363,7 @@ export const modeMqttForm: FormSchema[] = [
     field: 'cleanSession',
     label: 'Clean',
     colProps: { span: 12 },
+    defaultValue: true,
     component: 'Checkbox',
     renderComponentContent: 'Clean session',
   },
@@ -370,6 +371,7 @@ export const modeMqttForm: FormSchema[] = [
     field: 'ssl',
     label: 'Enable',
     colProps: { span: 12 },
+    defaultValue: false,
     component: 'Checkbox',
     renderComponentContent: 'Enable SSL',
   },

@@ -108,6 +108,11 @@
         setFieldsValue({
           name: v1,
         });
+        setFieldsValue({
+          password: v.credentials.password,
+          type: v.credentials.type,
+          username: v.credentials.username,
+        });
       };
       const customClearStepTwoValueFunc = async () => {
         defineClearFunc();