管理页面更新
This commit is contained in:
parent
e53b0d8f6b
commit
cbf9939491
|
|
@ -95,6 +95,187 @@
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<div>
|
||||||
|
<h4>通知公告信息</h4>
|
||||||
|
<div>
|
||||||
|
<el-form label-position="right" label-width="80px" :model="guideInfo" :rules="rules">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="是否显示" prop="show">
|
||||||
|
<el-switch v-model="noticeInfo.show"></el-switch>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" >保存</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<div>
|
||||||
|
<h4>参赛报名信息</h4>
|
||||||
|
<div>
|
||||||
|
<el-form label-position="right" label-width="80px" :model="applyInfo" :rules="rules">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="是否显示" prop="show">
|
||||||
|
<el-switch disabled v-model="applyInfo.show"></el-switch>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<div>
|
||||||
|
<h4>提案提交信息</h4>
|
||||||
|
<div>
|
||||||
|
<el-form label-position="right" label-width="80px" :model="submitInfo" :rules="rules">
|
||||||
|
|
||||||
|
<el-form-item label="是否显示" prop="show">
|
||||||
|
<el-switch disabled v-model="submitInfo.show"></el-switch>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="在线脚本" prop="onlineScript">
|
||||||
|
<el-switch v-model="submitInfo.onlineScript"></el-switch>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="脚本接口" prop="onlineInter" v-if="submitInfo.onlineScript">
|
||||||
|
<el-input v-model="submitInfo.onlineInter"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" >保存</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<div>
|
||||||
|
<h4>数据统计信息</h4>
|
||||||
|
<div>
|
||||||
|
<el-form label-position="right" label-width="80px" :model="chartInfo" :rules="rules">
|
||||||
|
|
||||||
|
<el-form-item label="是否显示" prop="show">
|
||||||
|
<el-switch v-model="chartInfo.show"></el-switch>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" >保存</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<div>
|
||||||
|
<h4>排行榜</h4>
|
||||||
|
<div>
|
||||||
|
<el-form label-position="right" label-width="80px" :model="rankInfo" :rules="rules">
|
||||||
|
|
||||||
|
<el-form-item label="是否显示" prop="show">
|
||||||
|
<el-switch v-model="rankInfo.show"></el-switch>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" >保存</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<div>
|
||||||
|
<h4>交流互动信息</h4>
|
||||||
|
<div>
|
||||||
|
<el-form label-position="right" label-width="100px" :model="chatInfo" :rules="rules">
|
||||||
|
|
||||||
|
<el-form-item label="交流互动图" prop="imgUrl">
|
||||||
|
<el-upload
|
||||||
|
class="upload-demo"
|
||||||
|
drag
|
||||||
|
action="https://jsonplaceholder.typicode.com/posts/"
|
||||||
|
multiple>
|
||||||
|
<i class="el-icon-upload"></i>
|
||||||
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||||||
|
</el-upload>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="参赛资讯链接" prop="urlOne" >
|
||||||
|
<el-input v-model="chatInfo.urlOne"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="参赛资讯图" prop="logoOne">
|
||||||
|
<el-upload
|
||||||
|
class="upload-icon "
|
||||||
|
drag
|
||||||
|
action="https://jsonplaceholder.typicode.com/posts/"
|
||||||
|
multiple>
|
||||||
|
<i class="el-icon-plus uploader-icon"></i>
|
||||||
|
</el-upload>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="选手交流链接" prop="urlOne" >
|
||||||
|
<el-input v-model="chatInfo.urlTwo"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="选手交流图" prop="logoTwo">
|
||||||
|
<el-upload
|
||||||
|
class="upload-icon "
|
||||||
|
drag
|
||||||
|
action="https://jsonplaceholder.typicode.com/posts/"
|
||||||
|
multiple>
|
||||||
|
<i class="el-icon-plus uploader-icon"></i>
|
||||||
|
</el-upload>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="专家答疑链接" prop="urlOne" >
|
||||||
|
<el-input v-model="chatInfo.urlThree"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="专家答疑图" prop="logoThree">
|
||||||
|
<el-upload
|
||||||
|
class="upload-icon "
|
||||||
|
drag
|
||||||
|
action="https://jsonplaceholder.typicode.com/posts/"
|
||||||
|
multiple>
|
||||||
|
<i class="el-icon-plus uploader-icon"></i>
|
||||||
|
</el-upload>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="是否显示" prop="show">
|
||||||
|
<el-switch v-model="chatInfo.show"></el-switch>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" >保存</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<div>
|
||||||
|
<h4>联系我们信息</h4>
|
||||||
|
<div>
|
||||||
|
<el-form label-position="right" label-width="100px" :model="chatInfo" :rules="rules">
|
||||||
|
|
||||||
|
<el-form-item label="联系我们图" prop="imgUrl">
|
||||||
|
<el-upload
|
||||||
|
class="upload-demo"
|
||||||
|
drag
|
||||||
|
action="https://jsonplaceholder.typicode.com/posts/"
|
||||||
|
multiple>
|
||||||
|
<i class="el-icon-upload"></i>
|
||||||
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||||||
|
</el-upload>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="是否显示" prop="show">
|
||||||
|
<el-switch v-model="chatInfo.show"></el-switch>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" >保存</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -133,6 +314,34 @@ export default {
|
||||||
content:'',
|
content:'',
|
||||||
contentMd:'',
|
contentMd:'',
|
||||||
show: false
|
show: false
|
||||||
|
},
|
||||||
|
noticeInfo:{
|
||||||
|
show: false,
|
||||||
|
},
|
||||||
|
applyInfo:{
|
||||||
|
|
||||||
|
show: true,
|
||||||
|
},
|
||||||
|
submitInfo:{
|
||||||
|
show: true,
|
||||||
|
onlineScript: false,
|
||||||
|
onlineInter:'',
|
||||||
|
},
|
||||||
|
chartInfo:{
|
||||||
|
show: false,
|
||||||
|
},
|
||||||
|
rankInfo:{
|
||||||
|
show: false,
|
||||||
|
},
|
||||||
|
chatInfo:{
|
||||||
|
show: true,
|
||||||
|
urlOne:"",
|
||||||
|
urlTwo:"",
|
||||||
|
urlThree:"",
|
||||||
|
logoOne:"",
|
||||||
|
logoTwo:"",
|
||||||
|
logoThree:"",
|
||||||
|
imgUrl:"",
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -146,8 +355,26 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
<style src="@/assets/css/common.css" scoped/>
|
<style src="@/assets/css/common.css" scoped/>
|
||||||
|
|
||||||
<style scoped>
|
<style lang="scss" scoped>
|
||||||
.card-style{
|
.card-style{
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.upload-icon {
|
||||||
|
/deep/.el-upload-dragger{
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
text-align: center;
|
||||||
|
align-items: center; /* 水平居中 */
|
||||||
|
justify-content: center !important; /* 垂直居中 */
|
||||||
|
}
|
||||||
|
.uploader-icon {
|
||||||
|
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
line-height: 100px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
Loading…
Reference in New Issue