代码调整

This commit is contained in:
joylink_cuiweidong 2022-10-08 14:04:25 +08:00
parent 89e5543aae
commit ba3e306211

View File

@ -1,41 +1,44 @@
<template>
<el-dialog v-dialogDrag :title="title" :visible.sync="dialogVisible" width="500px" :before-close="handleClose" center :close-on-click-modal="false">
<el-dialog v-dialogDrag :title="title" :visible.sync="dialogVisible" width="800px" :before-close="handleClose" center :close-on-click-modal="false">
<el-form ref="ruleForm" :model="formModel" :rules="rules" label-width="130px">
<el-form-item label="项目名称:" prop="loginProtitle">
<el-input v-model="formModel.loginProtitle" style="width: 260px;" />
<el-form-item label="项目名称:" prop="loginProtitle" class="inlineBlock">
<el-input v-model="formModel.loginProtitle" style="width: 210px;" size="small" />
</el-form-item>
<el-form-item label="机构名称:" prop="loginOrgTitle">
<el-input v-model="formModel.loginOrgTitle" style="width: 260px;" />
<el-form-item label="机构名称:" prop="loginOrgTitle" class="inlineBlock" style="margin-left:10px">
<el-input v-model="formModel.loginOrgTitle" style="width: 210px;" size="small" />
</el-form-item>
<el-form-item label="基于系统开发:" prop="baseDevelopment">
<el-form-item label="基于系统开发:" prop="baseDevelopment" class="inlineBlock">
<el-switch v-model="formModel.baseDevelopment" />
</el-form-item>
<el-form-item label="关于系统:" prop="aboutSystem">
<el-input v-model="formModel.aboutSystem" style="width: 260px;" />
</el-form-item>
<el-form-item label="显示背景图片:" prop="showBackPic">
<el-form-item label="显示背景图片:" prop="showBackPic" class="inlineBlock">
<el-switch v-model="formModel.showBackPic" />
</el-form-item>
<el-form-item label="微信登录:" prop="wechatLogin">
<el-form-item label="微信登录:" prop="wechatLogin" class="inlineBlock">
<el-switch v-model="formModel.wechatLogin" />
</el-form-item>
<el-form-item label="联系方式:" prop="loginContectInformation">
<el-form-item label="联系方式:" prop="loginContectInformation" class="inlineBlock">
<el-switch v-model="formModel.loginContectInformation" />
</el-form-item>
<el-form-item label="关于系统:" prop="aboutSystem">
<el-input v-model="formModel.aboutSystem" style="width: 400px;" size="small" />
</el-form-item>
<!-- loginProLogo:'', // logo
loginProLogoWidth:'', // logo
loginProLogoHeight:'', // logo -->
<el-form-item label="页签名称:" prop="browserTitle">
<el-input v-model="formModel.browserTitle" style="width: 260px;" />
<el-form-item label="页签名称:" prop="browserTitle" class="inlineBlock">
<el-input v-model="formModel.browserTitle" style="width: 210px;" size="small" />
</el-form-item>
<el-form-item label="导航栏名称:" prop="homeTitle">
<el-input v-model="formModel.homeTitle" style="width: 260px;" />
<el-form-item label="导航栏名称:" prop="homeTitle" class="inlineBlock" style="margin-left:10px">
<el-input v-model="formModel.homeTitle" style="width: 210px;" size="small" />
</el-form-item>
<el-form-item label="案例展示:" prop="caseShow">
<el-form-item label="案例展示:" prop="caseShow" class="inlineBlock">
<el-switch v-model="formModel.caseShow" />
</el-form-item>
<el-form-item label="帮助展示:" prop="helpShow" class="inlineBlock">
<el-switch v-model="formModel.helpShow" />
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
@ -67,7 +70,8 @@ export default {
browserTitle:'', //
homeTitle:'', //
caseShow:true //
caseShow:true, //
helpShow:true //
}
};
@ -75,7 +79,7 @@ export default {
computed: {
rules() {
const crules = {
title: [
loginProtitle: [
{ required: true, message: '请输入项目名称', trigger: 'blur' }
],
browserTitle: [
@ -114,6 +118,7 @@ export default {
this.formModel.browserTitle = viewSetting.browserTitle || '';
this.formModel.homeTitle = viewSetting.homeTitle || '';
this.formModel.caseShow = viewSetting.caseShow || true;
this.formModel.helpShow = viewSetting.helpShow || true;
}
},
@ -132,7 +137,8 @@ export default {
browserTitle:'', //
homeTitle:'', //
caseShow:true //
caseShow:true, //
helpShow:true //
};
this.$refs.ruleForm.resetFields();
@ -160,3 +166,8 @@ export default {
}
};
</script>
<style lang="scss" scoped>
.inlineBlock{
display: inline-block;
}
</style>