|
|
@@ -18,42 +18,88 @@
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="19" style="margin-left: 40px">
|
|
|
- <div class="basicInformation">
|
|
|
- <div style="padding-top: 10px;margin-left: 30px">
|
|
|
- <el-image :src="sign" />
|
|
|
- </div>
|
|
|
- <div style="display: flex;align-items: center">
|
|
|
- <el-text
|
|
|
- style="margin-left: 10px"
|
|
|
- size="large"
|
|
|
- tag="b"
|
|
|
- >项目基本信息</el-text>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="operation">
|
|
|
- <el-button icon="Plus" text type="success">新增</el-button>
|
|
|
- <el-button icon="edit" text type="warning">编辑</el-button>
|
|
|
- <el-button icon="delete" text type="danger">删除</el-button>
|
|
|
- <el-button icon="Refresh" text type="primary">刷新</el-button>
|
|
|
- </div>
|
|
|
- <el-table size="small">
|
|
|
- <el-table-column label="编码"></el-table-column>
|
|
|
- <el-table-column label="名称"></el-table-column>
|
|
|
- <el-table-column label="IP地址"></el-table-column>
|
|
|
- <el-table-column label="备注"></el-table-column>
|
|
|
- </el-table>
|
|
|
+ <el-tabs
|
|
|
+ v-model="activeName"
|
|
|
+ class="demo-tabs"
|
|
|
+ @tab-click="handleClick"
|
|
|
+ >
|
|
|
+ <el-tab-pane
|
|
|
+ label="岗亭"
|
|
|
+ name="detail"
|
|
|
+ >
|
|
|
+ <el-table size="small">
|
|
|
+ <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="IP地址" align="center" width="250"></el-table-column>
|
|
|
+ <el-table-column label="备注" align="center"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane
|
|
|
+ label="通道"
|
|
|
+ name="people"
|
|
|
+ >
|
|
|
+ <el-table size="small">
|
|
|
+ <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>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane
|
|
|
+ label="设备"
|
|
|
+ name="department"
|
|
|
+ >
|
|
|
+ <el-table size="small">
|
|
|
+ <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="IP地址" align="center" width="200"></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-column>
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+<!-- <div class="basicInformation">-->
|
|
|
+<!-- <div style="padding-top: 10px;margin-left: 30px">-->
|
|
|
+<!-- <el-image :src="sign" />-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div style="display: flex;align-items: center">-->
|
|
|
+<!-- <el-text-->
|
|
|
+<!-- style="margin-left: 10px"-->
|
|
|
+<!-- size="large"-->
|
|
|
+<!-- tag="b"-->
|
|
|
+<!-- >项目基本信息</el-text>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="operation">-->
|
|
|
+<!-- <el-button icon="Plus" text type="success">新增</el-button>-->
|
|
|
+<!-- <el-button icon="edit" text type="warning">编辑</el-button>-->
|
|
|
+<!-- <el-button icon="delete" text type="danger">删除</el-button>-->
|
|
|
+<!-- <el-button icon="Refresh" text type="primary">刷新</el-button>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <el-table size="small">-->
|
|
|
+<!-- <el-table-column label="编码"></el-table-column>-->
|
|
|
+<!-- <el-table-column label="名称"></el-table-column>-->
|
|
|
+<!-- <el-table-column label="IP地址"></el-table-column>-->
|
|
|
+<!-- <el-table-column label="备注"></el-table-column>-->
|
|
|
+<!-- </el-table>-->
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import sign from '@/assets/sign.png'
|
|
|
+// import sign from '@/assets/sign.png'
|
|
|
+import {ref} from 'vue'
|
|
|
+const activeName = ref('detail')
|
|
|
+const handleClick = () => {}
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
.region {
|
|
|
width: 100%;
|
|
|
- height: 700px;
|
|
|
+ height: 800px;
|
|
|
background-color: #f5f5f5;
|
|
|
.regionTitle{
|
|
|
width: 100%;
|
