删除

src/views/device/init/detail.vue

@@ -1,74 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-form label-width="100px" size="small">
-      <!-- 宣传位新增 -->
-      <div v-if="isShow === 'first'">
-        <el-form-item label="展示类型：">
-          <el-select v-model="form.type" placeholder="请选择展示类型" />
-        </el-form-item>
-        <el-form-item label="图片/视频：">
-          <el-upload class="avatar-uploader" :multiple="false" :show-file-list="false" action="">
-            <el-image v-if="form.img" :src="form.img" class="avatar" />
-            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-          </el-upload>
-        </el-form-item>
-      </div>
-      <!-- 商品管理新增 -->
-      <div v-else>
-        <el-form-item label="商品名称：">
-          <el-input v-model="form.name" placeholder="请输入商品名称" />
-        </el-form-item>
-        <el-form-item label="网址：">
-          <el-input v-model="form.url" placeholder="请输入网址" />
-        </el-form-item>
-        <el-form-item label="图片/视频：">
-          <el-upload class="avatar-uploader" :multiple="false" :show-file-list="false" action="">
-            <el-image v-if="form.img" :src="form.img" class="avatar" />
-            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-          </el-upload>
-        </el-form-item>
-        <el-form-item label="上线时间：">
-          <el-date-picker v-model="form.onlineTime" type="datetimerange" start-placeholder="开始日期" end-placeholder="结束日期" />
-        </el-form-item>
-      </div>
-      <!-- 按钮 -->
-      <el-form-item>
-        <el-button @click="getCancel">取消</el-button>
-        <el-button type="primary" @click="getSubmit">提交</el-button>
-      </el-form-item>
-    </el-form>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      isShow: '',
-      form: {}
-    }
-  },
-  mounted() {
-    this.isShow = this.$route.query.active
-  },
-  methods: {
-    // 取消
-    getCancel() {
-      this.$message.info('已取消！')
-      this.$tab.closeOpenPage('/device/init')
-    },
-
-    // 提交
-    getSubmit() {
-      this.$message.success('提交成功！')
-      this.$tab.closeOpenPage('/device/init')
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.el-form {
-  width: 500px;
-}
-</style>

src/views/device/init/index.vue

@@ -1,190 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-tabs v-model="tabActive">
-      <!-- 宣传位管理页 -->
-      <el-tab-pane label="宣传位管理" name="first">
-        <!-- 搜索 -->
-        <el-form inline label-width="100px" size="mini">
-          <el-form-item label="展示类型：">
-            <el-select v-model="searchFrom.type" clearable />
-          </el-form-item>
-          <el-form-item label="创建时间：">
-            <el-date-picker v-model="searchFrom.date" type="date" placeholder="选择创建时间" clearable />
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" icon="el-icon-search">搜索</el-button>
-            <el-button icon="el-icon-plus" @click="getDetail">新增</el-button>
-          </el-form-item>
-        </el-form>
-        <!-- 表格 -->
-        <el-table :data="tableData.first" v-loading="loading">
-          <el-table-column label="ID" prop="id" align="center" />
-          <el-table-column label="宣传图" align="center">
-            <template slot-scope="scope">
-              <el-image :src="scope.row.img" :preview-src-list="[scope.row.img]" />
-            </template>
-          </el-table-column>
-          <el-table-column label="展示类型" prop="type" align="center" />
-          <el-table-column label="展示状态" align="center">
-            <template slot-scope="scope">
-              <span>{{ state.first[scope.row.state] }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="创建时间" prop="createDate" align="center" />
-          <el-table-column label="操作" align="center">
-            <template slot-scope="scope">
-              <el-button v-if="scope.row.state === 0" type="text" @click="getChange(scope.row)">停用</el-button>
-              <div v-else>
-                <el-button type="text" @click="getChange(scope.row)">启用</el-button>
-                <el-button type="delete" @click="getDelete">删除</el-button>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-tab-pane>
-
-      <!-- 商品管理页 -->
-      <el-tab-pane label="商品管理" name="second">
-        <!-- 搜索表单 -->
-        <el-form inline label-width="100px" size="mini">
-          <el-form-item label="商品名称：">
-            <el-select v-model="searchFrom.name" clearable />
-          </el-form-item>
-          <el-form-item label="展示状态：">
-            <el-select v-model="searchFrom.state" clearable />
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" icon="el-icon-search">搜索</el-button>
-            <el-button icon="el-icon-plus" @click="getDetail">新增</el-button>
-          </el-form-item>
-        </el-form>
-        <!-- 表格 -->
-        <el-table :data="tableData.second" v-loading="loading">
-          <el-table-column label="ID" prop="id" align="center" />
-          <el-table-column label="商品名称" prop="name" align="center" />
-          <el-table-column label="商品图" align="center">
-            <template slot-scope="scope">
-              <el-image :src="scope.row.img" :preview-src-list="[scope.row.img]" />
-            </template>
-          </el-table-column>
-          <el-table-column label="网址" align="center" show-overflow-tooltip>
-            <template slot-scope="scope">
-              <el-link :href="scope.row.url" :underline="false">{{ scope.row.url }}</el-link>
-            </template>
-          </el-table-column>
-          <el-table-column label="展示状态" align="center">
-            <template slot-scope="scope">
-              <span>{{ state.second[scope.row.state] }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="上线时间" prop="onlineTime" align="center" show-overflow-tooltip />
-          <el-table-column label="创建时间" prop="createDate" align="center" />
-          <el-table-column label="操作" align="center">
-            <template slot-scope="scope">
-              <div v-if="scope.row.state === 1">
-                <el-button type="text" @click="getDetail(scope.row.id)">编辑</el-button>
-                <el-button type="text">上线</el-button>
-                <el-button type="delete">删除</el-button>
-              </div>
-              <div v-else>
-                <el-button type="text">下线</el-button>
-                <el-button v-if="scope.row.top" type="text">取消置顶</el-button>
-                <el-button v-else type="text">置顶</el-button>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      // 遮罩层
-      loading: true,
-      // 选中的标签页
-      tabActive: 'first',
-      // 表格数据
-      tableData: {
-        'first': [{
-          id: 419448339824642,
-          img: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-          type: '图片',
-          state: 1,
-          createDate: '2020-09-14 15:27:15'
-        }],
-        'second': [{
-          id: 429999083749378,
-          name: '原子唱机',
-          img: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
-          url: 'https://item.m.jd.com/product/100002126446.html',
-          state: 1,
-          top: true,
-          onlineTime: ['2021-12-24 11:24:24', '2023-01-04 11:24:24'],
-          createDate: '2021-12-24 11:25:29'
-        }]
-      },
-      // 展示状态
-      state: {
-        'first': {
-          0: '已启用',
-          1: '已停用',
-        },
-        'second': {
-          0: '已上线',
-          1: '已下线'
-        }
-      },
-      // 搜索表单
-      searchFrom: {
-        type: '',
-        date: '',
-        name: '',
-        state: ''
-      }
-    }
-  },
-  mounted() {
-    this.loading = false
-    this.getList()
-  },
-  methods: {
-    // 新增 / 编辑
-    getDetail(id){
-      this.$router.push({
-        path: `/device/init/detail`,
-        query:{
-          id: id,
-          active: this.tabActive
-        }
-      })
-    },
-    // 启用 / 停用
-    getChange(row) {
-      const title = row.state == 0 ? '停用' : '启用'
-      this.$confirm(`确定要${title}?`, {
-        type: 'warning'
-      }).then(() => {
-
-      }).catch(() => { })
-    },
-    // 删除
-    getDelete() {
-      this.$confirm('确定要删除?', {
-        type: 'warning'
-      }).then(() => {
-
-      }).catch(() => { })
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.el-image {
-  width: 120px;
-}
-</style>

src/views/device/list/mixin/index.js

@@ -1,19 +0,0 @@
-const mixin = {
-  data() {
-    return {
-      // 使用分类列表
-      deviceTypeOptions: [{
-        value: 0,
-        label: '音响'
-      }, {
-        value: 1,
-        label: '耳机'
-      }, {
-        value: 3,
-        label: '穿戴'
-      }],
-    }
-  }
-}
-
-export default mixin

src/views/device/pages/index.vue

@@ -1,31 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-form>
-      <el-form-item>
-        <el-button icon="el-icon-plus">新增分类</el-button>
-      </el-form-item>
-    </el-form>
-
-    <el-table>
-      <el-table-column label="ID" align="center" />
-      <el-table-column label="名称" align="center" />
-      <el-table-column label="操作">
-        <template>
-          <el-button type="text">编辑</el-button>
-          <el-button type="text">关联设备</el-button>
-          <el-button type="delete">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-
-<script>
-export default {
-  
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>