class="add-code nl-116 ol-116"> 116 
                        <li class="ipu-list-item" action="TemplateRefresh">
117 
                            <div class="ipu-list-item-inner">
118 
                                <div class="ipu-list-item-title-row">
119 
                                    <div class="ipu-list-item-title">局部刷新(直接数据渲染)</div>
120 
                                </div>
121 
                                <div class="ipu-list-item-text">没有数据请求，传入的参数直接用于解析模板得到html。</div>
122 
                            </div>
123 
                        </li>
124 
                        <li class="ipu-list-item" action="PageRefresh">
125 
                            <div class="ipu-list-item-inner">
126 
                                <div class="ipu-list-item-title-row">
127 
                                    <div class="ipu-list-item-title">局部刷新(调用数据接口)</div>
128 
                                </div>
129 
                                <div class="ipu-list-item-text">调用数据请求，传入的参数先用于请求数据接口，得到的结果集用于解析模板得到html。</div>
130 
                            </div>
131 
                        </li>
132 
                    </ul>
133 
                </div>
134 
            </div>
135 
        </div>
136 
    </div>
137 
</div>
138 
</body>
139 
</html>

+ 27 - 0
show-server/src/main/webapp/template/webapp/plugins/asr.html
Parādīt failu 

@ -0,0 +1,27 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<title>语音识别</title> {%>template/common/Head.html%}
5 
<script type="text/javascript" src="biz/js/plugins/asr.js"></script>
6 
</head>
7 
<body>
8 
	<div class="ipu-card ipu-card-block">
9 
		<div class="ipu-card-header">语音识别</div>
10 
		<div class="ipu-card-content">
11 
			<div class="ipu-card-content-inner" id="img">
12 
				点击开始唤起语音识别插件功能
13 
			</div>
14 
		</div>
15 
		<div class="ipu-card-footer">
16 
			<div class="ipu-flex-block ipu-flex-middle">
17 
				<div class="ipu-flex-grow-1">
18 
					<input class="search-input" type="text" id="search">
19 
				</div>
20 
				<div class="ipu-flex-grow-0 ipu-fn-p-l">
21 
					<button class="ipu-btn" id="start">开始</button>
22 
				</div>
23 
			</div>
24 
		</div>
25 
	</div>
26 
</body>
27 
</html>

+ 1 - 1
show-server/src/main/webapp/template/webapp/plugins/basic.html
Parādīt failu 

@ -127,8 +127,8 @@
127 127 
								</li>
128 128 
							</ul>
129 129 
						</div>
130
131 130 
					</div>
131
132 132
133 133 
					<!-- <div class="ipu-card">
134 134 
						<ul class="ipu-list ipu-list-function ipu-border-tb">

+ 10 - 0
show-server/src/main/webapp/template/webapp/plugins/index-list.html
Parādīt failu 

@ -150,5 +150,15 @@
150 150 
			<p>OCR</p>
151 151 
		</li>
152 152
153 
	    <li data-action="SysLocation">
154 
	        <div class="ipu-icon mdi mdi-map-marker"></div>
155 
	        <p>系统定位</p>
156 
	    </li>
157
158 
		<li data-action="asr">
159 
	        <div class="ipu-icon mdi mdi-kodi"></div>
160 
	        <p>语音识别</p>
161 
	    </li>
162
153 163 
	</ul>
154 164 
</div>

+ 15 - 0
show-server/src/main/webapp/template/webapp/plugins/photo.html
Parādīt failu 

@ -79,6 +79,21 @@
79 79 
							<button class="ipu-btn" id="add_text">测试</button>
80 80 
						</div>
81 81 
					</div>
82 
          <div class="ipu-card ipu-card-block">
83 
            <div class="ipu-card-header">拍照且识别照片中二维码</div>
84 
            <div class="ipu-card-content">
85 
              <div class="ipu-card-content-inner">
86 
                <div class="">调用结果信息</div>
87 
                <div id="qrcode_pic">
88 
                </div>
89 
                <div id="qrcode_path"></div>
90 
                <div id="qrcode_label"></div>
91 
              </div>
92 
            </div>
93 
            <div class="ipu-card-footer">
94 
              <button class="ipu-btn" id="take_qrcode_picture">测试</button>
95 
            </div>
96 
          </div>
82 97 
					<!-- 	<div class="demo-item">
83 98 
						<div class="demo-title">拍照</div>
84 99 
						<div class="ipu-card ">

+ 21 - 0
show-server/src/main/webapp/template/webapp/plugins/safe/gestureLock.html
Parādīt failu 

@ -53,6 +53,27 @@
53 53 
							</li>
54 54
55 55
56 
							<li class="ipu-list-item">
57 
								<div class="ipu-list-item-inner">
58 
									<div class="ipu-list-item-title">设置原生手势锁样式</div>
59 
									<div class="ipu-list-item-after">
60 
										<button class="ipu-btn ipu-btn-s" id="style_gesture1">设置样式</button>
61 
									</div>
62 
								</div>
63 
							</li>
64
65
66 
							<li class="ipu-list-item">
67 
								<div class="ipu-list-item-inner">
68 
									<div class="ipu-list-item-title">默认原生手势锁样式</div>
69 
									<div class="ipu-list-item-after">
70 
										<button class="ipu-btn ipu-btn-s" id="style_gesture0">还原样式</button>
71 
									</div>
72 
								</div>
73 
							</li>
74
75
76
56 77 
						</ul>
57 78 
					</div>
58 79

+ 55 - 0
show-server/src/main/webapp/template/webapp/plugins/sysLocation.html
Parādīt failu 

@ -0,0 +1,55 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<title>系统定位</title> {%>template/common/Head.html%}
5 
<script type="text/javascript"
6 
	src="biz/js/plugins/sysLocation.js"></script>
7 
</head>
8 
<body>
9
10 
	<div class="ipu-flex-row ipu-flex-vertical">
11 
		<div class="ipu-flex-col">
12 
			<header class="ipu-toolbar">
13 
				<h1 class="ipu-toolbar-title">系统定位</h1>
14 
				<a class="ipu-fn-left page-back" href="javascript:;"> <i
15 
					class="ipu-icon mdi mdi-chevron-left"></i>
16 
				</a>
17 
			</header>
18 
		</div>
19
20 
		<div class="ipu-flex-col ipu-flex-col-auto">
21 
			<div class="ipu-flex-content" id="mycontent">
22 
				<div class="page-content">
23 
					<div class="ipu-list">
24 
						<ul>
25
26 
							<li class="ipu-list-item">
27 
								<div class="ipu-list-item-inner">
28 
									<div class="ipu-list-item-title">调用系统定位功能</div>
29 
									<div class="ipu-list-item-after">
30 
										<button class="ipu-btn ipu-btn-s" id="sys_location">开始定位</button>
31 
									</div>
32 
								</div>
33 
							</li>
34
35 
						</ul>
36 
					</div>
37
38
39 
					<div class="ipu-card ipu-card-block">
40 
						<div class="ipu-card-content">
41 
							<div class="ipu-card-content-inner">
42 
								<div class="">系统定位回调信息</div>
43 
								<div id="syslocation_info"></div>
44 
							</div>
45 
						</div>
46 
					</div>
47
48
49 
				</div>
50 
			</div>
51 
		</div>
52
53 
	</div>
54 
</body>
55 
</html>

[FE]视频回放接口联调完成 · c011b47b85 - Nuosi Git Service
Sākums Izpētīt Palīdzība
Pierakstīties
asiainfo
/
ebc
Vērot 4
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Revīzijas 392 Laidieni 0 Vikivietne
Pārlūkot izejas kodu

[FE]视频回放接口联调完成

luoxu5 4 gadi atpakaļ
vecāks
afa49867a7
revīzija
c011b47b85
1 mainītis faili ar 13 papildinājumiem un 3 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 13 3
      security-protection-platform/src/modules/videoSurveillance/components/ReplayDialog/index.vue

+ 13 - 3
security-protection-platform/src/modules/videoSurveillance/components/ReplayDialog/index.vue
Parādīt failu 

@ -14,8 +14,8 @@
14 14 
            <t-button @click="resetData">重置</t-button>
15 15 
          </div>
16 16 
        </div>
17 
        <t-tabs v-model="currentTab" mode="scrollY" orientation="vertical" width="100%" @change="handleTabChange">
18 
          <t-tab-panel v-for="item in list" :key="item.monitorVideoLogId" :label="item.fileName" :panel-id="item.fileId" />
17 
        <t-tabs v-if="isShow" v-model="currentTab" mode="scrollY" orientation="vertical" width="100%" @change="handleTabChange">
18 
          <t-tab-panel v-for="item in list" :key="item.fileId" :label="item.fileName" :panel-id="item.fileId" />
19 19 
        </t-tabs>
20 20 
      </div>
21 21 
@ -63,7 +63,8 @@ export default {
63 63 
      // 开始时间
64 64 
      beginDay: '2020-12-19 20:14:00',
65 65 
      // 结束时间
66 
      endDay: '2020-12-19 20:14:59'
66 
      endDay: '2020-12-19 20:14:59',
67 
      isShow: true
67 68 
    }
68 69 
  },
69 70 
  computed: {
 
@ -79,6 +80,8 @@ export default {
79 80 
    list: {
80 81 
      handler (val) {
81 82 
        this.list = val
83 
        // 利用v-if刷新tab组件
84 
        this.reload()
82 85 
        console.warn(`list Change`)
83 86 
        this.resetVideoList()
84 87 
        if (val.length > 0) {
 
@ -180,6 +183,13 @@ export default {
180 183 
      this.beginDay = formatDateTime(new Date(+new Date() - 10 * 60 * 1000), 'yyyy-MM-dd hh:mm:ss')
181 184 
      this.endDay = formatDateTime(new Date(), 'yyyy-MM-dd hh:mm:ss')
182 185 
      // this.getData()
186 
    },
187 
    // 刷新组件
188 
    reload () {
189 
      this.isShow = false
190 
      this.$nextTick(() => {
191 
        this.isShow = true
192 
      })
183 193 
    }
184 194 
  }
185 195 
}