装起全部商城菜单

2022-04-21 18:07:40 +08:00
parent 1b6f8f0ed9
commit 05fdb1d9e7
436 changed files with 50845 additions and 63 deletions
@@ -0,0 +1,82 @@
+<template>
+  <div class="app-container">
+    <div class="head-container">
+      <el-button
+        type="danger"
+        class="filter-item"
+        size="mini"
+        icon="el-icon-refresh"
+        @click="toQuery"
+      >刷新</el-button>
+    </div>
+    <!--表格渲染-->
+    <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
+      <el-table-column type="selection" width="55" />
+      <el-table-column prop="id" label="id" />
+      <el-table-column prop="uid" label="用户ID" />
+      <el-table-column  prop="userName" label="用户名" />
+      <el-table-column prop="productId" label="商品ID" />
+      <el-table-column prop="product.storeName" label="商品名称" />
+      <el-table-column ref="table" prop="product.image" label="商品图片">
+        <template slot-scope="scope">
+          <a :href="scope.row.product.image" style="color: #42b983" target="_blank"><img :src="scope.row.product.image" alt="点击打开" class="el-avatar"></a>
+        </template>
+      </el-table-column>
+      <el-table-column prop="type" label="类型">
+        <template slot-scope="scope">
+          <div>
+            <el-tag v-if="scope.row.type == 'collect'" :type="''">收藏</el-tag>
+            <el-tag v-else :type=" 'info' ">足迹</el-tag>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" label="添加时间">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!--分页组件-->
+    <el-pagination
+      :total="total"
+      :current-page="page + 1"
+      style="margin-top: 8px;"
+      layout="total, prev, pager, next, sizes"
+      @size-change="sizeChange"
+      @current-change="pageChange"
+    />
+  </div>
+</template>
+
+<script>
+import initData from '@/mixins/crud'
+export default {
+  name: 'YxStoreProductRelation',
+  mixins: [initData],
+  data(){
+    return {
+      query:{
+        type: 'type',
+      } }
+  },
+  created() {
+    this.$nextTick(() => {
+      this.init()
+    })
+  },
+  methods: {
+    beforeInit() {
+      this.url = 'bxg/api/yxStoreProductRelation'
+      const sort = 'create_time,desc'
+      this.params = { page: this.page, size: this.size, sort: sort }
+      const query = this.query
+      this.params[query.type] = 'collect'
+      return true
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>