mirror of
https://github.com/ngfchl/ptools
synced 2023-07-10 13:41:22 +08:00
256 lines
10 KiB
HTML
256 lines
10 KiB
HTML
{% load static %}
|
|
|
|
<!-- 引入样式 -->
|
|
|
|
<link rel="stylesheet" href="{% static 'admin/simpleui-x/elementui/theme-chalk/index.css' %}">
|
|
<!-- 引入组件库 -->
|
|
|
|
<div id="app">
|
|
<el-card class="box-card">
|
|
<div slot="header" class="clearfix">
|
|
<span>
|
|
<el-button type="primary">更新提示</el-button>
|
|
<el-popover
|
|
placement="top-start"
|
|
title="友情提示"
|
|
width="200"
|
|
trigger="hover"
|
|
content="如果遇到无法更新的情况，您可以选择重建容器或者进入容器命令行到项目根目录执行`git pull`命令！">
|
|
<el-link slot="reference"
|
|
type="success">{{ update_tips }} + <span>容器已运行：{{ delta }}</span></el-link>
|
|
</el-popover>
|
|
</span>
|
|
<span style="float: right;margin-top: -10px">
|
|
{# <el-button type="primary" @click="do_refresh">刷新页面</el-button>#}
|
|
<el-popover
|
|
placement="top-start"
|
|
{# title="友情提示"#}
|
|
width="200"
|
|
trigger="hover"
|
|
content="此操作会覆盖已支持站点在本地数据库中的规则，不支持的站点无操作">
|
|
<el-button slot="reference" type="success" @click="do_update_xpath">规则更新</el-button>
|
|
</el-popover>
|
|
<el-popover
|
|
placement="top-start"
|
|
width="200"
|
|
trigger="hover"
|
|
content="此操作只更新代码，不更新规则，代码更新要生效必须重启！">
|
|
<el-button slot="reference" type="success" @click="do_update" v-if="update">代码更新</el-button>
|
|
</el-popover>
|
|
<el-popover
|
|
placement="top-start"
|
|
width="200"
|
|
trigger="hover"
|
|
content="只有在容器中部署才能使用本操作，其他环境部署无效">
|
|
<el-button slot="reference" type="danger" @click="do_restart" v-if="{{ restart }}">重启容器</el-button>
|
|
</el-popover>
|
|
|
|
</span>
|
|
</div>
|
|
<div class="text item">
|
|
<el-row>
|
|
<el-card class="box-card">
|
|
<ul v-for="o in update_log" :key="o" class="text item">
|
|
<li v-html="o"></li>
|
|
</ul>
|
|
</el-card>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="local_log_width">
|
|
<el-card class="box-card" shadow="hover">
|
|
<div slot="header" class="clearfix">
|
|
<span>本地日志</span>
|
|
</div>
|
|
<el-timeline>
|
|
<el-timeline-item
|
|
v-for="(update_note, index) in local_logs"
|
|
:key="index"
|
|
icon="el-icon-refresh"
|
|
type="success"
|
|
color="#0bbd87"
|
|
{# :size="activity.size" #}
|
|
:timestamp="update_note.date">
|
|
<el-card shadow="hover">
|
|
<p v-for="content in update_note.data" v-html="content">
|
|
</p>
|
|
</el-card>
|
|
|
|
</el-timeline-item>
|
|
</el-timeline>
|
|
</el-card>
|
|
</el-col>
|
|
<el-col :span="12" v-if="update">
|
|
<el-card class="box-card" shadow="hover">
|
|
<div slot="header" class="clearfix">
|
|
<span>更新日志</span>
|
|
</div>
|
|
<el-timeline>
|
|
<el-timeline-item
|
|
v-for="(update_note, index) in update_notes"
|
|
:key="index"
|
|
{# :icon="activity.icon" #}
|
|
{# :type="activity.type" #}
|
|
color="#0bbd87"
|
|
{# :size="activity.size" #}
|
|
:timestamp="update_note.date">
|
|
<el-card shadow="hover">
|
|
<p v-for="content in update_note.data" v-html="content">
|
|
</p>
|
|
</el-card>
|
|
|
|
</el-timeline-item>
|
|
</el-timeline>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</div>
|
|
</el-card>
|
|
</div>
|
|
|
|
<script src="{% static 'admin/simpleui-x/js/vue.min.js' %}"></script>
|
|
<script src="{% static 'admin/simpleui-x/elementui/index.js' %}"></script>
|
|
<script src="{% static 'admin/simpleui-x/js/axios.min.js' %}"></script>
|
|
|
|
<script type="text/javascript">
|
|
// 配置对象 options
|
|
const vm = new Vue({
|
|
// 配置选项(option)
|
|
// element: 指定用vue来管理页面中的哪个标签区域
|
|
el: '#app',
|
|
data: {
|
|
update_notes: {{ update_notes | safe }},
|
|
local_logs: {{ local_logs | safe }},
|
|
local_log: [],
|
|
update_log: [],
|
|
update: {{ update }},
|
|
local_log_width: 24,
|
|
},
|
|
created() {
|
|
if (this.update) {
|
|
this.local_log_width = 12
|
|
}
|
|
this.$message({
|
|
showClose: true,
|
|
message: "{{ update_tips }}",
|
|
type: 'success'
|
|
});
|
|
}
|
|
,
|
|
methods: {
|
|
do_update_xpath() {
|
|
this.$confirm('此操作将覆盖本地规则,请提前备份，是否继续?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
axios.get(
|
|
"{% url "do_update_xpath" %}"
|
|
).then(res => {
|
|
if (res.data.code === 0) {
|
|
this.$message({
|
|
type: 'success',
|
|
message: res.data.msg
|
|
});
|
|
this.update_log = res.data.data.update_log
|
|
} else {
|
|
console.log(res)
|
|
this.$message({
|
|
type: 'warning',
|
|
message: res.data.msg
|
|
});
|
|
}
|
|
}).catch(res => {
|
|
this.$message({
|
|
type: 'error',
|
|
message: "更新失败！"
|
|
});
|
|
})
|
|
}).catch(res => {
|
|
this.$message({
|
|
type: 'info',
|
|
message: '已取消更新'
|
|
});
|
|
});
|
|
},
|
|
do_restart() {
|
|
this.$confirm('此操作将重启容器，并更新软件, 是否继续?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
axios.get(
|
|
"{% url "do_restart" %}"
|
|
).then(res => {
|
|
if (res.data.code === 0) {
|
|
this.$message({
|
|
type: 'success',
|
|
message: res.data.msg
|
|
});
|
|
} else {
|
|
console.log(res)
|
|
this.$message({
|
|
type: 'warning',
|
|
message: res.data.msg
|
|
});
|
|
}
|
|
}).catch(res => {
|
|
this.$message({
|
|
type: 'error',
|
|
message: "重启失败！"
|
|
});
|
|
})
|
|
|
|
}).catch(res => {
|
|
{#console.log(res)#}
|
|
this.$message({
|
|
type: 'info',
|
|
message: '已取消重启'
|
|
});
|
|
});
|
|
},
|
|
|
|
do_update() {
|
|
this.$confirm('此操作会拉取软件更新软件,新版本不一定稳定，是否继续?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
axios.get(
|
|
"{% url "do_update" %}"
|
|
).then(res => {
|
|
if (res.data.code === 0) {
|
|
console.log(res, 1)
|
|
this.update_log = res.data.data.result
|
|
{#console.log('规则更新记录', res.data.data.xpath_update)#}
|
|
this.$message({
|
|
type: 'success',
|
|
message: res.data.msg
|
|
});
|
|
} else {
|
|
console.log(res, 2)
|
|
this.$message({
|
|
type: 'warning',
|
|
message: res.data.msg
|
|
});
|
|
}
|
|
}).catch(res => {
|
|
console.log(res, 3)
|
|
this.$message({
|
|
type: 'error',
|
|
message: "更新失败！"
|
|
});
|
|
})
|
|
|
|
}).catch(res => {
|
|
console.log(res)
|
|
this.$message({
|
|
type: 'warning',
|
|
message: '已取消更新'
|
|
});
|
|
});
|
|
}
|
|
}
|
|
});
|
|
</script>
|