official_website/app/admin/view/apply/uninstall_index.html

102 lines
3.5 KiB
HTML

{extend name="foxcms" /}
{block name="css"}
<link rel="stylesheet" href="{$staticPath}css/app.min.css" />
{/block}
{block name="body"}
<input type="hidden" name="id" value="{$id}"/>
<div class="foxcms-content-inner">
<!-- page content -->
<div class="apply-install-content">
<div class="foxui-bg-white foxui-padding-24">
<div class="foxui-display-flex foxui-align-items-center foxui-justify-content-between">
<div class="foxui-display-flex foxui-align-items-center">
<div class="app-pic">
<img src="{$version.icon}" alt="" />
</div>
<div class="app-text">
<h4 class="foxui-ellipsis-1">
<strong class="foxui-color-primary">{$version.name}</strong>
<span class="foxui-color-secondary">V{$version.version}</span>
</h4>
<p class="foxui-color-secondary foxui-ellipsis-1">{$version.description}</p>
</div>
</div>
<div>
<a class="primary-btn" href="{$version.link}" target="_blank">查看详情</a>
</div>
</div>
<div class="install-progress"></div>
<h2 class="foxui-color-primary fw-bold foxui-margin-top-24">应用卸载</h2>
<div class="uninstall-block foxui-border foxui-padding-28">
<div class="foxui-display-flex foxui-align-items-center foxui-justify-content-between">
<div class="text">
<h1 class="fs-24 foxui-color-dark foxui-margin-bottom-0">您确定要卸载此应用吗?</h1>
<p class="fs-12 foxui-color-regular foxui-margin-top-4">请确保您真正希望卸载此应用,一旦卸载完成,将无法恢复该应用的数据。</p>
<h4 class="fs-15 foxui-color-dark foxui-margin-bottom-8 foxui-margin-top-24">卸载此应用将会:</h4>
<ul>
<li>
<i class="fs-12 foxui-icon-xiangyou-o foxui-color-secondary"></i>
<span class="fs-12 foxui-color-secondary">删除应用及其数据</span>
</li>
<li>
<i class="fs-12 foxui-icon-xiangyou-o foxui-color-secondary"></i>
<span class="fs-12 foxui-color-secondary">您可能无法再次访问该应用中的任何数据或设置</span>
</li>
<li>
<i class="fs-12 foxui-icon-xiangyou-o foxui-color-secondary"></i>
<span class="fs-12 foxui-color-secondary">如果有其他应用依赖于此应用,可能会受到影响</span>
</li>
</ul>
</div>
<div class="icon">
<i class="foxui-icon-shanchu-o foxui-color-placeholder" style="font-size: 120px; opacity: 0.5"></i>
</div>
</div>
<div class="foxui-margin-top-40 foxui-display-flex foxui-justify-content-center foxui-align-items-center">
<button class="foxui-plain-primary foxui-size-small" style="width: 88px" onclick="history.go(-1)">返回</button>
<button class="foxui-solid-primary foxui-size-small foxui-margin-left-32" style="width: 88px" onclick="uninstallPlugin()">确定卸载</button>
</div>
</div>
</div>
</div>
</div>
{/block}
{block name="js"}
<script>
function uninstallPlugin() {
let id = $('input[name="id"]').val();
let data = {id};
$.ajax({
type: "post",
url: 'uninstallPlugin',
dataType: "json",
data: data,
success: function(res) {
if (res.code == 1) {
foxui.message({
type: 'success',
text: res.msg
})
window.location.href=document.referrer;//返回并且刷新
} else {
foxui.message({
type: 'warning',
text: res.msg
})
}
},
error: function(res) {
foxui.message({
text: res.responseJSON.msg,
type: 'info',
});
}
});
}
</script>
{/block}