📖 File Reader
<?php /*a:4:{s:53:"D:\XiangMu\hecheng\app\admin\view\copy\form_list.html";i:1678704240;s:49:"D:\XiangMu\hecheng\app\admin\view\public\top.html";i:1723193413;s:49:"D:\XiangMu\hecheng\app\admin\view\public\vue.html";i:1677287072;s:50:"D:\XiangMu\hecheng\app\admin\view\public\page.html";i:1697508808;}*/ ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="renderer" content="webkit" />
<title><?php echo htmlentities($config['name']); ?></title>
<meta name="keywords" content="" />
<meta name="description" content=""/>
<!--[if lt IE 9]>
<meta http-equiv="refresh" content="0;ie.html" />
<![endif]-->
<link rel="shortcut icon" href="favicon.ico" />
<link href="/public/admin/css/jquery.contextMenu.min.css" rel="stylesheet"/>
<link href="/public/admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="/public/admin/css/plugins/jsTree/style.min.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico">
<link href="/public/admin/css/plugins/iCheck/custom.css" rel="stylesheet">
<link href="/public/admin/css/plugins/summernote/summernote.css" rel="stylesheet" />
<link href="/public/admin/css/plugins/summernote/summernote-bs3.css" rel="stylesheet" />
<link href="/public/admin/css/bootstrap.min.css?v=3.3.7" rel="stylesheet">
<link href="/public/admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="/public/admin/css/style.css?v=4.1.0" rel="stylesheet">
<script src="/public/layui-v2.9.14/layui/layui.js"></script>
<script src="/public/admin/js/jquery-2.2.0.min.js"></script>
<script>
layui.use('upload', function(){
var $ = layui.jquery,upload = layui.upload;
});
</script>
<style>
/*分页样式*/
.pagination{width: 100%;display: flex;align-items: center;justify-content: flex-end;}
</style>
</head>
<script src="/public/admin/js/jquery-2.2.0.min.js"></script>
<script src="/public/vue/vue.js"></script>
<script src="/public/vue/axios.min.js"></script>
<script src="/public/vue/vue-resource.min.js"></script>
<script src="/public/vue/request_admin.js"></script>
<style>
.page {
font-weight: 900;
height: 40px;
text-align: center;
color: #888;
margin: 20px auto 0;
background: #f2f2f2;
}
.pagelist {
font-size: 0;
background: #fff;
height: 50px;
line-height: 50px;
}
.pagelist span {
font-size: 14px;
}
.pagelist .jump {
border: 1px solid #ccc;
padding: 5px 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
margin-left: 5px;
}
.pagelist .bgprimary {
cursor: default;
color: #fff;
background: #019688;
border-color: #019688;
}
.jumpinp input {
width: 55px;
height: 26px;
font-size: 13px;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
}
.ellipsis {
padding: 0px 8px;
}
.jumppoint {
margin-left: 30px;
}
.pagelist .gobtn {
font-size: 12px;
}
.bgprimary {
cursor: default;
color: #fff;
background: #019688;
border-color: #019688;
}
.pagelist .jump.disabled {
pointer-events: none;
background: #ddd;
}
/*/
</style>
<style>
/*弹窗样式*/
.modal-dialog {
width: 700px;
margin: -20px auto;
}
.spiner-example {
height: 200px;
padding-top: 212px;
}
.btn-circle {
width: 22px;
height: 22px;
line-height: 20px;
padding: 0;
outline: none;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
/*按钮大小*/
.btn-circle {
width: 22px;
height: 22px;
line-height: 20px;
padding: 0;
outline: none;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
</style>
<body class="gray-bg">
<div id="vue_ce">
<!--加载动画-->
<div class="spiner-example" v-if="to_load == 0">
<div class="sk-spinner sk-spinner-three-bounce">
<div class="sk-bounce1"></div>
<div class="sk-bounce2"></div>
<div class="sk-bounce3"></div>
</div>
</div>
<div class="wrapper wrapper-content animated fadeInRight" v-if="to_load == 1">
<div class="row">
<div class="col-sm-12">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>列表</h5>
<a data-toggle="modal">
<button type="button" @click="chuangjian" class="btn btn-primary"
style="float: right;margin:-10px 0px 0px 0px;">
测试表单生成
</button>
</a>
</div>
<div class="ibox-content">
<form method="post" onSubmit="return chkform(this)" name="form" id="form" action=""
enctype="multipart/form-data" onkeydown="if(event.keyCode==13)return false;"
onSubmit="return checkSubmit();">
<div class="good_sou">
<input type="text" v-model="sousuo.title" placeholder="请输入标题" class="good_sou_int"
style="width: 30%;">
<input type="button" value="搜索" class="good_sou_an" @click="sousuo_submit()">
</div>
</form>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th style="text-align: center">ID</th>
<th style="text-align: center">缩略图</th>
<th style="text-align: center">标题</th>
<th style="text-align: center">所属分类</th>
<th style="text-align: center">是否显示</th>
<th style="text-align: center">浏览量</th>
<th style="text-align: center;">创建时间</th>
<th style="text-align: center">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="item in list">
<td style="text-align: center">
{{item.id}}
</td>
<td style="text-align: center">
<img :src="item.img" style="width:80px;">
</td>
<td style="text-align:center;width: 350px;">
{{item.title}}
</td>
<td style="text-align: center">
{{item.name_act}}
</td>
<td style="text-align: center" @click="is_show(item.id)">
<button class="btn btn-info btn-circle" v-if="item.is_show == 1" type="button">
<i class="fa fa-check"></i>
</button>
<button class="btn btn-default btn-circle" v-if="item.is_show == 0"
type="button">
<i class="fa fa-times"></i>
</button>
</td>
<td style="text-align: center">
{{item.browse_sum}}
</td>
<td style="text-align: center;">
{{item.add_time}}
</td>
<td style="text-align: center;width:20%;">
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var vm = new Vue({
el: '#vue_ce',
data: {
form_w:'',
form_h:'',
to_load: 0,//加载状态：1为完成
list: [],//列表数据
sousuo:[],
jurisdiction:{},//权限
},
mounted () {
window.Fromsucceed = this.Fromsucceed
},
methods: {
_isMobile() {
let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
return flag;
},
/*权限处理*/
Jurisdiction:function(){
var that = this;
var table_jurisdiction1 = "<?php echo htmlentities($table_jurisdiction_json); ?>";
table_jurisdiction1 = table_jurisdiction1.replace(/&/g,"&");
table_jurisdiction1 = table_jurisdiction1.replace(/</g,"<");
table_jurisdiction1 = table_jurisdiction1.replace(/>/g,">");
table_jurisdiction1 = table_jurisdiction1.replace(/ /g," ");
table_jurisdiction1 = table_jurisdiction1.replace(/'/g,"\'");
table_jurisdiction1 = table_jurisdiction1.replace(/"/g,"\"");
that.jurisdiction = JSON.parse(table_jurisdiction1);
},
//表单生成创建
chuangjian:function(){
var that = this;
parent.layer.open({
type: 2,
title: '创建',
shadeClose: true,
shade: 0.5,
maxmin: true, //开启最大化最小化按钮
area: [that.form_w, that.form_h],
content: '/admin/Copy/create',
end:function() {
console.log('刷新列表');
}
});
},
},
created() {
var that = this;
that.Jurisdiction();
if (that._isMobile()) {
that.form_w = '25rem';
that.form_h = '53rem';
} else {
that.form_w = '70rem';
that.form_h = '40rem';
}
this.to_load = 1;
}
})
//监听并触发分页
vm.$watch('current_page', function (nval, oval) {
this.load();
});
</script>
<style>
.upload{border: 1px dashed #c9c7c7;width: 100px;height: 100px;position: relative;
border-radius: 6px;overflow: hidden;}
.upload .test{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;outline: none;}
.img_center{width: 100%;height: 100%;}
.img_center img{width: 100%;height: 100%;}
</style>
<script>
//获取图片路劲的方法，兼容多种浏览器，通过createObjectURL实现
function getObjectURL(file){
var url = null;
if(window.createObjectURL != undefined){
url = window.createObjectURL(file);//basic
}else if(window.URL != undefined){
url = window.URL.createObjectURL(file);
}else if(window.webkitURL != undefined){
url = window.webkitURL.createObjectURL(file);
}
return url;
}
//实现功能代码
$(function(){
$(".test").change(function(){
var path = $(".test").value;
var objUrl = getObjectURL(this.files[0]);
if(objUrl){
// $('.img1-img').attr("src",objUrl);
$(this).parents('.upload').find('.img1-img').attr("src",objUrl);
}
});
})
</script>
<!-- 全局js -->
<script src="/public/admin/js/jquery.min.js?v=2.1.4"></script>
<script src="/public/admin/js/bootstrap.min.js?v=3.3.7"></script>
<!-- Peity -->
<script src="/public/admin/js/plugins/peity/jquery.peity.min.js"></script>
<!-- iCheck -->
<script src="/public/admin/js/plugins/iCheck/icheck.min.js"></script>
<!-- Peity -->
<script src="/public/admin/js/demo/peity-demo.js"></script>
<!-- SUMMERNOTE 编辑器-->
<script src="/public/admin/js/plugins/summernote/summernote.min.js"></script>
<script src="/public/admin/js/plugins/summernote/summernote-zh-CN.js"></script>
<script>
$(document).ready(function () {
$('.summernote').summernote({
lang: 'zh-CN'
});
});
var edit = function () {
$('#eg').addClass('no-padding');
$('.click2edit').summernote({
lang: 'zh-CN',
focus: true
});
};
var save = function () {
$('#eg').removeClass('no-padding');
var sHTML = $('.summernote').summernote('code'); //save HTML If you need(aHTML: array).
console.log(sHTML)
$('.click2edit').summernote('destroy');
};
</script>
<script>
$(document).ready(function () {
$('.i-checks').iCheck({
checkboxClass: 'icheckbox_square-green',
radioClass: 'iradio_square-green',
});
});
</script>
</body>
</html>