中间页配置回显验证对接

src/views/tenantManage/systemConfig/dialogComponent.vue

@@ -184,23 +184,59 @@
               label-width="150px"
               :rules="rules"
             >
-              <el-form-item label="是否开启中间页:" prop="tenantName">
-                <el-switch v-model="value" size="large" />
+              <el-form-item label="是否开启中间页:" prop="middleStatus">
+                <el-switch v-model="form.middleStatus" size="large" />
               </el-form-item>
-              <el-form-item label="中间页logo:" prop="tenantManager">
-                <el-input v-model="form.tenantManager"></el-input>
+              <el-form-item label="中间页logo:" prop="middleLogo">
+                <el-input v-model="form.middleLogo"></el-input>
+                <el-upload
+                  ref="upload3"
+                  :action="uploadUrl"
+                  :on-success="handleUpAvatar"
+                  :on-remove="handleRemove"
+                  list-type="picture"
+                  :limit="1"
+                  :on-preview="handlePictureCardPreview"
+                  :headers="{ accessToken: [accessToken] }"
+                  :on-exceed="overLength"
+                >
+                  <el-button type="primary" style="margin-top: 10px">
+                    上传
+                  </el-button>
+                  <template #tip>
+                    <div class="el-upload__tip">图片尺寸：待更新</div>
+                  </template>
+                </el-upload>
               </el-form-item>
-              <el-form-item label="中间页背景:" prop="tenantManager">
-                <el-input v-model="form.tenantManager"></el-input>
+              <el-form-item label="中间页背景:" prop="middleBackUrl">
+                <el-input v-model="form.middleBackUrl"></el-input>
+                <el-upload
+                  ref="upload33"
+                  :action="uploadUrl"
+                  :on-success="handleUpAvatar"
+                  :on-remove="handleRemove"
+                  list-type="picture"
+                  :limit="1"
+                  :on-preview="handlePictureCardPreview"
+                  :headers="{ accessToken: [accessToken] }"
+                  :on-exceed="overLength"
+                >
+                  <el-button type="primary" style="margin-top: 10px">
+                    上传
+                  </el-button>
+                  <template #tip>
+                    <div class="el-upload__tip">图片尺寸：待更新</div>
+                  </template>
+                </el-upload>
               </el-form-item>
-              <el-form-item label="中间页底部名称:" prop="tenantName">
-                <el-input v-model="form.tenantName"></el-input>
+              <el-form-item label="中间页底部名称:" prop="middleFooter">
+                <el-input v-model="form.middleFooter"></el-input>
               </el-form-item>
               <br />
 
               <div style="text-align: right">
                 <el-button @click="closeDialog(0)">取消</el-button>
-                <el-button type="primary" @click="submitForm()">保存</el-button>
+                <el-button type="primary" @click="submitForm3(formInfo3)">保存</el-button>
               </div>
             </el-form>
           </el-tab-pane>
@@ -251,8 +287,7 @@ export default defineComponent({
     const form = ref({})
     const formInfo = ref(null)
      const formInfo2 = ref(null)
-      const formInfo22 = ref(null)
-       const formInfo222 = ref(null)
+      const formInfo3 = ref(null)
     const value = ref(true)
     const accessToken = ref(store.state.user.accessToken)
 
@@ -260,6 +295,9 @@ export default defineComponent({
     const upload2 = ref(null)
     const upload22 = ref(null)
     const upload222 = ref(null)
+    const upload3 = ref(null)
+    const upload33 = ref(null)
+ 
 
     const activeName = ref('first')
 
@@ -414,9 +452,58 @@ export default defineComponent({
       })
     }
 
+    // 登录页配置保存操作
+    const submitForm3 = () => {
+      formInfo3.value.validate((valid) => {
+        if (valid) {
+          var aa=
+            {
+              id: props.itemInfo.id,
+              tenantId: props.itemInfo.tenantId,
+              middleStatus :form.value.middleStatus?1:0,
+              middleLogo :form.value.middleLogo,
+              middleBackUrl :form.value.middleBackUrl,
+              middleFooter :form.value.middleFooter,
+            }
+          if (props.configStatus) {
+            alert('已配置修改提交')
+            api.updaMiddleConfig(aa).then((requset) => {
+              if (requset.status === 'SUCCESS') {
+                ElMessage.success({
+                  message: '修改配置成功',
+                  type: 'success',
+                })
+                closeDialog()
+              } else {
+                ElMessage.error(requset.msg)
+              }
+            })
+          } else {
+            // alert('未配置新增提交')
+            api.addMiddleConfig(form.value).then((requset) => {
+              if (requset.status === 'SUCCESS') {
+                ElMessage.success({
+                  message: '新增配置成功',
+                  type: 'success',
+                })
+                closeDialog()
+              } else {
+                ElMessage.error(requset.msg)
+              }
+            })
+          }
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    }
+
+
     const open = () => {
       setTimeout(function () {
         form.value = props.itemInfo
+        form.value.middleStatus=props.itemInfo.middleStatus?true:false
         console.log('子组件中form.value')
         console.log(form.value)
 
@@ -438,6 +525,9 @@ export default defineComponent({
        upload2.value.clearFiles()
         upload22.value.clearFiles()
          upload222.value.clearFiles()
+         upload3.value.clearFiles()
+       upload33.value.clearFiles()
+      
       showDialog.value = false
       emit('closeDialog', flag)
     }
@@ -479,6 +569,7 @@ export default defineComponent({
       roleValid,
       submitForm,
       submitForm2,
+      submitForm3,
       closeDialog,
       open,
 
@@ -490,8 +581,7 @@ export default defineComponent({
       form,
       formInfo,
       formInfo2,
-      formInfo22,
-      formInfo222,
+      formInfo3,
       homeUrlList,
 
       activeName,
@@ -510,6 +600,8 @@ export default defineComponent({
       upload2,
       upload22,
       upload222,
+      upload3,
+      upload33,
 
       rules: {
         middleTitle: [
@@ -543,6 +635,22 @@ export default defineComponent({
         labelIcon: [
           { required: true, message: '请输入标签页图标', trigger: 'blur' },
         ],
+
+
+        // middleStatus: [
+        //   { required: true, message: '请选则中间页状态', trigger: 'blur' },
+        // ],
+         middleLogo: [
+          { required: true, message: '请输入中间页logo', trigger: 'blur' },
+        ],
+        middleBackUrl: [
+          { required: true, message: '请选择中间页背景图', trigger: 'blur' },
+        ],
+        middleFooter: [
+          { required: true, message: '请输入中间页底部标题', trigger: 'blur' },
+        ],
+       
+
         
       },