233 lines
8.5 KiB
HTML
233 lines
8.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
|
|
<title>备份记录查看</title>
|
|
<script src="./lib/jquery/dist/jquery.js"></script>
|
|
<script src="./lib/vuejs/vue.js"></script>
|
|
<script src="./lib/vuejs/axios.min.js"></script>
|
|
<script src="./lib/elementui/index2.15.9v.js"></script>
|
|
<!--<script src="./lib/linq.js/Content/Scripts/linq.min.js"></script>-->
|
|
<script src="Scripts/linq.js"></script>
|
|
<link href="./lib/elementui/index2.15.9v.css" rel="stylesheet" />
|
|
<link href="./lib/elementui/theme-green/index.css" rel="stylesheet" />
|
|
<link href="./lib/elementui/theme-green/color-green.css" rel="stylesheet" />
|
|
|
|
|
|
|
|
<!-- 依 赖 样 式 -->
|
|
<link rel="stylesheet" href="component/pear/css/pear.css" />
|
|
<!-- 加 载 样 式 -->
|
|
<!--<Link rel="stylesheet" href="admin/css/loader.css" />-->
|
|
<!-- 布 局 样 式 -->
|
|
<!--<Link rel="stylesheet" href="admin/css/admin.css" />-->
|
|
<!-- 依 赖 脚 本 -->
|
|
<script src="component/layui/layui.js"></script>
|
|
<script src="component/pear/pear.js"></script>
|
|
<!-- 新增加的layui的框架 -->
|
|
<!--<Link href="Scripts/layui/css/layui.css" rel="stylesheet" />
|
|
<script src="Scripts/layui/layui.js"></script>-->
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<el-container>
|
|
<el-main v-loading="loading" v-loading.fullscreen.lock="false" :element-loading-text="showLoadingTip"
|
|
element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.1)">
|
|
<div class="test">
|
|
|
|
<div id="data" style="text-align: center; margin-right: 55px; margin-bottom: 20px;">
|
|
<h2 id="title1">备份记录查看</h2>
|
|
<br />
|
|
|
|
|
|
|
|
|
|
<div class="layui-row">
|
|
<div class="layui-col-xs4">
|
|
<div class="grid-demo grid-demo-bg1">
|
|
<div style="padding:10px" class="layui-card">
|
|
<table class="layui-hide" id="BackLogTable" lay-filter="BackLogTable"></table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-col-xs8">
|
|
<div class="grid-demo" style="border:solid 1px #323232">
|
|
<table class="layui" id="BackLogDetailTable" lay-filter="BackLogDetailTable"></table>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</el-main>
|
|
<!--<el-footer>
|
|
|
|
</el-footer>-->
|
|
</el-container>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
<script type="text/html" id="barDemo">
|
|
<a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>
|
|
</script>
|
|
|
|
<script>
|
|
|
|
///////////////////////////////////////////////////
|
|
//该部分是Vue应用封装
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
//提示内容显示
|
|
textarea: "",
|
|
//等待提示
|
|
loading: false,
|
|
showtip: '',
|
|
btnLoading: [false, false, false, false, false, false, false, false, false, false, false, false],
|
|
//正在进行实时更新替换, 大约需要30秒钟至几分钟不等, 请等待...
|
|
showLoadingTip: '系统正在操作中,请耐心的等待...',
|
|
searchJson: { 'curYear': '', 'ypmc': '', 'sp_dl': '' },
|
|
QueryCondition: { QueryYPMC: [] },
|
|
QueryYPMC: [],
|
|
|
|
}
|
|
},
|
|
mounted() {
|
|
var _this = this; //this指向vue
|
|
Vue.prototype.$loading = this.loading
|
|
|
|
_this.loading = false;
|
|
|
|
this.SearchBackLog();
|
|
},
|
|
methods: {
|
|
|
|
//显示进度内容
|
|
addNote(str) {
|
|
var aData = new Date().toLocaleString();;
|
|
this.textarea = aData + " " + str + '\r\n' + this.textarea;
|
|
},
|
|
//显示提示信息
|
|
showTip(strmessage) {
|
|
this.$message({
|
|
message: strmessage,
|
|
type: 'warning'
|
|
});
|
|
},
|
|
|
|
SearchBackLog() {
|
|
|
|
layui.use('table', function () {
|
|
var table = layui.table;
|
|
|
|
table.render({
|
|
elem: '#BackLogTable'
|
|
, url: '/OperateLog/ReadBackList'
|
|
, where: {
|
|
|
|
}
|
|
, parseData: function (res) { //res 即为原始返回的数据
|
|
return {
|
|
"code": res.code,
|
|
"data": res.data, //解析数据列表
|
|
"count": res.count
|
|
};
|
|
}
|
|
, width: '30%'
|
|
, height: 600
|
|
, cols: [[
|
|
{ field: 'OriginalPath', width: 240, align: 'center', title: '日志文档' }
|
|
,{ fixed: 'right', title: '操作', width: 60, minWidth: 60, toolbar: '#barDemo' }
|
|
]]
|
|
, border: true
|
|
, page: false
|
|
, done: function (res, curr, count) {
|
|
}
|
|
});
|
|
|
|
// 单元格编辑事件
|
|
table.on('tool(BackLogTable)', function (obj) {
|
|
var field = obj.field //得到字段
|
|
, value = obj.value //得到修改后的值
|
|
, data = obj.data; //得到所在行所有键值
|
|
var data = obj.data; //获得当前行数据
|
|
var layEvent = obj.event; //获得 lay-event 对应的值
|
|
|
|
if (layEvent === 'detail') { //查看
|
|
//do somehing
|
|
//alert('sdfsdf', obj)
|
|
console.log(obj.data.OriginalPath)
|
|
var tableDetail = layui.table;
|
|
tableDetail.render({
|
|
elem: '#BackLogDetailTable'
|
|
, url: '/OperateLog/ReadBackLog'
|
|
, where: {
|
|
'filename': obj.data.OriginalPath
|
|
}
|
|
, parseData: function (res) { //res 即为原始返回的数据
|
|
return {
|
|
"code": res.code,
|
|
"data": res.data, //解析数据列表
|
|
"count": res.count
|
|
};
|
|
}
|
|
, width: '60%'
|
|
, height: 600
|
|
, cols: [[
|
|
{ field: 'LogTime', width: 180, align: 'center', title: '日志时间' }
|
|
, { field: 'LogType', width: 200, align: 'center', title: '日志类型' }
|
|
, { field: 'Content', width: 340, align: 'center', title: '日志文档' }
|
|
]]
|
|
, border: true
|
|
, page: false
|
|
, done: function (res, curr, count) {
|
|
}
|
|
});
|
|
|
|
|
|
}
|
|
|
|
//var update = {};
|
|
//update[field] = value;
|
|
//obj.update(update);
|
|
});
|
|
|
|
})
|
|
|
|
|
|
}
|
|
}
|
|
})
|
|
///////////////////////////////////////////////////
|
|
|
|
|
|
//加上日志20211109
|
|
function addlog(otype, ocontent, ouser) {
|
|
var curUser = "";
|
|
if (sessionStorage['userName'] != null) {
|
|
curUser = sessionStorage['userName']
|
|
} else {
|
|
curUser = ouser
|
|
}
|
|
|
|
$.get(Gaddress + "/operatelog/addlog?ouser=" + curUser + "&otype=" + otype + "&ocontent=" + ocontent.substring(0, 2500), {})
|
|
.then(function (e) { return true })
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|