351 行
12 KiB
HTML
可执行文件
351 行
12 KiB
HTML
可执行文件
<!--[1.6.68]-->
|
||
<style>
|
||
.logo-box {
|
||
border: 1px solid #e4e7ed;
|
||
border-radius: 5px;
|
||
background-color: white;
|
||
padding-bottom: 20px;
|
||
}
|
||
|
||
.list {
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
margin: 10px 0;
|
||
}
|
||
|
||
.left_name {
|
||
width: 160px;
|
||
text-align: right;
|
||
font-size: 14px;
|
||
line-height: 56px;
|
||
color: #666;
|
||
margin-right: 20px;
|
||
}
|
||
|
||
.list > input {
|
||
margin: 10px 0;
|
||
width: 300px;
|
||
border: 1px solid #ccc;
|
||
padding: 10px;
|
||
border-radius: 5px;
|
||
outline: none;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.list > select {
|
||
width: 322px;
|
||
margin: 10px 0;
|
||
padding: 10px;
|
||
border: 1px solid #ccc;
|
||
border-radius: 5px;
|
||
outline: none;
|
||
font-size: 14px;
|
||
color: #333;
|
||
}
|
||
|
||
.list > textarea {
|
||
resize: none;
|
||
width: 300px;
|
||
height: 100px;
|
||
padding: 10px;
|
||
border: 1px solid #ccc;
|
||
border-radius: 5px;
|
||
outline: none;
|
||
font-size: 14px;
|
||
color: #333;
|
||
}
|
||
|
||
.save {
|
||
font-size: 16px;
|
||
width: 50px;
|
||
background-color: #009688;
|
||
color: white;
|
||
text-align: center;
|
||
padding: 8px 10px;
|
||
border-radius: 5px;
|
||
margin: 50px 200px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.save:hover {
|
||
background-color: #099688;
|
||
}
|
||
|
||
input, textarea {
|
||
font-size: 14px;
|
||
color: #333;
|
||
}
|
||
|
||
.label_radio > input[name=file] {
|
||
width: 16px;
|
||
height: 16px;
|
||
opacity: 0;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
.label_radio > span {
|
||
width: 20px;
|
||
height: 20px;
|
||
border-radius: 50%;
|
||
border: 2px solid #ccc;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
cursor: pointer;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.label_radio > input:checked + span:after {
|
||
background-color: #009688 !important;
|
||
}
|
||
|
||
.label_radio > input:checked + span {
|
||
border-color: #009688 !important;
|
||
}
|
||
|
||
.label_radio > span::after {
|
||
position: absolute;
|
||
content: "";
|
||
width: 8px;
|
||
height: 8px;
|
||
border-radius: 50%;
|
||
background-color: #ddd;
|
||
top: 4px;
|
||
left: 4px;
|
||
transition: .5s;
|
||
}
|
||
|
||
.tips {
|
||
width: 445px;
|
||
|
||
margin-left: 10px;
|
||
font-size: 12px;
|
||
color: #999;
|
||
}
|
||
|
||
.layui-input-inline {
|
||
width: 300px;
|
||
}
|
||
|
||
.list > .el-button {
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.center {
|
||
text-align: center;
|
||
}
|
||
|
||
.pic-tips {
|
||
width: 445px;
|
||
margin-left: 180px;
|
||
font-size: 12px;
|
||
color: #999;
|
||
margin-bottom: 20px;
|
||
}
|
||
</style>
|
||
<div id="serverLogoApp" v-cloak>
|
||
<form class="layui-form" id="form">
|
||
<div class="list">
|
||
<span class="left_name">公司LOGO：</span>
|
||
<div class="el-upload el-upload--picture-card el-upload-list--picture-card upload-img-small-auto"
|
||
@click="selectImage('stageurl')">
|
||
<i v-if="!dataForm.stageurl" class="el-icon-plus"></i>
|
||
<img v-else class="el-upload-list__item-thumbnail img-auto" :src="dataForm.stageurl">
|
||
</div>
|
||
<el-button plain size="small" @click="selectImage('stageurl')">选择图片</el-button>
|
||
</div>
|
||
<p class="pic-tips">推荐大小(140*61)</p>
|
||
<div class="list">
|
||
<span class="left_name">登录LOGO：</span>
|
||
<div class="el-upload el-upload--picture-card el-upload-list--picture-card upload-img-small-auto"
|
||
@click="selectImage('logo')">
|
||
<i v-if="!dataForm.logo" class="el-icon-plus"></i>
|
||
<img v-else class="el-upload-list__item-thumbnail img-auto" :src="dataForm.logo">
|
||
</div>
|
||
<el-button plain size="small" @click="selectImage('logo')">选择图片</el-button>
|
||
</div>
|
||
<p class="pic-tips">推荐大小(400*176)</p>
|
||
|
||
<div class="list">
|
||
<span class="left_name">小助手登录LOGO：</span>
|
||
<div class="el-upload el-upload--picture-card el-upload-list--picture-card upload-img-small-auto"
|
||
@click="selectImage('aide_logo')">
|
||
<i v-if="!dataForm.aide_logo" class="el-icon-plus"></i>
|
||
<img v-else class="el-upload-list__item-thumbnail img-auto" :src="dataForm.aide_logo">
|
||
</div>
|
||
<el-button plain size="small" @click="selectImage('aide_logo')">选择图片</el-button>
|
||
</div>
|
||
<p class="pic-tips">推荐大小(160*160)</p>
|
||
|
||
<div class="list">
|
||
<span class="left_name">网站ico图片：</span>
|
||
<div class="el-upload el-upload--picture-card el-upload-list--picture-card upload-img-small-auto"
|
||
@click="selectImage('icourl')">
|
||
<i v-if="!dataForm.icourl" class="el-icon-plus"></i>
|
||
<img v-else class="el-upload-list__item-thumbnail img-auto" :src="dataForm.icourl">
|
||
</div>
|
||
<el-button plain size="small" @click="selectImage('icourl')">选择图片</el-button>
|
||
</div>
|
||
<p class="pic-tips">推荐大小(32*32)，建议使用ico文件格式的图片 <a style="color: rgb(64, 158, 255);" target="_blank"
|
||
href="http://www.zuohaotu.com/image-to-ico.aspx">快速制作ico</a></p>
|
||
<div class="list">
|
||
<span class="left_name">网站LOGO：</span>
|
||
<div class="el-upload el-upload--picture-card el-upload-list--picture-card upload-img-small-auto"
|
||
@click="selectImage('weblogo')">
|
||
<i v-if="!dataForm.weblogo" class="el-icon-plus"></i>
|
||
<img v-else class="el-upload-list__item-thumbnail img-auto" :src="dataForm.weblogo">
|
||
</div>
|
||
<el-button plain size="small" @click="selectImage('weblogo')">选择图片</el-button>
|
||
</div>
|
||
<p class="pic-tips">推荐大小(150*55)</p>
|
||
|
||
<div class="list">
|
||
<span class="left_name">网站登录背景图：</span>
|
||
<div class="el-upload el-upload--picture-card el-upload-list--picture-card upload-img-small-auto"
|
||
@click="selectImage('web_login_bg')">
|
||
<i v-if="!dataForm.web_login_bg" class="el-icon-plus"></i>
|
||
<img v-else class="el-upload-list__item-thumbnail img-auto" :src="dataForm.web_login_bg">
|
||
</div>
|
||
<el-button plain size="small" @click="selectImage('web_login_bg')">选择图片</el-button>
|
||
</div>
|
||
<p class="pic-tips">推荐大小(1920*1080)</p>
|
||
|
||
<div class="list">
|
||
<span class="left_name">系统名称：</span>
|
||
<div class="layui-input-inline">
|
||
<input type="text" v-model="dataForm.name" required placeholder="请输入系统名称" class="layui-input">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="list">
|
||
<span class="left_name">网站名称</span>
|
||
<div class="layui-input-inline">
|
||
<input type="text" v-model="dataForm.indexname" placeholder="请输入网站名称" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="list">
|
||
<span class="left_name">keywords</span>
|
||
<div class="layui-input-inline">
|
||
<input type="text" v-model="dataForm.keywords" placeholder="请输入SEO的keywords" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="list">
|
||
<span class="left_name">description</span>
|
||
<div class="layui-input-block" style="margin-left: 0px; ">
|
||
<textarea placeholder="请输入SEO的description" class="layui-textarea" v-model="dataForm.description"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="center">
|
||
<if condition="$authArr['addPartner'] eq true">
|
||
<el-button type="primary" size="medium" @click="save">保存</el-button>
|
||
</if>
|
||
</div>
|
||
</form>
|
||
<el-dialog title="选择图片" :modal-append-to-body="false" :visible.sync="showSelectImage" custom-class="select-image-el-dialog" :top="'10px'">
|
||
<template-select-image :can-select-num="1" @selectfile="selectFile"></template-select-image>
|
||
</el-dialog>
|
||
</div>
|
||
<script type="text/javascript">
|
||
var serverLogoApp = new Vue({
|
||
el: '#serverLogoApp',
|
||
data: function () {
|
||
return {
|
||
showSelectImage: false,
|
||
actFileName: '',
|
||
dataForm: {
|
||
stageurl: "{$logoinfo['stageurl']}",
|
||
stageurl_id: "{$logoinfo['stageurl_id']}",
|
||
logo: "{$logoinfo['logo']}",
|
||
logo_id: "{$logoinfo['logo_id']}",
|
||
aide_logo: "{$logoinfo['aide_logo']}",
|
||
aide_logo_id: "{$logoinfo['aide_logo_id']}",
|
||
icourl: "{$logoinfo['icourl']}",
|
||
icourl_id: "{$logoinfo['icourl_id']}",
|
||
weblogo: "{$logoinfo['weblogo']}",
|
||
weblogo_id: "{$logoinfo['weblogo_id']}",
|
||
web_login_bg: "{$logoinfo['web_login_bg']}",
|
||
web_login_bg_id: "{$logoinfo['web_login_bg_id']}",
|
||
name: "{$logoinfo['name']}",
|
||
indexname: `{$logoinfo['indexname']}`,
|
||
keywords: `{$logoinfo['keywords']}`,
|
||
description: `{$logoinfo['description']}`,
|
||
},
|
||
}
|
||
},
|
||
methods: {
|
||
selectFile: function (item) {
|
||
console.log(item, this.actFileName);
|
||
this.showSelectImage = false;
|
||
if (item.length) {
|
||
this.dataForm[this.actFileName + '_id'] = item[0].id;
|
||
this.dataForm[this.actFileName] = item[0].path;
|
||
}
|
||
},
|
||
selectImage: function (actName) {
|
||
this.actFileName = actName;
|
||
this.showSelectImage = true;
|
||
},
|
||
save: function () {
|
||
for (var i in this.dataForm) {
|
||
if (!this.dataForm[i]) {
|
||
this.$message({
|
||
type: 'warning',
|
||
message: '请先完善您的合伙人信息',
|
||
duration: 1000
|
||
});
|
||
return;
|
||
}
|
||
}
|
||
|
||
this.$loading({
|
||
lock: true,
|
||
text: '保存中，请等待',
|
||
spinner: 'el-icon-loading',
|
||
background: 'rgba(255, 255, 255, 0.7)'
|
||
});
|
||
$.ajax({
|
||
url: "{:U('addPartner')}",
|
||
type: "POST",
|
||
data: this.dataForm,
|
||
success: (res) => {
|
||
this.$loading().close();
|
||
if (res.status == 1) {
|
||
this.$message({
|
||
type: 'success',
|
||
message: res.msg,
|
||
duration: 1000,
|
||
onClose: () => {
|
||
MenuApp.refreshWindow();
|
||
}
|
||
});
|
||
} else {
|
||
this.$message({
|
||
type: 'error',
|
||
message: res.msg,
|
||
duration: 1000
|
||
});
|
||
}
|
||
},
|
||
error: () => {
|
||
this.$message({
|
||
type: 'error',
|
||
message: '出错了！',
|
||
duration: 1000
|
||
});
|
||
this.$loading().close();
|
||
}
|
||
})
|
||
}
|
||
},
|
||
mounted: function () {
|
||
|
||
},
|
||
created: function () {
|
||
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|