yanghao
/
yunshengtai-admin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

bug--修改收藏和足迹页面

master
taozi 4 years ago committed by xuwenbo
parent
1bd5fb98f6
commit
8e28397aa3
2 changed files with 91 additions and 247 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 170
      src/views/shop/collect/index.vue
  2. 168
      src/views/shop/foot/index.vue

170
src/views/shop/collect/index.vue
Unescape View File

@ -9,115 +9,60 @@
@click="toQuery" @click="toQuery"
>刷新</el-button> >刷新</el-button>
</div> </div>
<!--工具栏--> <!--表格渲染-->
<div class="head-container"> <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> <el-table-column type="selection" width="55" />
<!--表单组件--> <el-table-column prop="id" label="id" />
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px"> <el-table-column prop="uid" label="用户ID" />
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> <el-table-column prop="userName" label="用户名" />
<el-form-item label="id"> <el-table-column prop="productId" label="商品ID" />
<el-input v-model="form.id" style="width: 370px;" /> <el-table-column prop="product.storeName" label="商品名称" />
</el-form-item> <el-table-column ref="table" prop="product.image" label="商品图片">
<el-form-item label="用户ID" prop="uid"> <template slot-scope="scope">
<el-input v-model="form.uid" style="width: 370px;" /> <a :href="scope.row.product.image" style="color: #42b983" target="_blank"><img :src="scope.row.product.image" alt="点击打开" class="el-avatar"></a>
</el-form-item> </template>
<el-form-item label="商品ID" prop="productId"> </el-table-column>
<el-input v-model="form.productId" style="width: 370px;" /> <el-table-column prop="type" label="类型">
</el-form-item> <template slot-scope="scope">
<el-form-item label="类型(收藏(collect）、点赞(like))"> <div>
<el-input v-model="form.type" style="width: 370px;" /> <el-tag v-if="scope.row.type == 'collect'" :type="''">收藏</el-tag>
</el-form-item> <el-tag v-else :type=" 'info' ">足迹</el-tag>
<el-form-item label="某种类型的商品(普通商品、秒杀商品)"> </div>
<el-input v-model="form.category" style="width: 370px;" /> </template>
</el-form-item> </el-table-column>
<el-form-item label="添加时间" prop="createTime"> <el-table-column prop="createTime" label="添加时间">
<el-input v-model="form.createTime" style="width: 370px;" /> <template slot-scope="scope">
</el-form-item> <span>{{ parseTime(scope.row.createTime) }}</span>
<el-form-item label="updateTime"> </template>
<el-input v-model="form.updateTime" style="width: 370px;" /> </el-table-column>
</el-form-item> </el-table>
<el-form-item label="isDel"> <!--分页组件-->
<el-input v-model="form.isDel" style="width: 370px;" /> <el-pagination
</el-form-item> :total="total"
</el-form> :current-page="page + 1"
<div slot="footer" class="dialog-footer"> style="margin-top: 8px;"
<el-button type="text" @click="crud.cancelCU">取消</el-button> layout="total, prev, pager, next, sizes"
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button> @size-change="sizeChange"
</div> @current-change="pageChange"
</el-dialog> />
<!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
<el-table-column type="selection" width="55" />
<el-table-column v-if="columns.visible('id')" prop="id" label="id" />
<el-table-column v-if="columns.visible('uid')" prop="uid" label="用户ID" />
<el-table-column v-if="columns.visible('userName')" prop="userName" label="用户名" />
<el-table-column v-if="columns.visible('productId')" prop="productId" label="商品ID" />
<el-table-column v-if="columns.visible('product')" prop="product.storeName" label="商品名称" />
<el-table-column ref="table" prop="product.image" label="商品图片">
<template slot-scope="scope">
<a :href="scope.row.image" style="color: #42b983" target="_blank"><img :src="scope.row.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 v-if="columns.visible('创建时间')" prop="createTime" label="添加时间">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div> </div>
</template> </template>
<script> <script>
import initData from '@/mixins/crud' import initData from '@/mixins/crud'
import crudYxStoreProductRelation from '@/api/yxStoreProductRelation'
import CRUD, { presenter, header, form, crud } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination'
import MaterialList from "@/components/material";
// crud交由presenter持有
const defaultCrud = CRUD({ title: 'ProductRelation', url: 'api/yxStoreProductRelation', sort: 'create_time,desc', crudMethod: { ...crudYxStoreProductRelation }})
const defaultForm = { id: null, uid: null, productId: null, type: null, category: null, createTime: null, updateTime: null, isDel: null }
export default { export default {
name: 'YxStoreProductRelation', name: 'YxStoreProductRelation',
components: { pagination, crudOperation, rrOperation, udOperation ,MaterialList}, mixins: [initData],
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud(),initData], data(){
data() {
return { return {
query: { query:{
type: 'type', type: 'type',
}, } }
permission: {
add: ['admin', 'yxStoreProductRelation:add'],
edit: ['admin', 'yxStoreProductRelation:edit'],
del: ['admin', 'yxStoreProductRelation:del']
},
rules: {
uid: [
{ required: true, message: '用户ID不能为空', trigger: 'blur' }
],
productId: [
{ required: true, message: '商品ID不能为空', trigger: 'blur' }
],
createTime: [
{ required: true, message: '添加时间不能为空', trigger: 'blur' }
]
} }
}, },
watch: { created() {
this.$nextTick(() => {
this.init()
})
}, },
methods: { methods: {
beforeInit() { beforeInit() {
@ -127,34 +72,11 @@ export default {
const query = this.query const query = this.query
this.params[query.type] = 'collect' this.params[query.type] = 'collect'
return true return true
}, }
// 获取数据前设置好接口地址
[CRUD.HOOK.beforeRefresh]() {
const query = this.query
this.crud.params[query.type] = 'collect'
return true
}, // 新增与编辑前做的操作
[CRUD.HOOK.afterToCU](crud, form) {
},
} }
} }
</script> </script>
<style scoped> <style scoped>
.table-img {
display: inline-block;
text-align: center;
background: #ccc;
color: #fff;
white-space: nowrap;
position: relative;
overflow: hidden;
vertical-align: middle;
width: 32px;
height: 32px;
line-height: 32px;
}
</style> </style>

168
src/views/shop/foot/index.vue
Unescape View File

@ -9,115 +9,60 @@
@click="toQuery" @click="toQuery"
>刷新</el-button> >刷新</el-button>
</div> </div>
<!--工具栏--> <!--表格渲染-->
<div class="head-container"> <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'--> <el-table-column type="selection" width="55" />
<!--表单组件--> <el-table-column prop="id" label="id" />
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :title="crud.status.title" width="500px"> <el-table-column prop="uid" label="用户ID" />
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> <el-table-column prop="userName" label="用户名" />
<el-form-item label="id"> <el-table-column prop="productId" label="商品ID" />
<el-input v-model="form.id" style="width: 370px;" /> <el-table-column prop="product.storeName" label="商品名称" />
</el-form-item> <el-table-column ref="table" prop="product.image" label="商品图片">
<el-form-item label="用户ID" prop="uid"> <template slot-scope="scope">
<el-input v-model="form.uid" style="width: 370px;" /> <a :href="scope.row.product.image" style="color: #42b983" target="_blank"><img :src="scope.row.product.image" alt="点击打开" class="el-avatar"></a>
</el-form-item> </template>
<el-form-item label="商品ID" prop="productId"> </el-table-column>
<el-input v-model="form.productId" style="width: 370px;" /> <el-table-column prop="type" label="类型">
</el-form-item> <template slot-scope="scope">
<el-form-item label="类型(收藏(collect）、点赞(like))"> <div>
<el-input v-model="form.type" style="width: 370px;" /> <el-tag v-if="scope.row.type == 'collect'" :type="''">收藏</el-tag>
</el-form-item> <el-tag v-else :type=" 'info' ">足迹</el-tag>
<el-form-item label="某种类型的商品(普通商品、秒杀商品)"> </div>
<el-input v-model="form.category" style="width: 370px;" /> </template>
</el-form-item> </el-table-column>
<el-form-item label="添加时间" prop="createTime"> <el-table-column prop="createTime" label="添加时间">
<el-input v-model="form.createTime" style="width: 370px;" /> <template slot-scope="scope">
</el-form-item> <span>{{ parseTime(scope.row.createTime) }}</span>
<el-form-item label="updateTime"> </template>
<el-input v-model="form.updateTime" style="width: 370px;" /> </el-table-column>
</el-form-item> </el-table>
<el-form-item label="isDel"> <!--分页组件-->
<el-input v-model="form.isDel" style="width: 370px;" /> <el-pagination
</el-form-item> :total="total"
</el-form> :current-page="page + 1"
<div slot="footer" class="dialog-footer"> style="margin-top: 8px;"
<el-button type="text" @click="crud.cancelCU">取消</el-button> layout="total, prev, pager, next, sizes"
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button> @size-change="sizeChange"
</div> @current-change="pageChange"
</el-dialog> />
<!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
<el-table-column type="selection" width="55" />
<el-table-column v-if="columns.visible('id')" prop="id" label="id" />
<el-table-column v-if="columns.visible('uid')" prop="uid" label="用户ID" />
<el-table-column v-if="columns.visible('userName')" prop="userName" label="用户名" />
<el-table-column v-if="columns.visible('productId')" prop="productId" label="商品ID" />
<el-table-column v-if="columns.visible('product')" 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 v-if="columns.visible('创建时间')" prop="createTime" label="添加时间">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div> </div>
</template> </template>
<script> <script>
import initData from '@/mixins/crud' import initData from '@/mixins/crud'
import crudYxStoreProductRelation from '@/api/yxStoreProductRelation'
import CRUD, { presenter, header, form, crud } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import udOperation from '@crud/UD.operation'
import pagination from '@crud/Pagination'
import MaterialList from "@/components/material";
// crud交由presenter持有
const defaultCrud = CRUD({ title: 'ProductRelation', url: 'api/yxStoreProductRelation', type:'foot',sort: 'create_time,desc', crudMethod: { ...crudYxStoreProductRelation }})
const defaultForm = { id: null, uid: null, productId: null, type: null, category: null, createTime: null, updateTime: null, isDel: null }
export default { export default {
name: 'YxStoreProductRelation', name: 'YxStoreProductRelation',
components: { pagination, crudOperation, rrOperation, udOperation ,MaterialList}, mixins: [initData],
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud(),initData], data(){
data() {
return { return {
query:{ query:{
type: 'type', type: 'type',
}, } }
permission: {
add: ['admin', 'yxStoreProductRelation:add'],
edit: ['admin', 'yxStoreProductRelation:edit'],
del: ['admin', 'yxStoreProductRelation:del']
},
rules: {
uid: [
{ required: true, message: '用户ID不能为空', trigger: 'blur' }
],
productId: [
{ required: true, message: '商品ID不能为空', trigger: 'blur' }
],
createTime: [
{ required: true, message: '添加时间不能为空', trigger: 'blur' }
]
} }
}, },
watch: { created() {
this.$nextTick(() => {
this.init()
})
}, },
methods: { methods: {
beforeInit() { beforeInit() {
@ -127,34 +72,11 @@ export default {
const query = this.query const query = this.query
this.params[query.type] = 'foot' this.params[query.type] = 'foot'
return true return true
}, }
// 获取数据前设置好接口地址
[CRUD.HOOK.beforeRefresh]() {
const query = this.query
this.crud.params[query.type] = 'foot'
return true
}, // 新增与编辑前做的操作
[CRUD.HOOK.afterToCU](crud, form) {
},
} }
} }
</script> </script>
<style scoped> <style scoped>
.table-img {
display: inline-block;
text-align: center;
background: #ccc;
color: #fff;
white-space: nowrap;
position: relative;
overflow: hidden;
vertical-align: middle;
width: 32px;
height: 32px;
line-height: 32px;
}
</style> </style>

Write Preview
Loading…
Cancel
Save