|
@@ -7,65 +7,113 @@
|
|
|
<el-text style="font-weight: 550">停车区域</el-text>
|
|
<el-text style="font-weight: 550">停车区域</el-text>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="regionTitle-icon">
|
|
<div class="regionTitle-icon">
|
|
|
- <el-icon size="large" color="#008000">
|
|
|
|
|
- <Plus/>
|
|
|
|
|
|
|
+ <el-icon
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ color="#008000"
|
|
|
|
|
+ >
|
|
|
|
|
+ <Plus />
|
|
|
</el-icon>
|
|
</el-icon>
|
|
|
- <el-icon style="padding-left: 5px" size="large" color="#4682b4">
|
|
|
|
|
- <Refresh/>
|
|
|
|
|
|
|
+ <el-icon
|
|
|
|
|
+ style="padding-left: 5px"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ color="#4682b4"
|
|
|
|
|
+ >
|
|
|
|
|
+ <Refresh />
|
|
|
</el-icon>
|
|
</el-icon>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
- <el-col :span="19" style="margin-left: 40px">
|
|
|
|
|
|
|
+ <el-col
|
|
|
|
|
+ :span="19"
|
|
|
|
|
+ style="margin-left: 40px"
|
|
|
|
|
+ >
|
|
|
<el-tabs
|
|
<el-tabs
|
|
|
- v-model="activeName"
|
|
|
|
|
- class="demo-tabs"
|
|
|
|
|
- @tab-click="handleClick"
|
|
|
|
|
|
|
+ v-model="activeName"
|
|
|
|
|
+ class="demo-tabs"
|
|
|
|
|
+ @tab-click="handleClick"
|
|
|
>
|
|
>
|
|
|
<el-tab-pane
|
|
<el-tab-pane
|
|
|
- label="岗亭"
|
|
|
|
|
- name="detail"
|
|
|
|
|
|
|
+ label="岗亭"
|
|
|
|
|
+ name="detail"
|
|
|
>
|
|
>
|
|
|
<el-form inline>
|
|
<el-form inline>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
<el-button
|
|
<el-button
|
|
|
- icon="Plus"
|
|
|
|
|
- text
|
|
|
|
|
- type="success"
|
|
|
|
|
- @click="openPosition('岗亭新增','')">
|
|
|
|
|
|
|
+ icon="Plus"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="success"
|
|
|
|
|
+ @click="openPosition('岗亭新增','')"
|
|
|
|
|
+ >
|
|
|
新增
|
|
新增
|
|
|
</el-button>
|
|
</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button icon="Edit" text type="warning">编辑</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ icon="Edit"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="warning"
|
|
|
|
|
+ >编辑</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button icon="Delete" text type="danger">删除</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ icon="Delete"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="danger"
|
|
|
|
|
+ >删除</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button icon="Refresh" text type="primary">刷新</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ icon="Refresh"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ >刷新</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
- <el-table size="small" :data="positionList" height="605">
|
|
|
|
|
- <el-table-column label="编码" align="center" width="100" prop="booth_code"></el-table-column>
|
|
|
|
|
- <el-table-column label="名称" align="center" width="250" prop="booth_name"></el-table-column>
|
|
|
|
|
- <el-table-column label="IP地址" align="center" width="250" prop="ip_address"></el-table-column>
|
|
|
|
|
- <el-table-column label="备注" align="center" prop="description"></el-table-column>
|
|
|
|
|
|
|
+ <el-table
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ :data="positionList"
|
|
|
|
|
+ height="605"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="编码"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="100"
|
|
|
|
|
+ prop="booth_code"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="名称"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="250"
|
|
|
|
|
+ prop="booth_name"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="IP地址"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="250"
|
|
|
|
|
+ prop="ip_address"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="备注"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ prop="description"
|
|
|
|
|
+ />
|
|
|
<el-table-column label="操作">
|
|
<el-table-column label="操作">
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
<el-button
|
|
<el-button
|
|
|
- text
|
|
|
|
|
- type="primary"
|
|
|
|
|
- icon="edit"
|
|
|
|
|
- @click="openPosition('岗亭编辑', scope.row)">
|
|
|
|
|
|
|
+ text
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ icon="edit"
|
|
|
|
|
+ @click="openPosition('岗亭编辑', scope.row)"
|
|
|
|
|
+ >
|
|
|
编辑
|
|
编辑
|
|
|
</el-button>
|
|
</el-button>
|
|
|
<el-button
|
|
<el-button
|
|
|
- text
|
|
|
|
|
- type="primary"
|
|
|
|
|
- icon="delete"
|
|
|
|
|
- @click="delPosition(scope.row.ID)">
|
|
|
|
|
|
|
+ text
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ icon="delete"
|
|
|
|
|
+ @click="delPosition(scope.row.ID)"
|
|
|
|
|
+ >
|
|
|
删除
|
|
删除
|
|
|
</el-button>
|
|
</el-button>
|
|
|
</template>
|
|
</template>
|
|
@@ -73,89 +121,211 @@
|
|
|
</el-table>
|
|
</el-table>
|
|
|
<div style="width: 100%;display: flex;justify-content: end">
|
|
<div style="width: 100%;display: flex;justify-content: end">
|
|
|
<el-pagination
|
|
<el-pagination
|
|
|
- :current-page="searchGuardBooth.page"
|
|
|
|
|
- :page-size="searchGuardBooth.page_size"
|
|
|
|
|
- :page-sizes="[10, 30, 50, 100]"
|
|
|
|
|
- :total="guardTotal"
|
|
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
- @current-change="handleCurrentChange"
|
|
|
|
|
- @size-change="handleSizeChange"
|
|
|
|
|
- style="padding-right: 10px"
|
|
|
|
|
|
|
+ :current-page="searchGuardBooth.page"
|
|
|
|
|
+ :page-size="searchGuardBooth.page_size"
|
|
|
|
|
+ :page-sizes="[10, 30, 50, 100]"
|
|
|
|
|
+ :total="guardTotal"
|
|
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
+ style="padding-right: 10px"
|
|
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
|
|
+ @size-change="handleSizeChange"
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
<el-tab-pane
|
|
<el-tab-pane
|
|
|
- label="通道"
|
|
|
|
|
- name="people"
|
|
|
|
|
|
|
+ label="通道"
|
|
|
|
|
+ name="people"
|
|
|
>
|
|
>
|
|
|
<el-form inline>
|
|
<el-form inline>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button icon="Plus" text type="success" @click="openChannel('通道新增','')">新增</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ icon="Plus"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="success"
|
|
|
|
|
+ @click="openChannel('通道新增','')"
|
|
|
|
|
+ >新增</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button icon="Edit" text type="warning">编辑</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ icon="Edit"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="warning"
|
|
|
|
|
+ >编辑</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button icon="Delete" text type="danger">删除</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ icon="Delete"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="danger"
|
|
|
|
|
+ >删除</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button icon="Refresh" text type="primary">刷新</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ icon="Refresh"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ >刷新</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
- <el-table size="small" :data="channelList" height="605">
|
|
|
|
|
- <el-table-column label="编码" align="center" width="100"></el-table-column>
|
|
|
|
|
- <el-table-column label="名称" align="center" width="250"></el-table-column>
|
|
|
|
|
- <el-table-column label="进出方向" align="center" width="150"></el-table-column>
|
|
|
|
|
- <el-table-column label="是否允许临时车进出" align="center" width="200"></el-table-column>
|
|
|
|
|
- <el-table-column label="备注" align="center"></el-table-column>
|
|
|
|
|
- <el-table-column label="操作" align="center" #default="scope">
|
|
|
|
|
- <el-button type="primary" icon="edit" text @click="openChannel('通道编辑', scope.row)">编辑</el-button>
|
|
|
|
|
- <el-button type="primary" icon="delete" text>删除</el-button>
|
|
|
|
|
|
|
+ <el-table
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ :data="channelList"
|
|
|
|
|
+ height="605"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="编码"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="100"
|
|
|
|
|
+ prop="ID"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="名称"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="250"
|
|
|
|
|
+ prop="channel_code"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="进出方向"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="150"
|
|
|
|
|
+ prop="direction"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="是否允许临时车进出"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="200"
|
|
|
|
|
+ prop="allow_temporary"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="备注"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ prop="description"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ v-slot="scope"
|
|
|
|
|
+ label="操作"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ icon="edit"
|
|
|
|
|
+ text
|
|
|
|
|
+ @click="openChannel('通道编辑', scope.row)"
|
|
|
|
|
+ >编辑</el-button>
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ icon="delete"
|
|
|
|
|
+ text
|
|
|
|
|
+ >删除</el-button>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
</el-table>
|
|
</el-table>
|
|
|
<div style="width: 100%;display: flex;justify-content: end">
|
|
<div style="width: 100%;display: flex;justify-content: end">
|
|
|
<el-pagination
|
|
<el-pagination
|
|
|
- :current-page="queryChannelData.page"
|
|
|
|
|
- :page-size="queryChannelData.page_size"
|
|
|
|
|
- :page-sizes="[10, 30, 50, 100]"
|
|
|
|
|
- :total="guardTotal"
|
|
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
- @current-change="handleCurrentChannel"
|
|
|
|
|
- @size-change="handleSizeChannel"
|
|
|
|
|
- style="padding-right: 10px"
|
|
|
|
|
|
|
+ :current-page="queryChannelData.page"
|
|
|
|
|
+ :page-size="queryChannelData.page_size"
|
|
|
|
|
+ :page-sizes="[10, 30, 50, 100]"
|
|
|
|
|
+ :total="guardTotal"
|
|
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
+ style="padding-right: 10px"
|
|
|
|
|
+ @current-change="handleCurrentChannel"
|
|
|
|
|
+ @size-change="handleSizeChannel"
|
|
|
/>
|
|
/>
|
|
|
</div>
|
|
</div>
|
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
<el-tab-pane
|
|
<el-tab-pane
|
|
|
- label="设备"
|
|
|
|
|
- name="department"
|
|
|
|
|
|
|
+ label="设备"
|
|
|
|
|
+ name="department"
|
|
|
>
|
|
>
|
|
|
<el-form inline>
|
|
<el-form inline>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button icon="Plus" text type="success" @click="deviceTypeShow = true">新增</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ icon="Plus"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="success"
|
|
|
|
|
+ @click="deviceTypeShow = true"
|
|
|
|
|
+ >新增</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button icon="Edit" text type="warning">编辑</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ icon="Edit"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="warning"
|
|
|
|
|
+ >编辑</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button icon="Delete" text type="danger">删除</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ icon="Delete"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="danger"
|
|
|
|
|
+ >删除</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
- <el-button icon="Refresh" text type="primary">刷新</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ icon="Refresh"
|
|
|
|
|
+ text
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ >刷新</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
- <el-table size="small" :data="deviceList" height="605">
|
|
|
|
|
- <el-table-column label="编码" align="center" width="100" prop="device_code"></el-table-column>
|
|
|
|
|
- <el-table-column label="名称" align="center" width="250" prop="device_name"></el-table-column>
|
|
|
|
|
- <el-table-column label="类别" align="center" width="150" prop="device_type"></el-table-column>
|
|
|
|
|
- <el-table-column label="IP地址" align="center" width="200" prop="ip_address"></el-table-column>
|
|
|
|
|
- <el-table-column label="端口" align="center" width="150"></el-table-column>
|
|
|
|
|
- <el-table-column label="在线状态" align="center" width="150"></el-table-column>
|
|
|
|
|
- <el-table-column label="操作" align="center">
|
|
|
|
|
|
|
+ <el-table
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ :data="deviceList"
|
|
|
|
|
+ height="605"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="编码"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="100"
|
|
|
|
|
+ prop="device_code"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="名称"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="250"
|
|
|
|
|
+ prop="device_name"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="类别"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="150"
|
|
|
|
|
+ prop="device_type"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="IP地址"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="200"
|
|
|
|
|
+ prop="ip_address"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="端口"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="150"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="在线状态"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ width="150"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-table-column
|
|
|
|
|
+ label="操作"
|
|
|
|
|
+ align="center"
|
|
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
|
- <el-button type="primary" icon="edit" text>备注</el-button>
|
|
|
|
|
- <el-button type="primary" icon="edit" text>编辑</el-button>
|
|
|
|
|
- <el-button type="primary" icon="delete" text>删除</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ icon="edit"
|
|
|
|
|
+ text
|
|
|
|
|
+ >备注</el-button>
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ icon="edit"
|
|
|
|
|
+ text
|
|
|
|
|
+ >编辑</el-button>
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ icon="delete"
|
|
|
|
|
+ text
|
|
|
|
|
+ >删除</el-button>
|
|
|
</template>
|
|
</template>
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
</el-table>
|
|
</el-table>
|
|
@@ -163,99 +333,165 @@
|
|
|
</el-tabs>
|
|
</el-tabs>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-dialog
|
|
<el-dialog
|
|
|
- v-model="positionShow"
|
|
|
|
|
- :title="positionTitle"
|
|
|
|
|
- width="500"
|
|
|
|
|
|
|
+ v-model="positionShow"
|
|
|
|
|
+ :title="positionTitle"
|
|
|
|
|
+ width="500"
|
|
|
>
|
|
>
|
|
|
<el-form label-width="90">
|
|
<el-form label-width="90">
|
|
|
<el-form-item label="岗亭编码:">
|
|
<el-form-item label="岗亭编码:">
|
|
|
- <el-input v-model="positionData.booth_code"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="positionData.booth_code" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="岗亭名称:">
|
|
<el-form-item label="岗亭名称:">
|
|
|
- <el-input v-model="positionData.booth_name"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="positionData.booth_name" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="IP地址:">
|
|
<el-form-item label="IP地址:">
|
|
|
- <el-input v-model="positionData.ip_address"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="positionData.ip_address" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="备注:">
|
|
<el-form-item label="备注:">
|
|
|
- <el-input type="textarea" v-model="positionData.description"></el-input>
|
|
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="positionData.description"
|
|
|
|
|
+ type="textarea"
|
|
|
|
|
+ />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<template #footer>
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
<div class="dialog-footer">
|
|
|
<el-button @click="positionShow = false">取消</el-button>
|
|
<el-button @click="positionShow = false">取消</el-button>
|
|
|
- <el-button type="primary" @click="addPosition">
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ @click="addPosition"
|
|
|
|
|
+ >
|
|
|
确认
|
|
确认
|
|
|
</el-button>
|
|
</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
- <el-dialog v-model="channelShow" :title="channelTitle" width="500">
|
|
|
|
|
|
|
+ <el-dialog
|
|
|
|
|
+ v-model="channelShow"
|
|
|
|
|
+ :title="channelTitle"
|
|
|
|
|
+ width="500"
|
|
|
|
|
+ >
|
|
|
<el-form>
|
|
<el-form>
|
|
|
<el-form-item label="通道编码:">
|
|
<el-form-item label="通道编码:">
|
|
|
- <el-input v-model="channelData.channel_code"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="channelData.channel_code" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="通道名称:">
|
|
<el-form-item label="通道名称:">
|
|
|
- <el-input v-model="channelData.channel_name"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="channelData.channel_name" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="进出方向:">
|
|
<el-form-item label="进出方向:">
|
|
|
- <el-radio-group v-model="channelData.direction" size="large" fill="#409eff">
|
|
|
|
|
- <el-radio-button label="进" :value="false" />
|
|
|
|
|
- <el-radio-button label="出" :value="true" />
|
|
|
|
|
|
|
+ <el-radio-group
|
|
|
|
|
+ v-model="channelData.direction"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ fill="#409eff"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-radio-button
|
|
|
|
|
+ label="进"
|
|
|
|
|
+ :value="false"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-radio-button
|
|
|
|
|
+ label="出"
|
|
|
|
|
+ :value="true"
|
|
|
|
|
+ />
|
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="是否允许临时车进出:">
|
|
<el-form-item label="是否允许临时车进出:">
|
|
|
- <el-radio-group v-model="channelData.allow_temporary" size="large" fill="#409eff">
|
|
|
|
|
- <el-radio-button label="否" :value="false" />
|
|
|
|
|
- <el-radio-button label="是" :value="true" />
|
|
|
|
|
|
|
+ <el-radio-group
|
|
|
|
|
+ v-model="channelData.allow_temporary"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ fill="#409eff"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-radio-button
|
|
|
|
|
+ label="否"
|
|
|
|
|
+ :value="false"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-radio-button
|
|
|
|
|
+ label="是"
|
|
|
|
|
+ :value="true"
|
|
|
|
|
+ />
|
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="备注:">
|
|
<el-form-item label="备注:">
|
|
|
- <el-input type="textarea" v-model="channelData.description"></el-input>
|
|
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="channelData.description"
|
|
|
|
|
+ type="textarea"
|
|
|
|
|
+ />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<template #footer>
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
<div class="dialog-footer">
|
|
|
<el-button @click="channelShow = false">取消</el-button>
|
|
<el-button @click="channelShow = false">取消</el-button>
|
|
|
- <el-button type="primary" @click="channelOperation">
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ @click="channelOperation"
|
|
|
|
|
+ >
|
|
|
确认
|
|
确认
|
|
|
</el-button>
|
|
</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
- <el-dialog v-model="deviceShow" title="设备添加" width="500">
|
|
|
|
|
|
|
+ <el-dialog
|
|
|
|
|
+ v-model="deviceShow"
|
|
|
|
|
+ title="设备添加"
|
|
|
|
|
+ width="500"
|
|
|
|
|
+ >
|
|
|
<el-form label-width="80">
|
|
<el-form label-width="80">
|
|
|
<el-form-item label="IP地址:">
|
|
<el-form-item label="IP地址:">
|
|
|
- <el-input v-model="deviceData.ip_address"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="deviceData.ip_address" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="名称:">
|
|
<el-form-item label="名称:">
|
|
|
- <el-input v-model="deviceData.device_name"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="deviceData.device_name" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="编码:">
|
|
<el-form-item label="编码:">
|
|
|
- <el-input v-model="deviceData.device_code"></el-input>
|
|
|
|
|
|
|
+ <el-input v-model="deviceData.device_code" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="备注:">
|
|
<el-form-item label="备注:">
|
|
|
- <el-input type="textarea" v-model="deviceData.description"></el-input>
|
|
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ v-model="deviceData.description"
|
|
|
|
|
+ type="textarea"
|
|
|
|
|
+ />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
<template #footer>
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
<div class="dialog-footer">
|
|
|
<el-button @click="deviceShow = false">取消</el-button>
|
|
<el-button @click="deviceShow = false">取消</el-button>
|
|
|
- <el-button type="primary" @click="deviceVlprAdd">
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ @click="deviceVlprAdd"
|
|
|
|
|
+ >
|
|
|
确认
|
|
确认
|
|
|
</el-button>
|
|
</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
- <el-dialog v-model="deviceTypeShow" title="设备类型" width="500">
|
|
|
|
|
- <el-select v-model="deviceData.device_type" placeholder="请选择设备类型" style="width: 240px">
|
|
|
|
|
- <el-option label="VLPR" value="VLPR" />
|
|
|
|
|
- <el-option label="ASeries" value="ASeries" />
|
|
|
|
|
- <el-option label="ASeries-G" value="ASeries-G" />
|
|
|
|
|
|
|
+ <el-dialog
|
|
|
|
|
+ v-model="deviceTypeShow"
|
|
|
|
|
+ title="设备类型"
|
|
|
|
|
+ width="500"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-select
|
|
|
|
|
+ v-model="deviceData.device_type"
|
|
|
|
|
+ placeholder="请选择设备类型"
|
|
|
|
|
+ style="width: 240px"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ label="VLPR"
|
|
|
|
|
+ value="VLPR"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ label="ASeries"
|
|
|
|
|
+ value="ASeries"
|
|
|
|
|
+ />
|
|
|
|
|
+ <el-option
|
|
|
|
|
+ label="ASeries-G"
|
|
|
|
|
+ value="ASeries-G"
|
|
|
|
|
+ />
|
|
|
</el-select>
|
|
</el-select>
|
|
|
<template #footer>
|
|
<template #footer>
|
|
|
<el-button @click="deviceTypeShow = false">取消</el-button>
|
|
<el-button @click="deviceTypeShow = false">取消</el-button>
|
|
|
- <el-button type="primary" @click="confirmType">确定</el-button>
|
|
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ @click="confirmType"
|
|
|
|
|
+ >确定</el-button>
|
|
|
</template>
|
|
</template>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
</el-row>
|
|
</el-row>
|
|
@@ -276,7 +512,7 @@ import {
|
|
|
obtainChannelList,
|
|
obtainChannelList,
|
|
|
deleteChannel
|
|
deleteChannel
|
|
|
} from '@/api/channel'
|
|
} from '@/api/channel'
|
|
|
-import {addDevice,obtainDeviceList} from '@/api/device'
|
|
|
|
|
|
|
+import { addDevice, obtainDeviceList } from '@/api/device'
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
|
|
|
|
|
|
const activeName = ref('detail')
|
|
const activeName = ref('detail')
|
|
@@ -287,11 +523,11 @@ const positionOperation = ref(0)
|
|
|
const positionTitle = ref('岗亭新增')
|
|
const positionTitle = ref('岗亭新增')
|
|
|
// 岗亭数据.......................................
|
|
// 岗亭数据.......................................
|
|
|
const positionData = reactive({
|
|
const positionData = reactive({
|
|
|
- id:'',
|
|
|
|
|
- booth_code:'',
|
|
|
|
|
- booth_name:'',
|
|
|
|
|
- ip_address:'',
|
|
|
|
|
- description:''
|
|
|
|
|
|
|
+ id: '',
|
|
|
|
|
+ booth_code: '',
|
|
|
|
|
+ booth_name: '',
|
|
|
|
|
+ ip_address: '',
|
|
|
|
|
+ description: ''
|
|
|
})
|
|
})
|
|
|
const guardTotal = ref(0)
|
|
const guardTotal = ref(0)
|
|
|
|
|
|
|
@@ -316,7 +552,7 @@ const addPosition = () => {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-const openPosition = (head,data) => {
|
|
|
|
|
|
|
+const openPosition = (head, data) => {
|
|
|
positionTitle.value = head
|
|
positionTitle.value = head
|
|
|
positionShow.value = true
|
|
positionShow.value = true
|
|
|
if (head === '岗亭编辑') {
|
|
if (head === '岗亭编辑') {
|
|
@@ -359,55 +595,55 @@ const getGuardBoothList = () => {
|
|
|
|
|
|
|
|
const delPosition = (id) => {
|
|
const delPosition = (id) => {
|
|
|
ElMessageBox.confirm(
|
|
ElMessageBox.confirm(
|
|
|
- '确定要删除该岗亭吗?',
|
|
|
|
|
- '提示',
|
|
|
|
|
- {
|
|
|
|
|
- confirmButtonText: '确认',
|
|
|
|
|
- cancelButtonText: '取消',
|
|
|
|
|
- type: 'warning',
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ '确定要删除该岗亭吗?',
|
|
|
|
|
+ '提示',
|
|
|
|
|
+ {
|
|
|
|
|
+ confirmButtonText: '确认',
|
|
|
|
|
+ cancelButtonText: '取消',
|
|
|
|
|
+ type: 'warning',
|
|
|
|
|
+ }
|
|
|
)
|
|
)
|
|
|
- .then(() => {
|
|
|
|
|
- deleteGuardBooth(id).then(res => {
|
|
|
|
|
- if (res.code === 0) {
|
|
|
|
|
- ElMessage({
|
|
|
|
|
- type: 'success',
|
|
|
|
|
- message: '删除成功',
|
|
|
|
|
- })
|
|
|
|
|
- getGuardBoothList()
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage({
|
|
|
|
|
- type: 'error',
|
|
|
|
|
- message: '删除失败',
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ .then(() => {
|
|
|
|
|
+ deleteGuardBooth(id).then(res => {
|
|
|
|
|
+ if (res.code === 0) {
|
|
|
|
|
+ ElMessage({
|
|
|
|
|
+ type: 'success',
|
|
|
|
|
+ message: '删除成功',
|
|
|
|
|
+ })
|
|
|
|
|
+ getGuardBoothList()
|
|
|
|
|
+ } else {
|
|
|
|
|
+ ElMessage({
|
|
|
|
|
+ type: 'error',
|
|
|
|
|
+ message: '删除失败',
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
})
|
|
})
|
|
|
- .catch(() => {
|
|
|
|
|
- ElMessage({
|
|
|
|
|
- type: 'info',
|
|
|
|
|
- message: '取消删除',
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ })
|
|
|
|
|
+ .catch(() => {
|
|
|
|
|
+ ElMessage({
|
|
|
|
|
+ type: 'info',
|
|
|
|
|
+ message: '取消删除',
|
|
|
})
|
|
})
|
|
|
|
|
+ })
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// 通道管理...................................................
|
|
// 通道管理...................................................
|
|
|
-//通道数据
|
|
|
|
|
|
|
+// 通道数据
|
|
|
const channelShow = ref(false)
|
|
const channelShow = ref(false)
|
|
|
const queryChannelData = reactive({
|
|
const queryChannelData = reactive({
|
|
|
- channel_code:'',
|
|
|
|
|
- channel_name:'',
|
|
|
|
|
- direction:'',
|
|
|
|
|
|
|
+ channel_code: '',
|
|
|
|
|
+ channel_name: '',
|
|
|
|
|
+ direction: '',
|
|
|
page: 1,
|
|
page: 1,
|
|
|
page_size: 10,
|
|
page_size: 10,
|
|
|
- allow_temporary:false
|
|
|
|
|
|
|
+ allow_temporary: false
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
const channelData = reactive({
|
|
const channelData = reactive({
|
|
|
- channel_code:'',
|
|
|
|
|
- channel_name:'',
|
|
|
|
|
|
|
+ channel_code: '',
|
|
|
|
|
+ channel_name: '',
|
|
|
direction: false,
|
|
direction: false,
|
|
|
- allow_temporary:'',
|
|
|
|
|
|
|
+ allow_temporary: '',
|
|
|
description: false
|
|
description: false
|
|
|
})
|
|
})
|
|
|
|
|
|
|
@@ -415,8 +651,7 @@ const channelTitle = ref('通道新增')
|
|
|
|
|
|
|
|
const channelList = reactive([])
|
|
const channelList = reactive([])
|
|
|
|
|
|
|
|
-
|
|
|
|
|
-const openChannel = (head,data) => {
|
|
|
|
|
|
|
+const openChannel = (head, data) => {
|
|
|
channelTitle.value = head
|
|
channelTitle.value = head
|
|
|
channelShow.value = true
|
|
channelShow.value = true
|
|
|
if (head === '通道编辑') {
|
|
if (head === '通道编辑') {
|
|
@@ -467,24 +702,25 @@ const getChannelList = () => {
|
|
|
obtainChannelList(queryChannelData).then(res => {
|
|
obtainChannelList(queryChannelData).then(res => {
|
|
|
if (res.code === 0) {
|
|
if (res.code === 0) {
|
|
|
channelList.length = 0
|
|
channelList.length = 0
|
|
|
|
|
+ console.log(res.data.list)
|
|
|
channelList.push(...res.data.list)
|
|
channelList.push(...res.data.list)
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-//设备管理...............................................
|
|
|
|
|
|
|
+// 设备管理...............................................
|
|
|
const deviceData = reactive({
|
|
const deviceData = reactive({
|
|
|
- device_code:'',
|
|
|
|
|
- device_name:'',
|
|
|
|
|
- device_type:'VLPR',
|
|
|
|
|
- ip_address:'',
|
|
|
|
|
- port:0,
|
|
|
|
|
- description:''
|
|
|
|
|
|
|
+ device_code: '',
|
|
|
|
|
+ device_name: '',
|
|
|
|
|
+ device_type: 'VLPR',
|
|
|
|
|
+ ip_address: '',
|
|
|
|
|
+ port: 0,
|
|
|
|
|
+ description: ''
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
const deviceShow = ref(false)
|
|
const deviceShow = ref(false)
|
|
|
|
|
|
|
|
-const deviceVlprAdd = async () => {
|
|
|
|
|
|
|
+const deviceVlprAdd = async() => {
|
|
|
await addDevice(deviceData).then(res => {
|
|
await addDevice(deviceData).then(res => {
|
|
|
if (res.code === 0) {
|
|
if (res.code === 0) {
|
|
|
ElMessage.success('添加成功')
|
|
ElMessage.success('添加成功')
|
|
@@ -515,14 +751,14 @@ const searchDeviceData = reactive({
|
|
|
page: 1,
|
|
page: 1,
|
|
|
page_size: 10
|
|
page_size: 10
|
|
|
})
|
|
})
|
|
|
-const getDeviceList = async () => {
|
|
|
|
|
- // await obtainDeviceList(searchDeviceData).then(res => {
|
|
|
|
|
- // if (res.code === 0) {
|
|
|
|
|
- // console.log('设备列表', res.data.list)
|
|
|
|
|
- // deviceList.length = 0
|
|
|
|
|
- // deviceList.push(...res.data.list)
|
|
|
|
|
- // }
|
|
|
|
|
- // })
|
|
|
|
|
|
|
+const getDeviceList = async() => {
|
|
|
|
|
+ await obtainDeviceList(searchDeviceData).then(res => {
|
|
|
|
|
+ if (res.code === 0) {
|
|
|
|
|
+ console.log('设备列表', res.data.list)
|
|
|
|
|
+ deviceList.length = 0
|
|
|
|
|
+ deviceList.push(...res.data.list)
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|