details.html
4.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>待办任务管理</title>
<script src="/inspection/js/jquery.js"></script>
<link href="/inspection/css/font-awesome.css" rel="stylesheet">
<link href="/inspection/css/bootstrap.css" rel="stylesheet">
<link href="/inspection/css/style-responsive.css" rel="stylesheet">
<link href="/inspection/css/default-theme.css" rel="stylesheet">
<link href="/inspection/css/style.css" rel="stylesheet">
<link href="/inspection/css/bootstrap-reset.css" rel="stylesheet">
<link href="/inspection/css/owl.carousel.css" rel="stylesheet">
<!-- 新增样式 -->
<link href="/inspection/css/sb_style.css" rel="stylesheet">
<link rel="stylesheet" href="/inspection/css/xj_css.css">
<!-- 步骤条 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body class="sticky-header">
<!-- 头部 -->
<div id="head">{include file='common/_header'}</div>
<!-- 头部 -->
<section>
<!-- 导航 -->
<div class="sidebar-left">{include file='common/_leftnav'}</div>
<!-- 导航 -->
<div class="body-content" >
<!-- 当前位置 -->
<div class="page-head clearfix">
<ol class="breadcrumb pull-left">
<li><a href="index.html" class="btn btn-default">
<i class="fa fa-chevron-left"></i>返回</a></li>
<!-- <li ><a href="#">设备管理</a></li> -->
<!-- <li class="active">设备类型</li> -->
</ol>
<div class="pull-right breadcrumbtn"> </div>
</div>
<!-- 当前位置 -->
<div class="wrapper">
<section class="panel">
<header class="panel-heading head-border">任务详情</header>
<div class="tit">
<h3>{$row.title}</h3>
<button class="btn btn-primary" style="outline: none;">{$row.status==1?'已完成':'未完成'}</button>
</div>
<div class="panel-body xq">
<ul>
<li>
<span>指派人:{$row.staff_name}</span>
<span>{$row.createtime|date='Y-m-d H:i',###}</span>
</li>
<li class="cont">
<span>内容:</span>
<textarea rows="6" cols="30">{$row.desc}</textarea>
</li>
<li class="sub">
<h4>任务转交</h4>
<!-- <p>时间:2021-11-29 14:45</p> -->
<!-- <p>李某某 转交给 张某某
<span>李某某 转交给 张某某</span>
<span>已经接受</span>
</p> -->
<div>
<span>时间:2021-11-29 14:45</span>
<span>李某某 转交给 张某某</span>
<span>已经接受</span>
</div>
</li>
<li class="sub">
<h4>处理情况</h4>
<!-- <p>时间:2021-11-29 15:31</p>
<p>处理人:张某某</p> -->
<div >
<span>时间:2021-11-29 15:31</span>
<span>处理人:张某某</span>
</div>
</li>
<div class="pic">
<span>上传图片:</span>
<a style="margin: 0;" href="#" class="file2">
<input type="file"><span>处理图片</span>
</a>
</div>
</ul>
</div>
<div id="app">
<el-steps :active="2" align-center>
<el-step title="待处理" description="2021-11-29 15:55"></el-step>
<el-step title="进行中" description="2021-11-29 15:55"></el-step>
<el-step title="待回复" description="2021-11-29 15:55"></el-step>
<el-step title="完成" description="2021-11-29 15:55"></el-step>
</el-steps>
</div>
<div class="bt_icon">
<button class="btn hf" style="outline: none;">回复</button>
<button class="btn fsrw" style="outline: none;">完成</button>
</div>
</section>
</div>
</div>
</section>
<script src="/inspection/js/bootstrap.js"></script>
<script src="/inspection/js/owl.carousel.js"></script>
<script src="/inspection/js/echarts.min.js"></script>
<script src="/inspection/js/scripts.js"></script>
<script src="/inspection/laydate/laydate.js"></script>
<script>
lay('#version').html('-v'+ laydate.v);
laydate.render({
elem: '#test1'
,range: true
,theme: '#1890ff'
});
</script>
<script>
$(function(){
$('#owl-demo').owlCarousel({
navigation: true,
items: 4,
navigationText: ["<",">"]
});
});
</script>
<!-- 公共内容 -->
<!-- 步骤条 -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
new Vue({
el: '#app',
data: function() {
return { visible: false }
}
})
</script>
</body>
</html>
/inspection/