运营管理 启动页

src/views/operation/startPage/detail.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="app-container">
+    <el-form label-width="100px">
+      <el-form-item label="启动页名称：">
+        <el-input placeholder="请输入启动页名称" />
+      </el-form-item>
+      <el-form-item label="生效期：">
+        <el-date-picker type="datetimerange" start-placeholder="开始时间" end-placeholder="结束时间" />
+      </el-form-item>
+      <el-form-item label="持续时间：">
+        <el-select placeholder="请选择持续时间">
+          <el-option />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="跳转方式：">
+        <el-select placeholder="请选择跳转方式">
+          <el-option />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="能否跳过：">
+        <el-select placeholder="请选择能否跳过">
+          <el-option />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="跳转地址：">
+        <el-input placeholder="请输入跳转地址" />
+      </el-form-item>
+      <el-form-item label="启动页图片：">
+        <Upload listType="picture-card" measure="375*812" />
+      </el-form-item>
+    </el-form>
+    <div class="form-btn">
+      <el-button>取消</el-button>
+      <el-button type="primary">提交</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import Upload from '@/components/Upload/index'
+export default {
+  components:{
+    Upload
+  },
+  data() {
+    return {
+
+    }
+  }
+}
+</script>
+
+<style lang="scss" scope>
+.el-form{
+  width: 500px;
+}
+</style>

src/views/operation/startPage/index.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索 -->
+    <el-form inline label-width="100px" size="mini">
+      <el-form-item label="当前状态：">
+        <el-select placeholder="请选择当前状态">
+          <el-option />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="跳转页面：">
+        <el-select placeholder="请选择跳转页面">
+          <el-option />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search">搜索</el-button>
+        <el-button icon="el-icon-refresh">重置</el-button>
+        <el-button type="primary" icon="el-icon-plus" plain @click="getDetail">新增</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- 列表 -->
+    <el-table :data="tableData">
+      <el-table-column label="启动页名称" align="center" />
+      <el-table-column label="启动页图片" align="center"></el-table-column>
+      <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 slot-scope="scope">
+          <el-button type="text" @click="getDetail(scope.row)">编辑</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      tableData:[{
+        id:1
+      }]
+    }
+  },
+  methods:{
+    getDetail(row){
+      this.$router.push({
+        path: '/operation/startPage/detail',
+        query: {
+          id: row.id
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+
+</style>