|
|
@@ -0,0 +1,59 @@
|
|
|
+<template>
|
|
|
+ <div class="app-container">
|
|
|
+ <!-- 搜索 -->
|
|
|
+ <el-form inline label-width="100px" size="mini">
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="el-icon-plus" @click="dialogVisible = true, title='新增'">新增</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <!-- 列表 -->
|
|
|
+ <el-table :data="tableData">
|
|
|
+ <el-table-column label="排序" type="index" align="center" />
|
|
|
+ <el-table-column label="栏目名称" align="center" />
|
|
|
+ <el-table-column label="栏目定位" align="center" />
|
|
|
+ <el-table-column label="当前状态" align="center" />
|
|
|
+ <el-table-column label="操作" align="center">
|
|
|
+ <template>
|
|
|
+ <el-button type="text" @click="dialogVisible = true, title = '详情'">查看</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <!-- 弹窗 -->
|
|
|
+ <el-dialog :visible.sync="dialogVisible" :title="title" width="500px">
|
|
|
+ <el-form label-width="100px">
|
|
|
+ <el-form-item label="栏目名称：">
|
|
|
+ <el-input placeholder="请输入栏目名称" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="栏目排序：">
|
|
|
+ <el-input-number :min="1" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="栏目状态：">
|
|
|
+ <el-select placeholder="请选择栏目状态">
|
|
|
+ <el-option />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="栏目定位：">
|
|
|
+ <el-input type="textarea" :rows="4" placeholder="请输入栏目定位" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableData: [{
|
|
|
+ id: 1
|
|
|
+ }],
|
|
|
+ // 弹窗
|
|
|
+ dialogVisible: false,
|
|
|
+ title: ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+</style>
|
