cb
/
front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

人脸库增删、人像增删

main
GoblinsWang 2023-03-30 12:25:47 +08:00
parent 229fd4d64f
commit 23119aac8b
4 changed files with 46 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/modules/monitoring/library-add-update.vue
View File

@ -6,11 +6,11 @@
<el-form-item label="人像库名称" prop="factoryName"> <el-form-item label="人像库名称" prop="factoryName">
<el-input v-model="formModel.factoryName" clearable placeholder="人像库名称" maxlength="50" show-word-limit></el-input> <el-input v-model="formModel.factoryName" clearable placeholder="人像库名称" maxlength="50" show-word-limit></el-input>
</el-form-item> </el-form-item>
<el-form-item label="人像库类型" prop="factoryType"> <!-- <el-form-item label="人像库类型" prop="factoryType">-->
<el-select v-model="formModel.factoryType" clearable placeholder="人像库类型"> <!-- <el-select v-model="formModel.factoryType" clearable placeholder="人像库类型">-->
<el-option v-for="item in libraryTypeList" :key="item.value" :label="item.label" :value="item.value"></el-option> <!-- <el-option v-for="item in libraryTypeList" :key="item.value" :label="item.label" :value="item.value"></el-option>-->
</el-select> <!-- </el-select>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="备注信息" prop="remarks"> <el-form-item label="备注信息" prop="remarks">
<el-input v-model="formModel.remarks" clearable placeholder="备注信息" maxlength="250" show-word-limit></el-input> <el-input v-model="formModel.remarks" clearable placeholder="备注信息" maxlength="250" show-word-limit></el-input>
</el-form-item> </el-form-item>

2
src/views/modules/monitoring/library-upload.vue
View File

@ -12,7 +12,7 @@
<div class="el-upload__tip" slot="tip">{{ $t('upload.tip', { 'format': 'jpeg、jpg、png' }) }}</div> <div class="el-upload__tip" slot="tip">{{ $t('upload.tip', { 'format': 'jpeg、jpg、png' }) }}</div>
</el-upload> </el-upload>
<div style="display: flex;flex-direction: column; align-items: center;color: red;margin-top: 5px;font-size: 18px;line-height: 30px;"> <div style="display: flex;flex-direction: column; align-items: center;color: red;margin-top: 5px;font-size: 18px;line-height: 30px;">
<span>文件名格式必须为：身份证号码_姓名</span> <span>文件名格式必须为：姓名</span>
<span>一次最多上传十张</span> <span>一次最多上传十张</span>
</div> </div>
</template> </template>

49
src/views/modules/monitoring/library-view.vue
View File

@ -6,27 +6,30 @@
class="font-fourteen">{{libraryModel.remarks}}</i></p> class="font-fourteen">{{libraryModel.remarks}}</i></p>
<div class="conditions-div"> <div class="conditions-div">
<el-form :model="formModel" :inline="true"> <el-form :model="formModel" :inline="true">
<el-form-item label="姓名"> <el-form-item label=" ">
<el-input v-model="formModel.name" clearable placeholder="姓名"></el-input> <el-input v-model="formModel.name" clearable placeholder=" " disabled></el-input>
</el-form-item>
<el-form-item label="性别">
<el-radio-group v-model="formModel.sex" @change="sexChange">
<el-radio-button label="0">男</el-radio-button>
<el-radio-button label="1">女</el-radio-button>
<el-radio-button label="">不限</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="searchClick()">搜索</el-button>
</el-form-item> </el-form-item>
<!-- <el-form-item label="姓名">-->
<!-- <el-input v-model="formModel.name" clearable placeholder="姓名"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="性别">-->
<!-- <el-radio-group v-model="formModel.sex" @change="sexChange">-->
<!-- <el-radio-button label="0">男</el-radio-button>-->
<!-- <el-radio-button label="1">女</el-radio-button>-->
<!-- <el-radio-button label="">不限</el-radio-button>-->
<!-- </el-radio-group>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button type="primary" @click="searchClick()">搜索</el-button>-->
<!-- </el-form-item>-->
<el-form-item style="float: right;"> <el-form-item style="float: right;">
<el-button type="primary" @click="addOrUpdateClick('update')">编辑</el-button> <!-- <el-button type="primary" @click="addOrUpdateClick('update')">编辑</el-button>-->
<el-button type="primary" @click="uploadClick()">上传</el-button> <el-button type="primary" @click="uploadClick()">上传</el-button>
<el-button type="primary" @click="batchDelClick()" v-if="!selectState">批量删除</el-button> <!-- <el-button type="primary" @click="batchDelClick()" v-if="!selectState">批量删除</el-button>-->
<el-button-group v-else style="margin-left: 10px;"> <!-- <el-button-group v-else style="margin-left: 10px;">-->
<el-button type="danger" @click="confirmBatchDelClick()">确认删除</el-button> <!-- <el-button type="danger" @click="confirmBatchDelClick()">确认删除</el-button>-->
<el-button type="primary" @click="cancelBatchDelClick()">取消删除</el-button> <!-- <el-button type="primary" @click="cancelBatchDelClick()">取消删除</el-button>-->
</el-button-group> <!-- </el-button-group>-->
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -44,20 +47,20 @@
<span class="el-icon-edit edit-class cursor-class" @click="updatePicClick(item)"></span> <span class="el-icon-edit edit-class cursor-class" @click="updatePicClick(item)"></span>
</div> </div>
<div class="library-btn"> <div class="library-btn">
<span><i>性别：</i> <span><i> </i>
<i v-if="item.sex==0">男</i> <i v-if="item.sex==0"> </i>
<i v-else-if="item.sex==1">女</i> <i v-else-if="item.sex==1"> </i>
<i v-else>不限</i> <i v-else>不限</i>
</span> </span>
<span class="el-icon-delete del-class cursor-class" @click="delPicClick(item,$event)"></span> <span class="el-icon-delete del-class cursor-class" @click="delPicClick(item,$event)"></span>
</div> </div>
<div class="library-btn"> <div class="library-btn">
<span><i>年龄：{{item.age}}({{item.birthDate}})</i></span> <!-- <span><i>年龄：{{item.age}}({{item.birthDate}})</i></span>-->
<span v-show="selectState"> <span v-show="selectState">
<el-checkbox v-model="item.selectState" @change="checkboxChange(item)"></el-checkbox> <el-checkbox v-model="item.selectState" @change="checkboxChange(item)"></el-checkbox>
</span> </span>
</div> </div>
<span><i>身份证号码：{{item.idCard}}</i></span> <!-- <span><i>身份证号码：{{item.idCard}}</i></span>-->
</div> </div>
</div> </div>
</div> </div>

23
src/views/modules/monitoring/library.vue
View File

@ -4,12 +4,17 @@
<div v-show="!viewState"> <div v-show="!viewState">
<div class="library-conditions-div"> <div class="library-conditions-div">
<el-form :model="formModel" :inline="true"> <el-form :model="formModel" :inline="true">
<el-form-item label="人像库"> <!-- <el-form-item label="人像库">-->
<el-input v-model="formModel.factoryName" placeholder="请输入人像库名称" clearable></el-input> <!-- <el-input v-model="formModel.factoryName" placeholder="请输入人像库名称" clearable></el-input>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item> <!-- <el-form-item>-->
<el-button type="primary" @click="searchClick()" v-if="$hasPermission('portrait:lib:info')">搜索</el-button> <!-- <el-button type="primary" @click="searchClick()" v-if="$hasPermission('portrait:lib:info')">搜索</el-button>-->
</el-form-item> <!-- </el-form-item><el-form-item label="人像库">-->
<!-- <el-input v-model="formModel.factoryName" placeholder="请输入人像库名称" clearable></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item>-->
<!-- <el-button type="primary" @click="searchClick()" v-if="$hasPermission('portrait:lib:info')">搜索</el-button>-->
<!-- </el-form-item>-->
<el-form-item style="float: right;"> <el-form-item style="float: right;">
<el-button type="primary" @click="addOrUpdateClick('add')">新增人像库</el-button> <el-button type="primary" @click="addOrUpdateClick('add')">新增人像库</el-button>
</el-form-item> </el-form-item>
@ -17,15 +22,15 @@
</div> </div>
<el-table :data="libraryList" :row-class-name="tableRowClassName"> <el-table :data="libraryList" :row-class-name="tableRowClassName">
<el-table-column prop="factoryName" label="人像库名称" show-overflow-tooltip></el-table-column> <el-table-column prop="factoryName" label="人像库名称" show-overflow-tooltip></el-table-column>
<el-table-column prop="factoryTypeName" label="人像库类型" show-overflow-tooltip></el-table-column> <!-- <el-table-column prop="factoryTypeName" label="人像库类型" show-overflow-tooltip></el-table-column>-->
<el-table-column prop="number" label="人像数" show-overflow-tooltip></el-table-column> <el-table-column prop="number" label="人像数" show-overflow-tooltip></el-table-column>
<el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column> <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip></el-table-column>
<el-table-column prop="remarks" label="备注" show-overflow-tooltip></el-table-column> <el-table-column prop="remarks" label="备注" show-overflow-tooltip></el-table-column>
<el-table-column label="操作" show-overflow-tooltip fixed="right" width="300"> <el-table-column label="操作" show-overflow-tooltip fixed="right" width="300">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="primary" plain size="mini" @click="viewClick(scope.row)">查看</el-button> <el-button type="primary" plain size="mini" @click="viewClick(scope.row)">查看</el-button>
<el-button type="primary" plain size="mini" @click="addOrUpdateClick('update',scope.row)">编辑</el-button> <!-- <el-button type="primary" plain size="mini" @click="addOrUpdateClick('update',scope.row)">编辑</el-button>-->
<el-button type="primary" plain size="mini" @click="uploadClick(scope.row)">上传</el-button> <!-- <el-button type="primary" plain size="mini" @click="uploadClick(scope.row)">上传</el-button>-->
<!-- <el-button type="primary" plain size="mini" @click="uploadDefailsClick(scope.row)">导图状况<span style="color:red">(12)</span></el-button> --> <!-- <el-button type="primary" plain size="mini" @click="uploadDefailsClick(scope.row)">导图状况<span style="color:red">(12)</span></el-button> -->
<el-button type="primary" plain size="mini" @click="deleteClick(scope.row)">删除</el-button> <el-button type="primary" plain size="mini" @click="deleteClick(scope.row)">删除</el-button>
</template> </template>