151 lines
5.1 KiB
HTML
151 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<meta name="renderer" content="webkit">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<link rel="stylesheet" href="/static/assets/gougu/css/gougu.css">
|
|
<!-- <link rel="stylesheet" href="/static/assets/gougu/css/layout.css"> -->
|
|
<style>
|
|
.close {
|
|
width: 100%;
|
|
height: 80px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="page-content">
|
|
<div class="p-4 border-b">
|
|
<h3 class="h3-title hover">
|
|
<span id="name">计划信息 - {$detail.name}</span>
|
|
</h3>
|
|
</div>
|
|
<div class="layui-row border-b">
|
|
<table class="layui-table layui-table-form">
|
|
<tr>
|
|
<td class="layui-td-gray-2">计划年份
|
|
</td>
|
|
<td>
|
|
{$detail.year}
|
|
</td>
|
|
<td class="layui-td-gray-2">项目名称
|
|
</td>
|
|
<td>
|
|
{$detail.name}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="layui-td-gray-2">项目类型
|
|
</td>
|
|
<td>
|
|
{$detail.cate}
|
|
</td>
|
|
<td class="layui-td-gray-2">项目状态
|
|
</td>
|
|
<td colspan="3">
|
|
{$detail.status}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="layui-td-gray-2">重要程度
|
|
</td>
|
|
<td id="importantValue">
|
|
{$detail.important}
|
|
</td>
|
|
<td class="layui-td-gray-2">负责人
|
|
</td>
|
|
<td colspan="3">
|
|
{$detail.responsible}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="layui-td-gray-2">开始时间
|
|
</td>
|
|
<td>
|
|
{$detail.start_time}
|
|
</td>
|
|
<td class="layui-td-gray-2">结束时间
|
|
</td>
|
|
<td colspan="3">
|
|
{$detail.end_time}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="layui-td-gray-2">项目金额
|
|
</td>
|
|
<td>
|
|
{$detail.price}
|
|
</td>
|
|
<td class="layui-td-gray-2">创建时间
|
|
</td>
|
|
<td colspan="3">
|
|
{$detail.create_time}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="layui-td-gray-2">计划进度
|
|
</td>
|
|
<td colspan="4">
|
|
{$detail.schedule}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="layui-td-gray-2">备注
|
|
</td>
|
|
<td colspan="4">
|
|
{$detail.remark}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="close">
|
|
<button class="layui-btn layui-btn-normal" lay-event="close">关闭页面</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<script>
|
|
// 重要程度转换五角星
|
|
const importantValue = document.getElementById('importantValue').innerText;
|
|
const stars = '★'.repeat(parseInt(importantValue));
|
|
document.getElementById('importantValue').innerText = stars;
|
|
|
|
// 如果{$detail.start_time}和{$detail.end_time}没有值就改为"待定"
|
|
const startTime = document.querySelector('td:nth-of-type(4)');
|
|
const endTime = document.querySelector('td:nth-of-type(6)');
|
|
if (startTime.innerText.trim() === '1970-01-01' || endTime.innerText.trim() === '1970-01-01') {
|
|
startTime.innerText = '待定';
|
|
endTime.innerText = '待定';
|
|
}
|
|
|
|
</script>
|
|
<script>
|
|
const moduleInit = ["tool", "gouguEdit", "gouguComment"];
|
|
|
|
function gouguInit() {
|
|
var table = layui.table;
|
|
var tool = layui.tool;
|
|
var dropdown = layui.dropdown;
|
|
var $ = layui.jquery;
|
|
var layer = layui.layer;
|
|
|
|
$('[lay-event="close"]').on('click', function () {
|
|
// 直接使用layer.close方法关闭最顶层的弹出层
|
|
var index = parent.layer.getFrameIndex(window.name); // 获取iframe层的索引
|
|
parent.layer.close(index); // 关闭弹出层
|
|
})
|
|
}
|
|
|
|
|
|
</script>
|
|
<script src="/static/assets/layui/layui.js"></script>
|
|
<script src="/static/assets/gougu/gouguInit.js"></script> |