|
@@ -0,0 +1,270 @@
|
|
|
+<article class="cl pd-20">
|
|
|
+ <form action="{:url('save')}" method="post" class="form form-horizontal" id="form-article-add">
|
|
|
+ <div id="tab-system" class="HuiTab">
|
|
|
+ <div class="tabBar cl"><span>基本设置</span><span>SEO设置</span><span>留言邮箱设置</span></div>
|
|
|
+ <div class="tabCon">
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>网站名称:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="name" placeholder="控制在25个字、50个字节以内" value="{$data.name}" name="name"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>logo:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="picture" placeholder="logo 路径" value="{$data.logo}" name="logo"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ <div class="formControls col-xs-8 col-sm-4 col-xs-offset-4 col-sm-offset-2">
|
|
|
+ <div style="max-width: 200px;">
|
|
|
+ <a href="javascript:void(0);" onclick="uploadLogo()">
|
|
|
+ <img id="view-picture"
|
|
|
+ src="{$data.logo ? $data.logo : '/static/images/upload_picture.png'}"
|
|
|
+ alt="logo" title="{$data.title_pic ? '更换' : '添加'}logo"
|
|
|
+ style="max-width: 200px;max-height: 200px;">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-xs-2 col-sm-2">
|
|
|
+ <a class="btn btn-success radius" href="javascript:uploadLogo();">{$data.logo ? '更换' :
|
|
|
+ '添加'}logo</a></label>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2">备案号:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="website-icp" placeholder="京ICP备00000000号" value="{$data.icp}" name="icp"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>底部版权信息:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="website-copyright" placeholder="© 2021 suryee.com"
|
|
|
+ value="{$data.copyright}" name="copyright" class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>网站地址:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="website-static" placeholder="www.suryee.com" value="{$data.url}"
|
|
|
+ name="url" class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>公司地址:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="website-static" placeholder="公司地址" value="{$data.address}" name="address"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>联系人:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="contacts" placeholder="联系人" value="{$data.contacts}" name="contacts"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>联系电话:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="tel" placeholder="联系电话" value="{$data.tel}" name="tel"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>手机号码:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="mobile_phone" placeholder="手机号码" value="{$data.mobile_phone}"
|
|
|
+ name="mobile_phone" class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>传真号码:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="fax" placeholder="传真号码" value="{$data.fax}" name="fax"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>邮箱账号:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="email" placeholder="邮箱账号" value="{$data.email}" name="email"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>QQ:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="qq" placeholder="QQ" value="{$data.qq}" name="qq" class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>二维码:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="qrcode" placeholder="二维码" value="{$data.qrcode}" name="qrcode"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ <div class="formControls col-xs-8 col-sm-4 col-xs-offset-4 col-sm-offset-2">
|
|
|
+ <div style="max-width: 200px;">
|
|
|
+ <a href="javascript:void(0);" onclick="addTitlePic()">
|
|
|
+ <img id="view-qrcode"
|
|
|
+ src="{$data.qrcode ? $data.qrcode : '/static/images/upload_picture.png'}"
|
|
|
+ alt="logo" title="{$data.qrcode ? '更换' : '添加'}二维码"
|
|
|
+ style="max-width: 200px;max-height: 200px;">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <label class="form-label col-xs-2 col-sm-2">
|
|
|
+ <a class="btn btn-success radius" href="javascript:uploadQrcode();">{$data.qrcode ? '更换' :
|
|
|
+ '添加'}二维码</a></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tabCon">
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>SEO标题:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="title" placeholder="请输入SEO标题" value="{$data.title}" name="title"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>关键词:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="key" placeholder="5个左右,8汉字以内,用英文,隔开" value="{$data.key}" name="key"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>描述:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="description" placeholder="空制在80个汉字,160个字符以内" value="{$data.des}"
|
|
|
+ name="des" class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2">统计代码:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <textarea class="textarea" id="tongji" name="tongji">{$data.tongji}</textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tabCon">
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>SMTP服务器:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="email_host" placeholder="请输入SMTP服务器" value="{$data.email_host}"
|
|
|
+ name="email_host" class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>开启加密:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="email_secure" placeholder="secure, 一般为ssl协议" value="{$data.email_secure}"
|
|
|
+ name="email_secure" class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>服务器端口:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="email_port" placeholder="服务器端口 25 或者465 具体要看邮箱服务器支持"
|
|
|
+ value="{$data.email_port}" name="email_port" class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>账号:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="email_username" placeholder="即邮箱的用户名" value="{$data.email_username}"
|
|
|
+ name="email_username" class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>密码:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="email_password" placeholder="密码部分邮箱是授权码(例如163邮箱)"
|
|
|
+ value="{$data.email_password}" name="email_password" class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>发件人:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="email_from" placeholder="发件人, 一般和邮箱的用户名一致" value="{$data.email_from}"
|
|
|
+ name="email_from" class="input-text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>收件人:</label>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9">
|
|
|
+ <input type="text" id="email_to" placeholder="收件人" value="{$data.email_to}" name="email_to"
|
|
|
+ class="input-text">
|
|
|
+ </div>
|
|
|
+ <div class="formControls col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
|
|
|
+ <span class="c-red">多个收件人用英文','隔开</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
|
|
|
+ <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont"></i> 保存</button>
|
|
|
+ <button onClick="layer_close();" class="btn btn-default radius"
|
|
|
+ type="button"> 取消 </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+</article>
|
|
|
+
|
|
|
+<script type="text/javascript">
|
|
|
+ jQuery.Huitab = function (tabBar, tabCon, class_name, tabEvent, i) {
|
|
|
+ var $tab_menu = $(tabBar);
|
|
|
+ // 初始化操作
|
|
|
+ $tab_menu.removeClass(class_name);
|
|
|
+ $(tabBar).eq(i).addClass(class_name);
|
|
|
+ $(tabCon).hide();
|
|
|
+ $(tabCon).eq(i).show();
|
|
|
+
|
|
|
+ $tab_menu.bind(tabEvent, function () {
|
|
|
+ $tab_menu.removeClass(class_name);
|
|
|
+ $(this).addClass(class_name);
|
|
|
+ var index = $tab_menu.index(this);
|
|
|
+ $(tabCon).hide();
|
|
|
+ $(tabCon).eq(index).show()
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ $(function () {
|
|
|
+ $('.skin-minimal input').iCheck({
|
|
|
+ checkboxClass: 'icheckbox-blue',
|
|
|
+ radioClass: 'iradio-blue',
|
|
|
+ increaseArea: '20%'
|
|
|
+ });
|
|
|
+ $.Huitab("#tab-system .tabBar span", "#tab-system .tabCon", "current", "click", "0");
|
|
|
+ });
|
|
|
+
|
|
|
+ //添加标题图
|
|
|
+ function uploadLogo() {
|
|
|
+ layer.open({
|
|
|
+ type: 2,
|
|
|
+ area: ['700px', '500px'],
|
|
|
+ fix: false, //不固定
|
|
|
+ maxmin: true,
|
|
|
+ shade: 0.4,
|
|
|
+ title: 'Logo上传',
|
|
|
+ content: '{:url("uploadlogo")}'
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ //添加标题图
|
|
|
+ function uploadQrcode() {
|
|
|
+ layer.open({
|
|
|
+ type: 2,
|
|
|
+ area: ['700px', '500px'],
|
|
|
+ fix: false, //不固定
|
|
|
+ maxmin: true,
|
|
|
+ shade: 0.4,
|
|
|
+ title: 'Logo上传',
|
|
|
+ content: '{:url("uploadqrcode")}'
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+</script>
|