weiweiw
/
Bonus-AI-LargeScreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

人脸识别与大模型问答

This commit is contained in:
jiang 2024-08-26 10:15:17 +08:00
parent 460991d615
commit fcfa7fcb02
11 changed files with 194 additions and 156 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/LargeScreen/index.vue
View File

@ -43,7 +43,7 @@ export default {
this.currentTime = `${hours}:${minutes}:${seconds}`; this.currentTime = `${hours}:${minutes}:${seconds}`;
}, },
backToHome() { backToHome() {
this.$router.push('/largeScreen').then(() => { this.$router.push('/index').then(() => {
localStorage.clear(); localStorage.clear();
}); });
}, },

2
src/permission.js
View File

@ -8,7 +8,7 @@ import { isRelogin } from '@/utils/request'
NProgress.configure({ showSpinner: false }) NProgress.configure({ showSpinner: false })
const whiteList = ['/login', '/updateFace','/largeScreen','/updateIDCard','/Violation','/Text','/Video','/askRequest','/radar'] const whiteList = ['/login', '/updateFace','/index','/updateIDCard','/Violation','/Text','/Video','/askRequest','/radar']
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
NProgress.start() NProgress.start()

2
src/router/index.js
View File

@ -41,7 +41,7 @@ export const constantRoutes = [
hidden: true hidden: true
}, },
{ {
path: '/largeScreen', path: '/index',
component: () => import('@/views/largeScreen/largeScreen'), component: () => import('@/views/largeScreen/largeScreen'),
hidden: true hidden: true
}, },

4
src/views/Text/textrecognition.vue
View File

@ -75,7 +75,7 @@ export default {
methods: { methods: {
backToHome() { backToHome() {
this.$router.beforeEach((to, from, next) => { this.$router.beforeEach((to, from, next) => {
if (from.path === '/largeScreen') { if (from.path === '/index') {
// 清除缓存的操作 // 清除缓存的操作
// 可以使用 localStorage.clear() 或其他方法清除缓存 // 可以使用 localStorage.clear() 或其他方法清除缓存
localStorage.clear(); localStorage.clear();
@ -84,7 +84,7 @@ export default {
}); });
// 跳转到主页 // 跳转到主页
this.$router.push('/largeScreen'); this.$router.push('/index');
}, },
handup() { handup() {
alert(1) alert(1)

8
src/views/askRequest/askRequest.vue
View File

@ -175,7 +175,9 @@ export default {
deleteChatWindow(windowId).then(res => { deleteChatWindow(windowId).then(res => {
if (res.code === 200) { if (res.code === 200) {
this.$message.success("删除成功"); // 显示删除成功的提示信息 this.$message.success("删除成功"); // 显示删除成功的提示信息
this.getList(); // 重新获取窗口列表 this.getList();
/* this.answerList = [];*/
this.generateNewWindowId();// 重新获取窗口列表
} }
}); });
}, },
@ -188,6 +190,10 @@ export default {
// 提交输入内容 // 提交输入内容
submitInput() { submitInput() {
if (this.isAncestor) {
this.$message.warning("问答进行中");
return;
}
if (this.answerList.length === 0) { if (this.answerList.length === 0) {
// 如果当前窗口没有聊天记录，插入一个新的聊天窗口 // 如果当前窗口没有聊天记录，插入一个新的聊天窗口
insertChatWindow({windowName: this.inputValue, windowId: this.windowId}).then(res => { insertChatWindow({windowName: this.inputValue, windowId: this.windowId}).then(res => {

19
src/views/largeScreen/routeIcon.vue
View File

@ -42,15 +42,6 @@
<div class="boxMidTwoc"> <div class="boxMidTwoc">
<div class="boxMidLevelThreec">OCR识别</div> <div class="boxMidLevelThreec">OCR识别</div>
<div class="midIconMainc"> <div class="midIconMainc">
<div class="midIconc">
<a href="javascript:;" class="midIconLinkc">
<img src="../../assets/images/midFiveIcon.png" alt="error" class="midIconLinkPicc"
@click="goToViolation"></a>
<div class="midTextc midTextFithc">发票识别</div>
<div class="hatInsertc"><span class="bigTextc">{{ InvoiceNum }}</span><span
class="smallTextc">(次)</span>
</div>
</div>
<div class="midIconc"> <div class="midIconc">
<a href="javascript:;" class="midIconLinkc"> <a href="javascript:;" class="midIconLinkc">
<img src="../../assets/images/midSixIcon.png" alt="error" class="midIconLinkPicc" <img src="../../assets/images/midSixIcon.png" alt="error" class="midIconLinkPicc"
@ -60,6 +51,16 @@
class="smallTextc">(次)</span> class="smallTextc">(次)</span>
</div> </div>
</div> </div>
<div class="midIconc">
<a href="javascript:;" class="midIconLinkc">
<img src="../../assets/images/midFiveIcon.png" alt="error" class="midIconLinkPicc"
@click="goToViolation"></a>
<div class="midTextc midTextFithc">发票识别</div>
<div class="hatInsertc"><span class="bigTextc">{{ InvoiceNum }}</span><span
class="smallTextc">(次)</span>
</div>
</div>
<div class="midIconc "> <div class="midIconc ">
<a href="javascript:;" class="midIconLinkc"> <a href="javascript:;" class="midIconLinkc">
<img src="../../assets/images/midSevenIcon.png" alt="error" class="midIconLinkPicc" <img src="../../assets/images/midSevenIcon.png" alt="error" class="midIconLinkPicc"

29
src/views/updateFace/addFace.vue
View File

@ -9,7 +9,7 @@
<div class="modal-body-left"> <div class="modal-body-left">
<input <input
type="file" type="file"
accept="image/jpeg" accept="image/jpeg,image/png"
style="display: none" style="display: none"
ref="fileInput" ref="fileInput"
@change="handleFileChange" @change="handleFileChange"
@ -60,10 +60,32 @@ import faceListShowPic from "@/views/updateFace/faceListShowPic.vue";
const validationRules = { const validationRules = {
name: [ name: [
{required: true, message: '人员名称不能为空', trigger: 'blur'}, {required: true, message: '人员名称不能为空', trigger: 'blur'},
{min: 2, max: 20, message: '用户名称长度必须介于 2 和 20 之间', trigger: 'blur'} {min: 2, max: 20, message: '用户名称长度必须介于 2 和 4 之间', trigger: 'blur'},
{
validator: (rule, value, callback) => {
const chineseNamePattern = /^[\u4e00-\u9fa5]{2,4}$/;
if (!chineseNamePattern.test(value)) {
callback(new Error('姓名只能包含中文字符'));
} else {
callback();
}
},
trigger: 'blur'
}
], ],
idCardNumber: [ idCardNumber: [
{required: true, message: '人员身份证号不能为空', trigger: 'blur'} {required: true, message: '人员身份证号不能为空', trigger: 'blur'},
{
validator: (rule, value, callback) => {
const idCardPattern = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[\dXx]$/;
if (!idCardPattern.test(value)) {
callback(new Error('身份证号码格式不正确'));
} else {
callback();
}
},
trigger: 'blur'
}
], ],
sex: [ sex: [
{required: true, message: '请选择性别', trigger: 'change'} {required: true, message: '请选择性别', trigger: 'change'}
@ -145,7 +167,6 @@ export default {
}); });
}, },
close() { close() {
faceListShowPic.methods.getList();
this.visible = false; this.visible = false;
this.$emit('input', this.visible); this.$emit('input', this.visible);
}, },

142
src/views/updateFace/faceListResWatch.vue
View File

@ -1,126 +1,130 @@
<template> <template>
<div class="faceListResWatchBox"> <div class="body-container">
<img src="../../assets/images/resultHeader.png" alt="error" class="faceListResWatchPic"> <table class="mian">
<table class="faceListResWatchTable"> <thead class="thead-dark">
<thead> <tr class="faceListResWatchRow">
<tr class="faceListResWatchRow"> <th class="faceListResWatchColume faceListResWatchColumeSort">序号</th>
<th class="faceListResWatchColume faceListResWatchColumeSort">序号</th> <th class="faceListResWatchColume faceListResWatchColumeIPAddr">访问地址</th>
<th class="faceListResWatchColume faceListResWatchColumeIPAddr">访问地址</th> <th class="faceListResWatchColume faceListResWatchColumeDate">访问时间</th>
<th class="faceListResWatchColume faceListResWatchColumeDate">访问时间</th> <th class="faceListResWatchColume faceListResWatchColumeTime">响应时长</th>
<th class="faceListResWatchColume faceListResWatchColumeTime">响应时长</th> </tr>
</tr> </thead>
</thead> <tbody>
<tbody> <tr v-for="(item, index) in faceRecognition2" :key="index"
<tr v-for="(item, index) in faceRecognition2" :key="index" :class="{ 'faceContentRowEven': index % 2 === 0, 'faceContentRowPrime': index % 2 !== 0 }">
:class="{ 'faceContentRowEven': index % 2 === 0, 'faceContentRowPrime': index % 2 !== 0 }"> <td class="faceListResWatchColume faceListResWatchColumeSort">{{ index + 1 }}</td>
<td class="faceListResWatchColume faceListResWatchColumeSort">{{ index + 1 }}</td> <td class="faceListResWatchColume faceListResWatchColumeIPAddr">{{ item.ip }}</td>
<td class="faceListResWatchColume faceListResWatchColumeIPAddr">{{ item.ip }}</td> <td class="faceListResWatchColume faceListResWatchColumeDate">{{ item.returnTime }}</td>
<td class="faceListResWatchColume faceListResWatchColumeDate">{{ item.returnTime }}</td> <td class="faceListResWatchColume faceListResWatchColumeTime">{{ item.responseTime }}</td>
<td class="faceListResWatchColume faceListResWatchColumeTime">{{ item.responseTime }}</td> </tr>
</tr> </tbody>
</tbody> </table>
</table> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
name: 'faceListResWatch', name: 'faceListResWatch',
data(){ data() {
return { return {
faceRecognition2: [1,1,1,1,1,1,1,1,1,1,1], faceRecognition2: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
}
} }
}
} }
</script> </script>
<style scoped> <style scoped>
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: none;
}
.mian {
width: 100%;
height: 100%;
display: flex;
flex-direction: column
} }
/* Firefox */ /* Firefox */
html { html {
scrollbar-width: none; scrollbar-width: none;
-ms-overflow-style: none; -ms-overflow-style: none;
} }
/* IE 10+ */ /* IE 10+ */
* { * {
-ms-overflow-style: none; -ms-overflow-style: none;
} }
.faceListResWatchBox { .faceListResWatchBox {
padding-left: 1.25rem; padding-left: 1.25rem;
padding-right: 1.25rem; padding-right: 1.25rem;
position: relative; position: relative;
} }
tbody { tbody {
height: 14.5rem; width: 100%;
overflow: auto; height: 100%;
display: block; overflow: auto;
scroll-behavior: smooth; display: block;
scroll-behavior: smooth;
} }
.faceListResWatchPic { .faceListResWatchPic {
width: 100%; width: 100%;
height: 3.0625rem; height: 3.0625rem;
} }
.faceListResWatchTable { .faceListResWatchTable {
width: 100%; width: 100%;
} }
.faceListResWatchRow { .faceListResWatchRow {
width: 100%; width: 100%;
background: linear-gradient(to bottom, rgba(47, 47, 214, .6), rgba(255, 255, 255, .7)); background: linear-gradient(to bottom, rgba(47, 47, 214, .6), rgba(255, 255, 255, .7));
display: flex; display: flex;
height: 2.1rem; height: 2.1rem;
/* 底部边框为2像素宽的黑色边框 */ /* 底部边框为2像素宽的黑色边框 */
} }
.faceListResWatchColume { .faceListResWatchColume {
font-size: 1rem; font-size: 1rem;
padding-top: .3rem; padding-top: .3rem;
padding-bottom: .4rem; padding-bottom: .4rem;
text-align: center; text-align: center;
height: 2rem; height: 2rem;
color: #FFFFFF; color: #FFFFFF;
} }
.faceContentRowPrime { .faceContentRowPrime {
background-color: RGBA(13, 31, 75, .8); background-color: RGBA(13, 31, 75, .8);
display: flex; display: flex;
} }
.faceContentRowEven { .faceContentRowEven {
background-color: RGBA(6, 19, 48, .9); background-color: RGBA(6, 19, 48, .9);
display: flex; display: flex;
} }
.faceListResWatchColumeSort { .faceListResWatchColumeSort {
flex: 1 flex: 1
} }
.faceListResWatchColumeIPAddr { .faceListResWatchColumeIPAddr {
/* border: #55636f 1px solid; */ /* border: #55636f 1px solid; */
text-align: center; text-align: center;
flex: 2 flex: 2
} }
.faceListResWatchColumeDate {
/* border: #2f6ca2 1px solid; */
flex: 2
}
.faceListResWatchColumeTime { .faceListResWatchColumeTime {
/* border: #530303 1px solid; */ /* border: #530303 1px solid; */
flex: 1 flex: 1
} }
</style> </style>

131
src/views/updateFace/faceListResultCount.vue
View File

@ -1,126 +1,131 @@
<template> <template>
<div class="faceListRecoResultBox"> <div class="body-container">
<img src="../../assets/images/resultHeader.png" alt="error" class="faceListRecoResultPic"> <table class="mian">
<table class="faceListRecoResultTable"> <thead>
<thead> <tr class="faceListRecoResultRow">
<tr class="faceListRecoResultRow"> <th class="faceListRecoResultColume faceListRecoResultColumeSort">序号</th>
<th class="faceListRecoResultColume faceListRecoResultColumeSort">序号</th> <th class="faceListRecoResultColume faceListRecoResultColumeIPAddr">访问地址</th>
<th class="faceListRecoResultColume faceListRecoResultColumeIPAddr">访问地址</th> <th class="faceListRecoResultColume faceListRecoResultColumeDate">访问时间</th>
<th class="faceListRecoResultColume faceListRecoResultColumeDate">访问时间</th> <th class="faceListRecoResultColume faceListRecoResultColumeTime">响应时长</th>
<th class="faceListRecoResultColume faceListRecoResultColumeTime">响应时长</th> </tr>
</tr> </thead>
</thead> <tbody>
<tbody> <tr v-for="(item, index) in faceRecognition" :key="index"
<tr v-for="(item, index) in faceRecognition" :key="index" :class="{ 'faceContentRowEven': index % 2 === 0, 'faceContentRowPrime': index % 2 !== 0 }">
:class="{ 'faceContentRowEven': index % 2 === 0, 'faceContentRowPrime': index % 2 !== 0 }"> <td class="faceListRecoResultColume faceListRecoResultColumeSort">{{ index + 1 }}</td>
<td class="faceListRecoResultColume faceListRecoResultColumeSort">{{ index + 1 }}</td> <td class="faceListRecoResultColume faceListRecoResultColumeIPAddr">{{ item.ip }}</td>
<td class="faceListRecoResultColume faceListRecoResultColumeIPAddr">{{ item.ip }}</td> <td class="faceListRecoResultColume faceListRecoResultColumeDate">{{ item.returnTime }}</td>
<td class="faceListRecoResultColume faceListRecoResultColumeDate">{{ item.returnTime }}</td> <td class="faceListRecoResultColume faceListRecoResultColumeTime">{{ item.responseTime }}</td>
<td class="faceListRecoResultColume faceListRecoResultColumeTime">{{ item.responseTime }}</td> </tr>
</tr> </tbody>
</tbody> </table>
</table> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
name: 'faceListResultCount', name: 'faceListResultCount',
data() { data() {
return { return {
faceRecognition: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1], faceRecognition: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
}
} }
}
} }
</script> </script>
<style scoped> <style scoped>
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: none;
}
.mian {
width: 100%;
height: 100%;
display: flex;
flex-direction: column
} }
/* Firefox */ /* Firefox */
html { html {
scrollbar-width: none; scrollbar-width: none;
-ms-overflow-style: none; -ms-overflow-style: none;
} }
/* IE 10+ */ /* IE 10+ */
* { * {
-ms-overflow-style: none; -ms-overflow-style: none;
} }
.faceListRecoResultBox { .faceListRecoResultBox {
padding-left: 1.25rem; padding-left: 1.25rem;
padding-right: 1.25rem; padding-right: 1.25rem;
position: relative; position: relative;
} }
.faceListRecoResultPic { .faceListRecoResultPic {
width: 100%; width: 100%;
height: 3.0625rem; height: 3.0625rem;
} }
.faceListRecoResultTable { .faceListRecoResultTable {
width: 100%; width: 100%;
} }
tbody { tbody {
height: 14.5rem; height: 100%;
overflow: auto; overflow: auto;
display: block; display: block;
scroll-behavior: smooth; scroll-behavior: smooth;
} }
.faceListRecoResultRow { .faceListRecoResultRow {
width: 100%; width: 100%;
background: linear-gradient(to bottom, rgba(47, 47, 214, .6), rgba(255, 255, 255, .7)); background: linear-gradient(to bottom, rgba(47, 47, 214, .6), rgba(255, 255, 255, .7));
display: flex; display: flex;
height: 2.1rem; height: 2.1rem;
/* 底部边框为2像素宽的黑色边框 */ /* 底部边框为2像素宽的黑色边框 */
} }
.faceListRecoResultColume { .faceListRecoResultColume {
font-size: 1rem; font-size: 1rem;
padding-top: .3rem; padding-top: .3rem;
padding-bottom: .4rem; padding-bottom: .4rem;
text-align: center; text-align: center;
height: 2rem; height: 2rem;
color: #FFFFFF; color: #FFFFFF;
} }
.faceContentRowPrime { .faceContentRowPrime {
background-color: RGBA(13, 31, 75, .8); background-color: RGBA(13, 31, 75, .8);
display: flex; display: flex;
} }
.faceContentRowEven { .faceContentRowEven {
background-color: RGBA(6, 19, 48, .9); background-color: RGBA(6, 19, 48, .9);
display: flex; display: flex;
} }
.faceListRecoResultColumeSort { .faceListRecoResultColumeSort {
flex: 1 flex: 1
} }
.faceListRecoResultColumeIPAddr { .faceListRecoResultColumeIPAddr {
text-align: center; text-align: center;
flex: 2 flex: 2
} }
.faceListRecoResultColumeDate { .faceListRecoResultColumeDate {
flex: 2 flex: 2
} }
.faceListRecoResultColumeTime { .faceListRecoResultColumeTime {
flex: 1 flex: 1
} }
</style> </style>

2
src/views/updateFace/faceListShowPic.vue
View File

@ -2,7 +2,7 @@
<div class="body-container"> <div class="body-container">
<div class="content"> <div class="content">
<div class="face_img" v-for="(item, index) in faceList" :key="index"> <div class="face_img" v-for="(item, index) in faceList" :key="index">
<img :src="'http://127.0.0.1:9300/'+item.faceAddress" class="face_img" alt="">/> <img :src="'http://192.168.0.56:18093/'+item.faceAddress" class="face_img" alt="">/>
</div> </div>
</div> </div>
</div> </div>

9
src/views/updateFace/midPic.vue
View File

@ -59,7 +59,7 @@
<div class="bottom-right-content"> <div class="bottom-right-content">
<img <img
v-if="faceUrl" v-if="faceUrl"
:src="'http://127.0.0.1:9300/'+faceUrl" :src="'http://192.168.0.56:18093/'+faceUrl"
class="avatar" class="avatar"
alt="Avatar" alt="Avatar"
/> />
@ -85,7 +85,6 @@
import addFace from "@/views/updateFace/addFace.vue"; import addFace from "@/views/updateFace/addFace.vue";
import {recognition} from '@/api/updateFace/updateFace' import {recognition} from '@/api/updateFace/updateFace'
import faceListShowPic from "@/views/updateFace/faceListShowPic.vue"; import faceListShowPic from "@/views/updateFace/faceListShowPic.vue";
export default { export default {
components: { components: {
addFace addFace
@ -101,9 +100,10 @@ export default {
}, },
watch: { watch: {
showModal(val) { showModal(val) {
/* if (!val) { console.log(val)
if (!val) {
faceListShowPic.methods.getList(); faceListShowPic.methods.getList();
}*/ }
} }
}, },
methods: { methods: {
@ -126,6 +126,7 @@ export default {
this.showModal = true this.showModal = true
}, },
handleVisibleChange(newVal) { handleVisibleChange(newVal) {
console.log(newVal);
this.showModal = newVal; this.showModal = newVal;
}, },
selectFile() { selectFile() {