skjia
/
bonus-Certificate-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

护照柜管理

This commit is contained in:
zzyuan 2025-11-06 14:36:14 +08:00
parent 539b7c497d
commit 36cad0611e
1 changed files with 77 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/views/certificate/device/index.vue
View File

@ -51,7 +51,6 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="护照柜名称" align="center" prop="deviceName" :show-overflow-tooltip="true" width="180"/> <el-table-column label="护照柜名称" align="center" prop="deviceName" :show-overflow-tooltip="true" width="180"/>
<el-table-column label="设备编号" align="center" prop="deviceNumber" :show-overflow-tooltip="true" width="120"/>
<el-table-column label="护照柜类型" align="center" prop="deviceType" :show-overflow-tooltip="true" width="100"> <el-table-column label="护照柜类型" align="center" prop="deviceType" :show-overflow-tooltip="true" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <dict-tag :options="dict.type.dev_status" :value="scope.row.deviceState"/> --> <!-- <dict-tag :options="dict.type.dev_status" :value="scope.row.deviceState"/> -->
@ -60,7 +59,8 @@
<span v-if="scope.row.deviceType==3" >大型</span> <span v-if="scope.row.deviceType==3" >大型</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="设备位置" align="center" prop="deviceAddr" :show-overflow-tooltip="true"></el-table-column> <el-table-column label="设备地址" align="center" prop="deviceAddr" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="设备编号" align="center" prop="deviceNumber" :show-overflow-tooltip="true" width="120"/>
<el-table-column label="是否在线" align="center" prop="deviceState" :show-overflow-tooltip="true" width="100"> <el-table-column label="是否在线" align="center" prop="deviceState" :show-overflow-tooltip="true" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <dict-tag :options="dict.type.dev_status" :value="scope.row.deviceState"/> --> <!-- <dict-tag :options="dict.type.dev_status" :value="scope.row.deviceState"/> -->
@ -68,8 +68,8 @@
<span v-if="scope.row.onlineState==2" style="color: red;">离线</span> <span v-if="scope.row.onlineState==2" style="color: red;">离线</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="总槽位数" align="center" prop="soltNum" :show-overflow-tooltip="true"/> <el-table-column label="槽位数" align="center" prop="soltNum" :show-overflow-tooltip="true"/>
<el-table-column label="已使用槽位数" align="center" prop="soltUsedNum" :show-overflow-tooltip="true"/> <el-table-column label="已存放数" align="center" prop="soltUsedNum" :show-overflow-tooltip="true"/>
<el-table-column label="空余数" align="center" prop="" :show-overflow-tooltip="true"> <el-table-column label="空余数" align="center" prop="" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{Number(scope.row.soltNum)-Number(scope.row.soltUsedNum)}}</span> <span>{{Number(scope.row.soltNum)-Number(scope.row.soltUsedNum)}}</span>
@ -103,10 +103,24 @@
<!-- 添加或修改参数配置对话框 --> <!-- 添加或修改参数配置对话框 -->
<el-dialog :title="title+'设备'" :visible.sync="open" width="700px" append-to-body> <el-dialog :title="title+'设备'" :visible.sync="open" width="700px" append-to-body>
<el-tabs v-model="activeName" @tab-click="handleTabClick"> <el-form ref="baseForm" :model="baseForm" :rules="baseFormRules" label-width="100px" label-position="center">
<!-- 基础设置 --> <el-row>
<el-tab-pane label="基础设置" name="baseSetting" style="height: 400px;"> <el-col :span="12">
<el-form ref="baseForm" :model="baseForm" :rules="baseFormRules" label-width="80px"> <el-form-item label="设备名称" prop="deviceName">
<el-input v-model="baseForm.deviceName" placeholder="请输入设备名称" maxlength="30" clearable/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="护照柜类型" prop="deviceType">
<el-select v-model="baseForm.deviceType" placeholder="护照柜类型" clearable>
<el-option label="小型" value="1"/>
<el-option label="中型" value="2"/>
<el-option label="大型" value="3"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12" v-if="baseForm.deptId !== 0"> <el-col :span="12" v-if="baseForm.deptId !== 0">
<el-form-item label="单位" prop="deptId" style="width: 100%;"> <el-form-item label="单位" prop="deptId" style="width: 100%;">
<treeselect <treeselect
@ -118,30 +132,24 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="类型" prop="deviceType"> <el-form-item label="设备地址" prop="deviceAddr">
<el-select v-model="baseForm.deviceType" placeholder="护照柜类型" clearable> <el-input v-model="baseForm.deviceAddr" placeholder="请输入安装地址" maxlength="30" clearable/>
<el-option label="小型" value="1"/>
<el-option label="中型" value="2"/>
<el-option label="大型" value="3"/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="设备编号" prop="deviceNumber"> <el-form-item label="设备编号" prop="deviceNumber">
<el-input v-model="baseForm.deviceNumber" placeholder="请输入设备编号" maxlength="30" clearable/> <el-input v-model="baseForm.deviceNumber" placeholder="请输入设备编号" maxlength="30" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12">
<el-form-item label="设备名称" prop="deviceName">
<el-input v-model="baseForm.deviceName" placeholder="请输入设备名称" maxlength="30" clearable/>
</el-form-item>
</el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="设备Ip" prop="deviceIp"> <el-form-item label="设备Ip" prop="deviceIp">
<el-input v-model="baseForm.deviceIp" placeholder="请输入设备Ip" maxlength="30" clearable/> <el-input v-model="baseForm.deviceIp" placeholder="请输入设备Ip" maxlength="30" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="设备Sn" prop="deviceSn"> <el-form-item label="设备Sn" prop="deviceSn">
<el-input v-model="baseForm.deviceSn" placeholder="请输入设备Sn" maxlength="30" clearable/> <el-input v-model="baseForm.deviceSn" placeholder="请输入设备Sn" maxlength="30" clearable/>
@ -152,11 +160,8 @@
<el-input v-model="baseForm.deviceKey" placeholder="请输入设备key" maxlength="30" clearable/> <el-input v-model="baseForm.deviceKey" placeholder="请输入设备key" maxlength="30" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> </el-row>
<el-form-item label="安装地址" prop="deviceAddr"> <el-row>
<el-input v-model="baseForm.deviceAddr" placeholder="请输入安装地址" maxlength="30" clearable/>
</el-form-item>
</el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="设备Mac" prop="deviceMac"> <el-form-item label="设备Mac" prop="deviceMac">
<el-input v-model="baseForm.deviceMac" placeholder="请输入设备Mac" maxlength="30" clearable/> <el-input v-model="baseForm.deviceMac" placeholder="请输入设备Mac" maxlength="30" clearable/>
@ -167,14 +172,15 @@
<el-input v-model="baseForm.deviceGateway" placeholder="请输入网关" maxlength="30" clearable/> <el-input v-model="baseForm.deviceGateway" placeholder="请输入网关" maxlength="30" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="密码" prop="devicePwd"> <el-form-item label="密码" prop="devicePwd">
<el-input v-model="baseForm.devicePwd" placeholder="请输入密码" maxlength="30" clearable/> <el-input v-model="baseForm.devicePwd" placeholder="请输入密码" maxlength="30" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
</el-form> </el-form>
</el-tab-pane>
</el-tabs>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>