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. 124
      src/views/shop/collect/index.vue
  2. 122
      src/views/shop/foot/index.vue

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

@ -9,53 +9,17 @@
@click="toQuery" @click="toQuery"
>刷新</el-button> >刷新</el-button>
</div> </div>
<!--工具栏-->
<div class="head-container">
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
<!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="id">
<el-input v-model="form.id" style="width: 370px;" />
</el-form-item>
<el-form-item label="用户ID" prop="uid">
<el-input v-model="form.uid" style="width: 370px;" />
</el-form-item>
<el-form-item label="商品ID" prop="productId">
<el-input v-model="form.productId" style="width: 370px;" />
</el-form-item>
<el-form-item label="类型(收藏(collect）、点赞(like))">
<el-input v-model="form.type" style="width: 370px;" />
</el-form-item>
<el-form-item label="某种类型的商品(普通商品、秒杀商品)">
<el-input v-model="form.category" style="width: 370px;" />
</el-form-item>
<el-form-item label="添加时间" prop="createTime">
<el-input v-model="form.createTime" style="width: 370px;" />
</el-form-item>
<el-form-item label="updateTime">
<el-input v-model="form.updateTime" style="width: 370px;" />
</el-form-item>
<el-form-item label="isDel">
<el-input v-model="form.isDel" style="width: 370px;" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="crud.cancelCU">取消</el-button>
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
</div>
</el-dialog>
<!--表格渲染--> <!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler"> <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
<el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" />
<el-table-column v-if="columns.visible('id')" prop="id" label="id" /> <el-table-column prop="id" label="id" />
<el-table-column v-if="columns.visible('uid')" prop="uid" label="用户ID" /> <el-table-column prop="uid" label="用户ID" />
<el-table-column v-if="columns.visible('userName')" prop="userName" label="用户名" /> <el-table-column prop="userName" label="用户名" />
<el-table-column v-if="columns.visible('productId')" prop="productId" label="商品ID" /> <el-table-column prop="productId" label="商品ID" />
<el-table-column v-if="columns.visible('product')" prop="product.storeName" label="商品名称" /> <el-table-column prop="product.storeName" label="商品名称" />
<el-table-column ref="table" prop="product.image" label="商品图片"> <el-table-column ref="table" prop="product.image" label="商品图片">
<template slot-scope="scope"> <template slot-scope="scope">
<a :href="scope.row.image" style="color: #42b983" target="_blank"><img :src="scope.row.image" alt="点击打开" class="el-avatar"></a> <a :href="scope.row.product.image" style="color: #42b983" target="_blank"><img :src="scope.row.product.image" alt="点击打开" class="el-avatar"></a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="type" label="类型"> <el-table-column prop="type" label="类型">
@ -66,58 +30,39 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="columns.visible('创建时间')" prop="createTime" label="添加时间"> <el-table-column prop="createTime" label="添加时间">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<pagination /> <el-pagination
</div> :total="total"
:current-page="page + 1"
style="margin-top: 8px;"
layout="total, prev, pager, next, sizes"
@size-change="sizeChange"
@current-change="pageChange"
/>
</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>

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

@ -9,50 +9,14 @@
@click="toQuery" @click="toQuery"
>刷新</el-button> >刷新</el-button>
</div> </div>
<!--工具栏-->
<div class="head-container">
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
<!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :title="crud.status.title" width="500px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="id">
<el-input v-model="form.id" style="width: 370px;" />
</el-form-item>
<el-form-item label="用户ID" prop="uid">
<el-input v-model="form.uid" style="width: 370px;" />
</el-form-item>
<el-form-item label="商品ID" prop="productId">
<el-input v-model="form.productId" style="width: 370px;" />
</el-form-item>
<el-form-item label="类型(收藏(collect）、点赞(like))">
<el-input v-model="form.type" style="width: 370px;" />
</el-form-item>
<el-form-item label="某种类型的商品(普通商品、秒杀商品)">
<el-input v-model="form.category" style="width: 370px;" />
</el-form-item>
<el-form-item label="添加时间" prop="createTime">
<el-input v-model="form.createTime" style="width: 370px;" />
</el-form-item>
<el-form-item label="updateTime">
<el-input v-model="form.updateTime" style="width: 370px;" />
</el-form-item>
<el-form-item label="isDel">
<el-input v-model="form.isDel" style="width: 370px;" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="crud.cancelCU">取消</el-button>
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
</div>
</el-dialog>
<!--表格渲染--> <!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler"> <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
<el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" />
<el-table-column v-if="columns.visible('id')" prop="id" label="id" /> <el-table-column prop="id" label="id" />
<el-table-column v-if="columns.visible('uid')" prop="uid" label="用户ID" /> <el-table-column prop="uid" label="用户ID" />
<el-table-column v-if="columns.visible('userName')" prop="userName" label="用户名" /> <el-table-column prop="userName" label="用户名" />
<el-table-column v-if="columns.visible('productId')" prop="productId" label="商品ID" /> <el-table-column prop="productId" label="商品ID" />
<el-table-column v-if="columns.visible('product')" prop="product.storeName" label="商品名称" /> <el-table-column prop="product.storeName" label="商品名称" />
<el-table-column ref="table" prop="product.image" label="商品图片"> <el-table-column ref="table" prop="product.image" label="商品图片">
<template slot-scope="scope"> <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> <a :href="scope.row.product.image" style="color: #42b983" target="_blank"><img :src="scope.row.product.image" alt="点击打开" class="el-avatar"></a>
@ -66,58 +30,39 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="columns.visible('创建时间')" prop="createTime" label="添加时间"> <el-table-column prop="createTime" label="添加时间">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!--分页组件--> <!--分页组件-->
<pagination /> <el-pagination
</div> :total="total"
:current-page="page + 1"
style="margin-top: 8px;"
layout="total, prev, pager, next, sizes"
@size-change="sizeChange"
@current-change="pageChange"
/>
</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