Browse Source

资讯管理...

master
杨豪 3 years ago
parent
commit
e3b200018b
  1. 2
      .env.development
  2. 33
      src/api/ActiveInterface.js
  3. 27
      src/api/activity.js
  4. 27
      src/api/activityCate.js
  5. 27
      src/api/activityFlag.js
  6. 27
      src/api/activityOrder.js
  7. 27
      src/api/activityPublisher.js
  8. 27
      src/api/articleCatetory.js
  9. 19
      src/api/publisher.js
  10. 14
      src/api/yxArticle.js
  11. 15
      src/api/yxStoreProduct.js
  12. 11
      src/api/yxSystemStore.js
  13. BIN
      src/assets/images/bg.png
  14. BIN
      src/assets/images/bg1.png
  15. 10
      src/components/editorMaterial/index.vue
  16. 19
      src/components/material/index.vue
  17. 18
      src/components/singlematerial/index.vue
  18. 505
      src/components/singlevideo/index.vue
  19. 2
      src/router/index.js
  20. 2
      src/router/routers.js
  21. 114
      src/views/activitys/activitys/cate.vue
  22. 101
      src/views/activitys/activitys/flag.vue
  23. 690
      src/views/activitys/activitys/index.vue
  24. 330
      src/views/activitys/activitys/order.vue
  25. 171
      src/views/activitys/activitys/publisher.vue
  26. 122
      src/views/information/articleCatetory.vue
  27. 315
      src/views/information/form.vue
  28. 183
      src/views/information/formbak.vue
  29. 190
      src/views/information/index.vue
  30. 32
      src/views/login.vue
  31. 16
      src/views/shop/demandHall/authentication.vue
  32. 60
      src/views/shop/goods/form.vue
  33. 65
      src/views/shop/goods/index.vue
  34. 88
      src/views/shop/store/index.vue
  35. 7
      src/views/shop/user/index.vue
  36. 50
      src/views/shop/user/userRenew.vue
  37. 69
      src/views/wechat/article/form.vue
  38. 2
      vue.config.js
  39. 1
      wsl.txt

2
.env.development

@ -1,7 +1,7 @@
ENV = 'development' ENV = 'development'
# 接口地址 # 接口地址
VUE_APP_BASE_API = 'http://192.168.0.112:8094' VUE_APP_BASE_API = 'http://192.168.0.111:8094'
VUE_APP_WS_API = 'ws://localhost:8088' VUE_APP_WS_API = 'ws://localhost:8088'
# 是否启用 babel-plugin-dynamic-import-node插件 # 是否启用 babel-plugin-dynamic-import-node插件

33
src/api/ActiveInterface.js

@ -0,0 +1,33 @@
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/activity' + '?' + 'page=' + data.page + '&' + 'size=' + data.size + '&' + 'sort=' + data.sort + '&' + 'activity_id=' + data.activity_id,
method: 'get',
data
})
}
export function adds(data) {
return request({
url: 'api/activityCate' + '?' + 'page=' + data.page + '&' + 'size=' + data.size + '&' + 'sort=' + data.sort,
method: 'get',
data
})
}
export function activityFlag(data) {
return request({
url: 'api/activityFlag' + '?' + 'page=' + data.page + '&' + 'size=' + data.size + '&' + 'sort=' + data.sort,
method: 'get',
data
})
}
export function posts(data) {
return request({
url: 'api/activityFlag',
method: 'post',
data
})
}
export default { add, adds, activityFlag, posts }

27
src/api/activity.js

@ -0,0 +1,27 @@
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/activity',
method: 'post',
data
})
}
export function del(ids) {
return request({
url: 'api/activity/',
method: 'delete',
data: ids
})
}
export function edit(data) {
return request({
url: 'api/activity',
method: 'put',
data
})
}
export default { add, edit, del }

27
src/api/activityCate.js

@ -0,0 +1,27 @@
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/activityCate',
method: 'post',
data
})
}
export function del(ids) {
return request({
url: 'api/activityCate/',
method: 'delete',
data: ids
})
}
export function edit(data) {
return request({
url: 'api/activityCate',
method: 'put',
data
})
}
export default { add, edit, del }

27
src/api/activityFlag.js

@ -0,0 +1,27 @@
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/activityFlag',
method: 'post',
data
})
}
export function del(ids) {
return request({
url: 'api/activityFlag/',
method: 'delete',
data: ids
})
}
export function edit(data) {
return request({
url: 'api/activityFlag',
method: 'put',
data
})
}
export default { add, edit, del }

27
src/api/activityOrder.js

@ -0,0 +1,27 @@
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/activityOrder',
method: 'post',
data
})
}
export function del(ids) {
return request({
url: 'api/activityOrder/',
method: 'delete',
data: ids
})
}
export function edit(data) {
return request({
url: 'api/activityOrder',
method: 'put',
data
})
}
export default { add, edit, del }

27
src/api/activityPublisher.js

@ -0,0 +1,27 @@
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/activityPublisher',
method: 'post',
data
})
}
export function del(ids) {
return request({
url: 'api/activityPublisher/',
method: 'delete',
data: ids
})
}
export function edit(data) {
return request({
url: 'api/activityPublisher',
method: 'put',
data
})
}
export default { add, edit, del }

27
src/api/articleCatetory.js

@ -0,0 +1,27 @@
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/articleCatetory',
method: 'post',
data
})
}
export function del(ids) {
return request({
url: 'api/articleCatetory/',
method: 'delete',
data: ids
})
}
export function edit(data) {
return request({
url: 'api/articleCatetory',
method: 'put',
data
})
}
export default { add, edit, del }

19
src/api/publisher.js

@ -0,0 +1,19 @@
import request from '@/utils/request'
export function gets(data) {
return request({
url: 'api/yxUser' + '?' + 'page=' + data.page + '&' + 'size=' + data.size + '&' + 'sort=' + data.sort,
method: 'get',
data
})
}
export function getses(data) {
return request({
url: 'api/activityPublisher',
method: 'get',
data
})
}
export default { gets, getses }

14
src/api/yxArticle.js

@ -36,3 +36,17 @@ export function get(id) {
method: 'get' method: 'get'
}) })
} }
export function getAuthor(id) {
return request({
url: 'api/Enterprise/listEnterprises',
method: 'get'
})
}
export function getArticleCatetory(id) {
return request({
url: 'api/articleCatetory/listArticleCatetory',
method: 'get'
})
}

15
src/api/yxStoreProduct.js

@ -81,3 +81,18 @@ export function getInfo(id) {
method: 'get' method: 'get'
}) })
} }
export function getStore(id) {
return request({
url: 'api/yxSystemStore/all',
method: 'get'
})
}
//商品审核
export function audit(data) {
return request({
url: 'api/audit',
method: 'post',
data
})
}

11
src/api/yxSystemStore.js

@ -46,4 +46,13 @@ export function edit(data) {
}) })
} }
export default { getL, add, edit, del, get, getAll } //店铺审核
export function audit(data) {
return request({
url: 'api/yxSystemStore/audit',
method: 'post',
data
})
}
export default { getL, add, edit, del, get, getAll, audit }

BIN
src/assets/images/bg.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 3.6 MiB

BIN
src/assets/images/bg1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

10
src/components/editorMaterial/index.vue

@ -257,11 +257,12 @@ export default {
} }
}, },
materialgroupPage() { materialgroupPage() {
console.log('编辑器上传')
this.materialgroupLoading = true this.materialgroupLoading = true
materialgroupPage({ materialgroupPage({
total: 0, // total: 0, //
page: 1, // page: 0, //
size: 100, // size: 1000, //
ascs: [], // ascs: [], //
sort: 'create_time,desc'// sort: 'create_time,desc'//
}).then(response => { }).then(response => {
@ -476,6 +477,11 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ .el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right {
height: 500px;
overflow-y: scroll;
}
/deep/ .el-icon-circle-close{ /deep/ .el-icon-circle-close{
color: red; color: red;
} }

19
src/components/material/index.vue

@ -100,6 +100,7 @@
<el-checkbox-group v-model="urls" :max="num - value.length"> <el-checkbox-group v-model="urls" :max="num - value.length">
<el-col v-for="(item,index) in tableData" :key="index" :span="4"> <el-col v-for="(item,index) in tableData" :key="index" :span="4">
<el-card :body-style="{ padding: '5px' }"> <el-card :body-style="{ padding: '5px' }">
<span class="line1" style="width:100%;font-size: 12px;display:inline-block;text-align:center;">{{item.name}}</span>
<el-image <el-image
style="width: 100%;height: 100px" style="width: 100%;height: 100px"
:src="item.url" :src="item.url"
@ -254,10 +255,11 @@ export default {
}, },
materialgroupPage() { materialgroupPage() {
this.materialgroupLoading = true this.materialgroupLoading = true
console.log('普通上传')
materialgroupPage({ materialgroupPage({
total: 0, // total: 0, //
page: 1, // page: 0, //
size: 100, // size: 1000, //
ascs: [], // ascs: [], //
sort: 'create_time,desc'// sort: 'create_time,desc'//
}).then(response => { }).then(response => {
@ -342,7 +344,8 @@ export default {
size: page.pageSize, size: page.pageSize,
descs: this.page.descs, descs: this.page.descs,
ascs: this.page.ascs, ascs: this.page.ascs,
sort: 'create_time,desc' sort: 'create_time,desc',
type: '1'
}, { }, {
groupId: this.groupId groupId: this.groupId
})).then(response => { })).then(response => {
@ -469,6 +472,10 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ .el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right {
height: 500px;
overflow-y: scroll;
}
/deep/ .el-icon-circle-close{ /deep/ .el-icon-circle-close{
color: red; color: red;
} }
@ -482,5 +489,11 @@ export default {
padding: unset!important; padding: unset!important;
font-size: 12px; font-size: 12px;
} }
.line1{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width: 100%;
}
</style> </style>

18
src/components/singlematerial/index.vue

@ -93,6 +93,7 @@
<el-checkbox-group v-model="urls" :max="num - myValue.length"> <el-checkbox-group v-model="urls" :max="num - myValue.length">
<el-col v-for="(item,index) in tableData" :key="index" :span="4"> <el-col v-for="(item,index) in tableData" :key="index" :span="4">
<el-card :body-style="{ padding: '5px' }"> <el-card :body-style="{ padding: '5px' }">
<span class="line1" style="width:100%;font-size: 12px;display:inline-block;text-align:center;">{{item.name}}</span>
<el-image <el-image
style="width: 100%;height: 100px" style="width: 100%;height: 100px"
:src="item.url" :src="item.url"
@ -252,8 +253,8 @@ export default {
this.materialgroupLoading = true this.materialgroupLoading = true
materialgroupPage({ materialgroupPage({
total: 0, // total: 0, //
page: 1, // page: 0, //
size: 100, // size: 1000, //
ascs: [], // ascs: [], //
sort: 'create_time,desc'// sort: 'create_time,desc'//
}).then(response => { }).then(response => {
@ -338,7 +339,8 @@ export default {
size: page.pageSize, size: page.pageSize,
descs: this.page.descs, descs: this.page.descs,
ascs: this.page.ascs, ascs: this.page.ascs,
sort: 'create_time,desc' sort: 'create_time,desc',
type: '1'
}, { }, {
groupId: this.groupId groupId: this.groupId
})).then(response => { })).then(response => {
@ -464,6 +466,10 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/deep/ .el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right {
height: 500px;
overflow-y: scroll;
}
/deep/ .el-icon-circle-close{ /deep/ .el-icon-circle-close{
color: red; color: red;
} }
@ -477,5 +483,11 @@ export default {
padding: unset!important; padding: unset!important;
font-size: 12px; font-size: 12px;
} }
.line1{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width: 100%;
}
</style> </style>

505
src/components/singlevideo/index.vue

@ -0,0 +1,505 @@
<template>
<div v-if="type == 'video'">
<div v-if="myValue != ''">
<ul class="el-upload-list el-upload-list--picture-card">
<li tabindex="0" class="el-upload-list__item is-ready" :style="'width: '+width+'px;height: '+height+'px'">
<div>
<div class="del-btn" @click="deleteMaterial"><i class="el-icon-delete"></i></div>
<!-- <img :src="myValue" alt="" class="el-upload-list__item-thumbnail"> -->
<video :src="myValue" controls style="object-fit:cover;"></video>
<!-- <span class="el-upload-list__item-actions">
<span class="el-upload-list__item-delete" @click="deleteMaterial">
<i class="el-icon-delete" />
</span>
</span> -->
</div>
</li>
</ul>
</div>
<div v-else tabindex="0" class="el-upload el-upload--picture-card" :style="'width: '+width+'px;height: '+height+'px;'+'line-height:'+height+'px;'" @click="toSeleteMaterial">
<i class="el-icon-plus" />
</div>
<el-dialog
append-to-body
:visible.sync="dialogVisible"
width="35%"
>
<img :src="url" alt="" style="width: 100%">
</el-dialog>
<el-dialog
title="视频素材库"
append-to-body
:visible.sync="listDialogVisible"
width="70%"
>
<el-container>
<el-aside width="unset">
<div style="margin-bottom: 10px">
<el-button
class="el-icon-plus"
size="small"
@click="materialgroupAdd()"
>
添加分组
</el-button>
</div>
<el-tabs v-model="materialgroupObjId" v-loading="materialgroupLoading" tab-position="left" @tab-click="tabClick">
<el-tab-pane
v-for="(item,index) in materialgroupList"
:key="item.id"
:name="item.id"
>
<span slot="label"> {{ item.name }}</span>
</el-tab-pane>
</el-tabs>
</el-aside>
<el-main>
<el-card>
<div slot="header">
<el-row>
<el-col :span="12">
<span>{{ materialgroupObj.name }}</span>
<span v-if="materialgroupObj.id != '-1'">
<el-button size="small" type="text" class="el-icon-edit" style="margin-left: 10px;" @click="materialgroupEdit(materialgroupObj)">重命名</el-button>
<el-button size="small" type="text" class="el-icon-delete" style="margin-left: 10px;color: red" @click="materialgroupDelete(materialgroupObj)">删除</el-button>
</span>
</el-col>
<el-col :span="12" style="text-align: right;">
<el-upload
:action="uploadApi"
:headers="headers"
:file-list="[]"
:on-progress="handleProgress"
:before-upload="beforeUpload"
:on-success="handleSuccess"
:data="{type: 1}"
multiple
>
<el-button size="small" type="primary">批量上传</el-button>
</el-upload>
</el-col>
</el-row>
</div>
<div v-loading="tableLoading">
<el-alert
v-if="tableData.length <= 0"
title="暂无数据"
type="info"
:closable="false"
center
show-icon
/>
<el-row :gutter="5">
<el-checkbox-group v-model="urls" :max="num - myValue.length">
<el-col v-for="(item,index) in tableData" :key="index" :span="4">
<el-card :body-style="{ padding: '5px' }">
<span class="line1" style="width:100%;font-size: 12px;display:inline-block;text-align:center;">{{item.name}}</span>
<!-- <el-image
style="width: 100%;height: 100px"
:src="item.url"
fit="contain"
:preview-src-list="[item.url]"
:z-index="999"
/> -->
<video :src="item.url" style="width: 100%;height: 100px"></video>
<div>
<el-checkbox class="material-name" :label="item.url">
选择
</el-checkbox>
<el-row>
<el-col :span="24" class="col-do">
<el-button type="text" size="medium" @click="materialDel(item)">删除</el-button>
</el-col>
</el-row>
</div>
</el-card>
</el-col>
</el-checkbox-group>
</el-row>
<el-pagination
:current-page.sync="page.currentPage"
:page-sizes="[12, 24]"
:page-size="page.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total"
class="pagination"
@size-change="sizeChange"
@current-change="pageChange"
/>
</div>
</el-card>
</el-main>
</el-container>
<span slot="footer" class="dialog-footer">
<el-button @click="listDialogVisible = false"> </el-button>
<el-button type="primary" @click="sureUrls"> </el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import { getPage as materialgroupPage, addObj as materialgroupAdd, delObj as materialgroupDel, putObj as materialgroupEdit } from '@/api/tools/materialgroup'
import { getPage, addObj, delObj, putObj } from '@/api/tools/material'
import { getToken } from '@/utils/auth'
import { mapGetters } from 'vuex'
export default {
name: 'MaterialList',
props: {
//
value: {
type: String
},
//
type: {
type: String
},
// 5
num: {
type: Number,
default() {
return 5
}
},
//
width: {
type: Number,
default() {
return 150
}
},
//
height: {
type: Number,
default() {
return 150
}
}
},
data() {
return {
headers: {
Authorization: getToken()
},
dialogVisible: false,
myValue: this.value,
url: '',
listDialogVisible: false,
materialgroupList: [],
materialgroupObjId: '',
materialgroupObj: {},
materialgroupLoading: false,
tableData: [],
resultNumber: 0,
page: {
total: 0, //
currentPage: 1, //
pageSize: 12, //
ascs: [], //
descs: 'create_time'//
},
tableLoading: false,
groupId: null,
urls: []
}
},
computed: {
...mapGetters([
'uploadApi'
])
},
watch: {
value: function(val) {
this.myValue = val
}
},
methods: {
moveMaterial(index, type) {
if (type == 'up') {
const tempOption = this.value[index - 1]
this.$set(this.value, index - 1, this.value[index])
this.$set(this.value, index, tempOption)
}
if (type == 'down') {
const tempOption = this.value[index + 1]
this.$set(this.value, index + 1, this.value[index])
this.$set(this.value, index, tempOption)
}
},
zoomMaterial(index) {
this.dialogVisible = true
this.url = this.value[index]
},
deleteMaterial() {
const that = this
this.$confirm('是否确认删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
that.myValue = ''
that.urls = []
})
},
toSeleteMaterial() {
this.listDialogVisible = true
if (this.tableData.length <= 0) {
this.materialgroupPage()
}
},
materialgroupPage() {
this.materialgroupLoading = true
materialgroupPage({
total: 0, //
page: 0, //
size: 1000, //
ascs: [], //
sort: 'create_time,desc'//
}).then(response => {
this.materialgroupLoading = false
const materialgroupList = response.content
materialgroupList.unshift({
id: '-1',
name: '全部分组'
})
this.materialgroupList = materialgroupList
this.tabClick({
index: 0
})
})
},
materialgroupDelete(materialgroupObj) {
const that = this
this.$confirm('是否确认删除该分组?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
materialgroupDel(materialgroupObj.id)
.then(function() {
that.$delete(that.materialgroupList, materialgroupObj.index)
})
})
},
materialgroupEdit(materialgroupObj) {
const that = this
this.$prompt('请输入分组名', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputValue: materialgroupObj.name
}).then(({ value }) => {
materialgroupEdit({
id: materialgroupObj.id,
name: value
}).then(function() {
materialgroupObj.name = value
that.$set(that.materialgroupList, materialgroupObj.index, materialgroupObj)
})
}).catch(() => {
})
},
materialgroupAdd() {
const that = this
this.$prompt('请输入分组名', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消'
}).then(({ value }) => {
materialgroupAdd({
name: value
}).then(function() {
that.materialgroupPage()
})
}).catch(() => {
})
},
tabClick(tab, event) {
this.urls = []
const index = Number(tab.index)
const materialgroupObj = this.materialgroupList[index]
materialgroupObj.index = index
this.materialgroupObj = materialgroupObj
this.materialgroupObjId = materialgroupObj.id
this.page.currentPage = 1
this.page.total = 0
if (materialgroupObj.id != '-1') {
this.groupId = materialgroupObj.id
} else {
this.groupId = null
}
this.getPage(this.page)
},
getPage(page, params) {
this.tableLoading = true
getPage(Object.assign({
page: page.currentPage - 1,
size: page.pageSize,
descs: this.page.descs,
ascs: this.page.ascs,
sort: 'create_time,desc',
type: '2'
}, {
groupId: this.groupId
})).then(response => {
const tableData = response.content
this.page.total = response.totalElements
this.page.currentPage = page.currentPage
this.page.pageSize = page.pageSize
this.tableData = tableData
this.tableLoading = false
}).catch(() => {
this.tableLoading = false
})
},
sizeChange(val) {
console.log(val)
this.page.currentPage = 1
this.page.pageSize = val
this.getPage(this.page)
},
pageChange(val) {
console.log(val)
this.page.currentPage = val
// this.page.pageSize = val
this.getPage(this.page)
},
materialRename(item) {
const that = this
this.$prompt('请输入素材名', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputValue: item.name
}).then(({ value }) => {
putObj({
id: item.id,
name: value
}).then(function() {
that.getPage(that.page)
})
}).catch(() => {
})
},
materialUrl(item) {
const that = this
this.$prompt('素材链接', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputValue: item.url
}).then(({ value }) => {
}).catch(() => {
})
},
materialDel(item) {
const that = this
this.$confirm('是否确认删除该素材?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
delObj(item.id)
.then(function() {
that.getPage(that.page)
})
})
},
handleCommand(command) {
const that = this
const s = command.split('-')
putObj({
id: s[0],
groupId: s[1]
}).then(function() {
that.getPage(that.page)
})
},
handleProgress(event, file, fileList) {
console.log(event)
// let uploadProgress = file.percentage.toFixed(0)
// this.uploadProgress = uploadProgress
},
handleSuccess(response, file, fileList) {
const that = this
this.uploadProgress = 0
addObj({
type: '2',
groupId: this.groupId != '-1' ? this.groupId : null,
name: file.name,
url: response.link
}).then(() => {
this.resultNumber++
if (fileList.length === this.resultNumber) {
that.getPage(that.page)
this.resultNumber = 0
}
})
},
beforeUpload(file) {
console.log(file)
const isPic =
file.type === 'video/mp4'
const isLt2M = file.size / 1024 / 1024 < 5
if (!isPic) {
this.$message.error('请上传mp4格式视频!')
return false
}
if (!isLt2M) {
this.$message.error('上传头像图片大小不能超过 5MB!')
}
return isPic && isLt2M
},
sureUrls() {
console.log('this.urls:' + this.urls)
this.myValue = this.urls[0]
this.$emit('input', this.urls[0])
this.listDialogVisible = false
}
}
}
</script>
<style lang="scss" scoped>
/deep/ .el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right {
height: 500px;
overflow-y: scroll;
}
/deep/ .el-icon-circle-close{
color: red;
}
.material-name{
padding: 8px 0px;
}
.col-do{
text-align: center;
}
.button-do{
padding: unset!important;
font-size: 12px;
}
.line1{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width: 100%;
}
.del-btn{
position: absolute;
right: 3px;
top: 3px;
z-index: 999;
background: #fff;
width: 24px;
height: 23px;
text-align: center;
border-radius: 50%;
}
</style>

2
src/router/index.js

@ -54,7 +54,9 @@ router.beforeEach((to, from, next) => {
export const loadMenus = (next, to) => { export const loadMenus = (next, to) => {
buildMenus().then(res => { buildMenus().then(res => {
console.log(res,'asyncRouter--res')
const asyncRouter = filterAsyncRouter(res) const asyncRouter = filterAsyncRouter(res)
console.log(asyncRouter,'asyncRouter')
asyncRouter.push({ path: '*', redirect: '/404', hidden: true }) asyncRouter.push({ path: '*', redirect: '/404', hidden: true })
store.dispatch('GenerateRoutes', asyncRouter).then(() => { // 存储路由 store.dispatch('GenerateRoutes', asyncRouter).then(() => { // 存储路由
router.addRoutes(asyncRouter) // 动态添加可访问路由表 router.addRoutes(asyncRouter) // 动态添加可访问路由表

2
src/router/routers.js

@ -68,7 +68,7 @@ export const constantRouterMap = [
component: (resolve) => require(['@/components/editorMaterial/index'], resolve), component: (resolve) => require(['@/components/editorMaterial/index'], resolve),
hidden: true hidden: true
}, },
{ path: '*', component: (resolve) => require(['@/views/home'], resolve) } // { path: '*', component: (resolve) => require(['@/views/home'], resolve) }
] ]
export default new Router({ export default new Router({

114
src/views/activitys/activitys/cate.vue

@ -0,0 +1,114 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表单组件-->
<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="分类名称">
<el-input v-model="form.name" style="width: 370px;" />
</el-form-item>
<el-form-item label="状态">
<!-- <el-input v-model="form.status" style="width: 370px;" /> -->
<el-radio-group v-model="form.status">
<el-radio :label="0">关闭</el-radio>
<el-radio :label="1">开启</el-radio>
</el-radio-group>
</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-column type="selection" width="55" />
<el-table-column v-if="columns.visible('name')" prop="name" label="分类名称" />
<el-table-column v-if="columns.visible('status')" prop="status" label="状态">
<template slot-scope="scope">
<span v-if="scope.row.status ==0">{{'关闭'}}</span>
<span v-if="scope.row.status ==1">{{'开启'}}</span>
</template>
</el-table-column>
<!-- <el-table-column v-if="columns.visible('createTime')" prop="createTime" label="createTime">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column> -->
<el-table-column v-permission="['admin','activityCate:edit','activityCate:del']" label="操作" width="150px" align="center">
<template slot-scope="scope">
<udOperation
:data="scope.row"
:permission="permission"
/>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
import crudActivityCate from '@/api/activityCate'
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";
// crudpresenter
const defaultCrud = CRUD({ title: '活动分类', url: 'api/activityCate', sort: 'id,desc', crudMethod: { ...crudActivityCate }})
const defaultForm = { id: null, name: null, status: 0, createTime: null, updateTime: null, isDel: null }
export default {
name: 'ActivityCate',
components: { pagination, crudOperation, rrOperation, udOperation ,MaterialList},
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud()],
dicts: ['is_enable'],
data() {
return {
permission: {
add: ['admin', 'activityCate:add'],
edit: ['admin', 'activityCate:edit'],
del: ['admin', 'activityCate:del']
},
rules: {
} }
},
watch: {
},
methods: {
//
[CRUD.HOOK.beforeRefresh]() {
return true
}, //
[CRUD.HOOK.afterToCU](crud, form) {
},
}
}
</script>
<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>

101
src/views/activitys/activitys/flag.vue

@ -0,0 +1,101 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表单组件-->
<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="名称">
<el-input v-model="form.name" 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-column type="selection" width="55" />
<el-table-column v-if="columns.visible('name')" prop="name" label="名称" />
<el-table-column v-if="columns.visible('createTime')" prop="createTime" label="创建时间">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column v-permission="['admin','activityFlag:edit','activityFlag:del']" label="操作" width="150px" align="center">
<template slot-scope="scope">
<udOperation
:data="scope.row"
:permission="permission"
/>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
import crudActivityFlag from '@/api/activityFlag'
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";
// crudpresenter
const defaultCrud = CRUD({ title: '活动标签', url: 'api/activityFlag', sort: 'id,desc', crudMethod: { ...crudActivityFlag }})
const defaultForm = { id: null, name: null, createTime: null, updateTime: null, isDel: null, }
export default {
name: 'ActivityFlag',
components: { pagination, crudOperation, rrOperation, udOperation ,MaterialList},
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud()],
data() {
return {
permission: {
add: ['admin', 'activityFlag:add'],
edit: ['admin', 'activityFlag:edit'],
del: ['admin', 'activityFlag:del']
},
rules: {
} }
},
watch: {
},
methods: {
//
[CRUD.HOOK.beforeRefresh]() {
return true
}, //
[CRUD.HOOK.afterToCU](crud, form) {
},
}
}
</script>
<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>

690
src/views/activitys/activitys/index.vue

@ -0,0 +1,690 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<el-select
class="filter-item"
v-model="activityId"
placeholder="搜索活动"
>
<el-option
v-for="(item, index) in crud.data"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
<el-button
class="filter-item"
size="mini"
type="success"
icon="el-icon-search"
@click="toquer"
>搜索</el-button
>
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表单组件-->
<el-dialog
:append-to-body="true"
:close-on-click-modal="false"
:before-close="crud.cancelCU"
:visible.sync="crud.status.cu > 0"
:title="crud.status.title"
width="600px;"
>
<el-form
ref="form"
:model="form"
:rules="rules"
size="small"
label-width="80px"
>
<el-form-item label="活动名称" :label-width="formLabelWidth">
<el-input v-model="form.name" style="width: 370px" />
</el-form-item>
<!-- <el-form-item label="cateId" :label-width="formLabelWidth">
<el-input v-model="form.cateId" style="width: 370px;" />
</el-form-item> -->
<el-form-item label="图片" :label-width="formLabelWidth">
<single-pic
v-model="form.images"
type="image"
:num="1"
:width="150"
:height="150"
/>
</el-form-item>
<el-form-item label="价格" :label-width="formLabelWidth">
<el-input v-model="form.price" style="width: 370px" />
</el-form-item>
<el-form-item label="活动分类" :label-width="formLabelWidth">
<!-- <el-input v-model="form.cateId" style="width: 370px;" /> -->
<el-select
class="filter-item"
v-model="form.cateId"
style="width: 370px"
placeholder="请选择活动的分类"
>
<el-option
v-for="(item, index) in option"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="活动标签" :label-width="formLabelWidth">
<!-- <el-input v-model="form.name" style="width: 370px;" /> -->
<el-tag
:key="tag"
v-for="tag in dynamicTags"
closable
:disable-transitions="false"
@close="handleClose(tag)"
>
{{ tag }}
</el-tag>
<el-input
class="input-new-tag"
v-if="inputVisible"
v-model="inputValue"
ref="saveTagInput"
size="small"
@keyup.enter.native="handleInputConfirm(1)"
@blur="handleInputConfirm(2)"
>
</el-input>
<el-button
v-else
class="button-new-tag"
size="small"
@click="showInput"
>+添加新的标签</el-button
>
</el-form-item>
<el-form-item label="热门" :label-width="formLabelWidth">
<el-switch
v-model="form.hot"
active-color="#13ce66"
inactive-color="#ff4949"
>
</el-switch>
</el-form-item>
<el-form-item label="推荐" :label-width="formLabelWidth">
<el-switch
v-model="form.recommend"
active-color="#13ce66"
inactive-color="#ff4949"
>
</el-switch>
</el-form-item>
<el-form-item label="状态" :label-width="formLabelWidth">
<el-radio-group v-model="form.status">
<el-radio :label="0">筹备中</el-radio>
<el-radio :label="1">报名中</el-radio>
<el-radio :label="2">报名结束</el-radio>
<el-radio :label="3">已完成</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="报名开始时间" :label-width="formLabelWidth">
<el-date-picker
:picker-options="pickerOptions"
style="width: 370px"
v-model="form.applyStartTime"
type="datetime"
placeholder="选择报名开始时间"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
<el-form-item label="报名结束时间" :label-width="formLabelWidth">
<el-date-picker
:picker-options="pickerOptions"
style="width: 370px"
v-model="form.applyEndTime"
type="datetime"
placeholder="选择报名结束时间"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
<el-form-item label="活动开始时间" :label-width="formLabelWidth">
<el-date-picker
:picker-options="pickerOptions"
style="width: 370px"
v-model="form.activityStartTime"
type="datetime"
placeholder="选择活动开始时间"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
<el-form-item label="活动结束时间" :label-width="formLabelWidth">
<el-date-picker
:picker-options="pickerOptions"
style="width: 370px"
v-model="form.activityEndTime"
type="datetime"
placeholder="选择活动结束时间"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
<el-form-item label="地址" :label-width="formLabelWidth">
<el-input v-model="form.address" style="width: 370px" />
</el-form-item>
<el-form-item label="经纬度" :label-width="formLabelWidth">
<!-- <el-input v-model="form.longitude" style="width: 370px;" /> -->
<el-input v-model="lnglat" style="width: 370px">
<el-button slot="append" type="primary" @click="toMap"
>打开地图</el-button
>
</el-input>
<el-drawer
:append-to-body="true"
title=""
:visible.sync="mapVisible"
:with-header="false"
size="60%"
>
<div id="map" style="width: 100%; height: 100%"></div>
</el-drawer>
</el-form-item>
<!-- <el-form-item label="纬度" :label-width="formLabelWidth">
<el-input v-model="form.latitude" style="width: 370px;" />
</el-form-item> -->
<el-form-item label="人数限制" :label-width="formLabelWidth">
<el-input-number v-model="form.limit" :min="1"></el-input-number>
</el-form-item>
<el-form-item label="描述" :label-width="formLabelWidth">
<el-input
type="textarea"
autosize
v-model="form.desc"
style="width: 370px"
></el-input>
</el-form-item>
<el-form-item label="内容" :label-width="formLabelWidth">
<!-- <el-input type="textarea" autosize v-model="form.content" style="width: 370px;"></el-input> -->
<ueditor-wrap
v-model="form.content"
:config="myConfig"
@beforeInit="addCustomDialog"
style="width: 90%"
></ueditor-wrap>
</el-form-item>
<!-- <el-form-item label="浏览次数" :label-width="formLabelWidth">
<el-input v-model="form.visitTimes" style="width: 370px;" />
</el-form-item>
<el-form-item label="喜欢次数" :label-width="formLabelWidth">
<el-input v-model="form.likeTimes" style="width: 370px;" />
</el-form-item>
<el-form-item label="分享次数" :label-width="formLabelWidth">
<el-input v-model="form.shareTimes" style="width: 370px;" />
</el-form-item>
<el-form-item label="收藏次数" :label-width="formLabelWidth">
<el-input v-model="form.collectTimes" style="width: 370px;" />
</el-form-item>
<el-form-item label="标签" :label-width="formLabelWidth">
<el-input v-model="form.flag" style="width: 370px;" />
</el-form-item>
<el-form-item label="phone" :label-width="formLabelWidth">
<el-input v-model="form.phone" style="width: 370px;" />
</el-form-item>
<el-form-item label="contact" :label-width="formLabelWidth">
<el-input v-model="form.contact" 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-column type="selection" width="55" />
<el-table-column
v-if="columns.visible('name')"
prop="name"
label="活动名称"
align="center"
/>
<el-table-column
v-if="columns.visible('images')"
prop="images"
label="活动图片"
align="center"
>
<template slot-scope="scope">
<a
v-if="scope.row.images !== null"
:href="scope.row.images"
style="color: #42b983"
target="_blank"
><img :src="scope.row.images" alt="点击打开" class="el-avatar"
/></a>
<a
v-if="scope.row.images == null"
href="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2694643916,1778468996&fm=11&gp=0.jpg"
style="color: #42b983"
target="_blank"
><img
src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2694643916,1778468996&fm=11&gp=0.jpg"
alt="点击打开"
class="el-avatar"
/></a>
</template>
</el-table-column>
<!-- <el-table-column v-if="columns.visible('cateId')" prop="cateId" label="cateId" align="center" /> -->
<el-table-column
v-if="columns.visible('price')"
prop="price"
label="价格(元)"
align="center"
/>
<el-table-column
v-if="columns.visible('status')"
prop="status"
label="状态"
align="center"
>
<template slot-scope="scope">
<span v-if="scope.row.status == 0">{{ "筹备中" }}</span>
<span v-if="scope.row.status == 1">{{ "报名中" }}</span>
<span v-if="scope.row.status == 2">{{ "报名结束" }}</span>
<span v-if="scope.row.status == 3">{{ "已完成" }}</span>
</template>
</el-table-column>
<el-table-column
v-if="columns.visible('activityStartTime')"
prop="activityStartTime"
label="活动开始时间"
align="center"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.activityStartTime) }}</span>
</template>
</el-table-column>
<el-table-column
v-if="columns.visible('activityEndTime')"
prop="activityEndTime"
label="活动结束时间"
align="center"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.activityEndTime) }}</span>
</template>
</el-table-column>
<el-table-column
v-if="columns.visible('applyStartTime')"
prop="applyStartTime"
label="报名开始时间"
align="center"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.applyStartTime) }}</span>
</template>
</el-table-column>
<el-table-column
v-if="columns.visible('applyEndTime')"
prop="applyEndTime"
label="报名结束时间"
align="center"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.applyEndTime) }}</span>
</template>
</el-table-column>
<el-table-column
v-if="columns.visible('address')"
prop="address"
label="地址"
align="center"
>
<template slot-scope="scope">
<span>{{ scope.row.address }}</span>
</template>
</el-table-column>
<el-table-column
v-if="columns.visible('limit')"
prop="limit"
label="人数限制"
align="center"
/>
<!-- <el-table-column v-if="columns.visible('createTime')" prop="createTime" label="createTime">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column> -->
<el-table-column
v-permission="['admin', 'activity:edit', 'activity:del']"
label="操作"
width="150px"
align="center"
>
<template slot-scope="scope">
<udOperation :data="scope.row" :permission="permission" />
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
import crudActivity from "@/api/activity";
import { add, adds, activityFlag, posts } from "@/api/ActiveInterface";
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";
import singlePic from "@/components/singlematerial";
import UeditorWrap from "vue-ueditor-wrap";
// crudpresenter
const defaultCrud = CRUD({
title: "活动",
url: "api/activity",
sort: "id,desc",
crudMethod: { ...crudActivity },
});
const defaultForm = {
id: null,
name: null,
cateId: null,
images: "",
price: null,
status: 0,
activityStartTime: null,
activityEndTime: null,
applyStartTime: null,
applyEndTime: null,
address: "",
limit: 1,
desc: null,
content: null,
visitTimes: null,
likeTimes: null,
shareTimes: null,
collectTimes: null,
createTime: null,
updateTime: null,
flag: "",
phone: null,
contact: null,
hot: false,
recommend: false,
longitude: "",
latitude: "",
};
let map = null;
export default {
name: "Activity",
components: {
pagination,
crudOperation,
rrOperation,
udOperation,
MaterialList,
singlePic,
UeditorWrap,
},
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud()],
dicts: ["is_enable"],
data() {
return {
pickerOptions: {
disabledDate(date) {
//disabledDate Boolean
return date.getTime() <= Date.now();
},
},
// position:[116.473179,39.993169],
lnglat: "",
mapVisible: false,
dynamicTags: [],
inputVisible: false,
inputValue: "",
formLabelWidth: "120px",
activityId: null,
option: [],
permission: {
add: ["activity:add"],
edit: ["activity:edit"],
del: ["activity:del"],
},
myConfig: {
autoHeightEnabled: false, //
initialFrameHeight: 400, //
initialFrameWidth: "100%", //
UEDITOR_HOME_URL: "/UEditor/",
serverUrl: "",
},
rules: {},
};
},
watch: {},
created() {
this.classification();
this.activityFlags();
},
methods: {
//
[CRUD.HOOK.beforeRefresh]() {
return true;
}, //
[CRUD.HOOK.afterToCU](crud, form) {
this.lnglat = form.longitude + "," + form.latitude;
this.form.flag = this.dynamicTags.toString();
},
// [CRUD.HOOK.beforeToAdd](crud, form) {
// console.log(form)
// this.$router.push({
// path:'/activitys/activitys/form',
// })
// },
// [CRUD.HOOK. beforeToEdit](crud, form) {
// console.log(form)
// this.$router.push({
// path:'/activitys/activitys/form',
// query:{rows:form}
// })
// },
toquer() {
let plams = {
page: 0,
size: 10,
sort: "id,desc",
activity_id: this.activityId,
};
add(plams).then((res) => {
console.log(res, "是否有数据");
});
// console.log(this.activityId)
},
classification() {
let plams = {
page: 0,
size: 100,
sort: "id,desc",
};
adds(plams).then((res) => {
console.log(res);
this.option = res.content;
});
},
activityFlags() {
this.dynamicTags = [];
let plams = {
page: 0,
size: 100,
sort: "id,desc",
};
activityFlag(plams).then((res) => {
res.content.forEach((item) => {
this.dynamicTags.push(item.name);
});
console.log(res);
});
},
addCustomDialog() {
console.log("上传图片");
window.UE.registerUI(
"yshop",
function (editor, uiName) {
let dialog = new window.UE.ui.Dialog({
iframeUrl: "#/yshop/materia/index",
editor: editor,
name: uiName,
title: "上传图片",
cssRules: "width:1200px;height:500px;padding:20px;",
});
this.dialog = dialog;
var btn = new window.UE.ui.Button({
name: "dialog-button",
title: "上传图片",
cssRules: `background-image: url(../../../assets/images/icons.png);background-position: -726px -77px;z-index:9999`,
onclick: function () {
dialog.render();
dialog.open();
},
});
return btn;
},
37
);
},
handleClose(tag) {
console.log("1");
this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
console.log(this.flag);
},
showInput() {
console.log("2");
this.inputVisible = true;
this.$nextTick((_) => {
this.$refs.saveTagInput.$refs.input.focus();
});
console.log(this.dynamicTags, "多少");
},
handleInputConfirm(val) {
this.form.flag = this.dynamicTags.toString();
// let plam = {
// name:this.dynamicTags.pop
// }
console.log(val);
if (val == 1) {
console.log(this.dynamicTags, "数据");
} else if (val == 2) {
console.log(this.dynamicTags, "测试数据");
let plame = {
name: this.dynamicTags[this.dynamicTags.length - 1],
};
posts(plame).then((res) => {
console.log(res);
});
}
let inputValue = this.inputValue;
if (inputValue) {
this.dynamicTags.push(inputValue);
}
this.inputVisible = false;
this.inputValue = "";
},
// fomrt(val){
// console.log(val,'')
// this.position = [114.31667,30.51667]
// console.log(this.position)
// }
getMap() {
let _this = this;
//
map = new AMap.Map("map", {
//mapStyle: 'amap://styles/grey',
zoom: 13,
center: [114.31667, 30.51667],
});
//
map.on("click", showInfoClick);
function showInfoClick(e) {
map.clearMap(); //
let lng = e.lnglat.getLng(); //
let lat = e.lnglat.getLat(); //
//marker
let marker = new AMap.Marker({
position: [lng, lat],
offset: new AMap.Pixel(-13, -30),
});
_this.lnglat = lng + "," + lat; //input
map.add(marker); //
map.setFitView(); //
console.log(_this.lnglat.split(","), "经纬度");
_this.form.longitude = _this.lnglat.split(",")[0];
_this.form.latitude = _this.lnglat.split(",")[1];
}
},
//
toMap() {
this.mapVisible = true;
setTimeout(() => {
//
this.getMap();
}, 0);
},
},
};
</script>
<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;
}
.el-tag + .el-tag {
margin-left: 10px;
}
.button-new-tag {
margin-left: 10px;
height: 32px;
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
}
.input-new-tag {
width: 90px;
margin-left: 10px;
vertical-align: bottom;
}
</style>

330
src/views/activitys/activitys/order.vue

@ -0,0 +1,330 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表单组件-->
<el-dialog
:close-on-click-modal="false"
:before-close="crud.cancelCU"
:visible.sync="crud.status.cu > 0"
:title="crud.status.title"
width="600px"
>
<el-form
ref="form"
:model="form"
:rules="rules"
size="small"
label-width="80px"
>
<el-form-item label="活动ID" :label-width="formLabelWidth">
<el-input v-model="form.activityId" style="width: 370px" />
</el-form-item>
<el-form-item label="订单金额" :label-width="formLabelWidth">
<el-input v-model="form.amount" style="width: 370px" />
</el-form-item>
<el-form-item label="优惠券id" :label-width="formLabelWidth">
<el-input v-model="form.couponId" style="width: 370px" />
</el-form-item>
<el-form-item label="优惠券金额" :label-width="formLabelWidth">
<el-input v-model="form.couponAmount" style="width: 370px" />
</el-form-item>
<el-form-item label="支付状态" :label-width="formLabelWidth">
<el-input v-model="form.paid" style="width: 370px" />
</el-form-item>
<el-form-item label="退款金额" :label-width="formLabelWidth">
<el-input v-model="form.refundAmount" style="width: 370px" />
</el-form-item>
<el-form-item label="状态" :label-width="formLabelWidth">
<el-input v-model="form.status" style="width: 370px" />
</el-form-item>
<el-form-item label="支付人名字" :label-width="formLabelWidth">
<el-input v-model="form.name" style="width: 370px" />
</el-form-item>
<el-form-item label="支付人电话" :label-width="formLabelWidth">
<el-input v-model="form.phone" style="width: 370px" />
</el-form-item>
<el-form-item label="数量" :label-width="formLabelWidth">
<el-input v-model="form.num" 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-column type="selection" width="55" />
<el-table-column
v-if="columns.visible('activityId')"
prop="activityId"
label="活动ID"
align="center"
/>
<el-table-column
v-if="columns.visible('name')"
prop="name"
label="参与人名称"
align="center"
/>
<el-table-column
v-if="columns.visible('phone')"
prop="phone"
label="联系电话"
align="center"
>
<template slot-scope="scope">
<span v-if="scope.row.phone == ''">{{ "暂无" }}</span>
<span v-if="scope.row.phone !== ''">{{ scope.row.phone }}</span>
</template>
</el-table-column>
<el-table-column
v-if="columns.visible('amount')"
prop="amount"
label="订单金额"
align="center"
/>
<!-- <el-table-column v-if="columns.visible('couponId')" prop="couponId" label="优惠券id" align="center" />
<el-table-column v-if="columns.visible('couponAmount')" prop="couponAmount" label="优惠券金额" align="center" /> -->
<el-table-column
v-if="columns.visible('paid')"
prop="paid"
label="支付状态"
align="center"
>
<template slot-scope="scope">
<span v-if="scope.row.paid == 0">{{ "未支付" }}</span>
<span v-if="scope.row.paid == 1">{{ "已支付" }}</span>
</template>
</el-table-column>
<!-- <el-table-column v-if="columns.visible('refundAmount')" prop="refundAmount" label="退款金额" align="center" /> -->
<el-table-column
v-if="columns.visible('status')"
prop="status"
label="订单状态"
align="center"
>
<template slot-scope="scope">
<span v-if="scope.row.status == 0">{{ "等待付款" }}</span>
<span v-if="scope.row.status == 1">{{ "付款成功" }}</span>
<span v-if="scope.row.status == 2">{{ "已经核销" }}</span>
<span v-if="scope.row.status == 3">{{ "已评价" }}</span>
<span v-if="scope.row.status == -1">{{ "订单取消" }}</span>
<span v-if="scope.row.status == -2">{{ "订单退款申请中" }}</span>
<span v-if="scope.row.status == -3">{{ "订单已退款完成" }}</span>
</template>
</el-table-column>
<el-table-column
v-if="columns.visible('num')"
prop="num"
label="数量"
align="center"
/>
<el-table-column
v-permission="['admin', 'activityOrder:edit', 'activityOrder:del']"
label="操作"
width="100px"
align="center"
>
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
:disabled="scope.row.status !== -2"
@click="refunds(scope.row)"
style="float: right"
>
退款审核</el-button
>
<udOperation :data="scope.row" :permission="permission" />
</template>
</el-table-column>
</el-table>
<el-dialog
title="退款审核信息"
:visible.sync="dialogFormVisible"
width="700px"
>
<el-form :model="formEs">
<el-form-item label="订单ID" :label-width="formLabelWidth">
<el-input
v-model="formEs.id"
:disabled="true"
style="width: 370px"
></el-input>
</el-form-item>
<el-form-item label="审核信息" :label-width="formLabelWidth">
<el-input
type="textarea"
v-model="formEs.failmsg"
style="width: 370px"
></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="approvedNo">审核不通过</el-button>
<el-button type="primary" @click="approved">审核通过</el-button>
</div>
</el-dialog>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
import crudActivityOrder from "@/api/activityOrder";
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";
import { orderRefund } from "@/api/yxStoreOrder";
// crudpresenter
const defaultCrud = CRUD({
title: "活动订单",
url: "api/activityOrder",
sort: "id,desc",
crudMethod: { ...crudActivityOrder },
});
const defaultForm = {
id: null,
orderCode: null,
uid: null,
activityId: null,
amount: null,
couponId: null,
couponAmount: null,
paid: null,
refundAmount: null,
status: null,
name: null,
phone: null,
num: null,
};
export default {
inject: ["reload"],
name: "ActivityOrder",
components: {
pagination,
crudOperation,
rrOperation,
udOperation,
MaterialList,
},
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud()],
data() {
return {
formEs: {
failmsg: "",
id: null,
status: true,
},
dialogFormVisible: false,
formLabelWidth: "120px",
permission: {
add: ["activityOrder:add"],
edit: ["activityOrder:edit"],
del: ["activityOrder:del"],
},
rules: {},
};
},
watch: {},
methods: {
//
[CRUD.HOOK.beforeRefresh]() {
return true;
}, //
[CRUD.HOOK.afterToCU](crud, form) {},
refunds(row) {
console.log(row);
this.formEs.id = row.id;
this.dialogFormVisible = true;
},
approvedNo() {
if(this.formEs.failmsg == ''){
this.$notify.error({
message: '请填写审核信息!'
});
return
}
this.formEs.status = false;
orderRefund(this.formEs).then((res) => {
this.reload();
this.dialogFormVisible = true;
this.$notify({
message: res.data,
type: "success",
});
// if(res.status ==200){
// this.$notify({
// message:res.msg,
// type: 'success'
// });
// }else if(res.status ==500){
// this.$notify.error({
// message: res.msg
// });
// }
});
},
approved() {
this.formEs.status = true;
orderRefund(this.formEs).then((res) => {
console.log(res, "审核状态");
this.reload();
this.dialogFormVisible = true;
this.$notify({
message: res.msg,
type: "success",
});
// if(res.status ==200){
// this.$notify({
// message:res.msg,
// type: 'success'
// });
// }else if(res.status ==500){
// this.$notify.error({
// });
// }
});
},
},
};
</script>
<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>

171
src/views/activitys/activitys/publisher.vue

@ -0,0 +1,171 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="600px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="发布者名字" :label-width="widhts">
<el-input v-model="form.name" style="width: 370px;" />
</el-form-item>
<!-- <el-form-item label="content">
<el-input v-model="form.content" style="width: 370px;" />
</el-form-item> -->
<!-- <el-form-item label="webSite">
<el-input v-model="form.webSite" style="width: 370px;" />
</el-form-item> -->
<el-form-item label="发布者手机号" :label-width="widhts">
<el-input v-model="form.phone" style="width: 370px;" />
</el-form-item>
<el-form-item label="核销管理员" :label-width="widhts">
<el-select v-model="form.uid" placeholder="请选择发布者管理员" style="width: 370px;">
<el-option
v-for="(item,index) in options"
:key="index"
:label="item.nickname"
:value="item.uid">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="发布者头像" :label-width="widhts">
<!-- <el-input v-model="form.image" style="width: 370px;" /> -->
<single-pic
v-model="form.image"
type="image"
:num="1"
:width="150"
:height="150"
/>
</el-form-item>
<el-form-item label="发布状态" :label-width="widhts">
<!-- <el-input v-model="form.status" style="width: 370px;" /> -->
<el-radio-group v-model="form.status">
<el-radio :label="0">不发布</el-radio>
<el-radio :label="1">发布</el-radio>
</el-radio-group>
</el-form-item>
<!-- <el-form-item label="contact">
<el-input v-model="form.contact" 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-column type="selection" width="55" />
<el-table-column v-if="columns.visible('id')" prop="id" label="id" align="center" />
<el-table-column v-if="columns.visible('uid')" prop="uid" label="uid" />
<el-table-column v-if="columns.visible('name')" prop="name" label="发布者名字" align="center" />
<!-- <el-table-column v-if="columns.visible('webSite')" prop="webSite" label="webSite" /> -->
<el-table-column v-if="columns.visible('phone')" prop="phone" label="发布者手机号" align="center" />
<el-table-column v-if="columns.visible('image')" prop="image" label="发布者头像" align="center" >
<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 v-if="columns.visible('status')" prop="status" label="发布状态" align="center" >
<template slot-scope="scope">
<span v-if="scope.row.status ==0">{{'未发布'}}</span>
<span v-if="scope.row.status ==1">{{'已发布'}}</span>
</template>
</el-table-column>
<!-- <el-table-column v-if="columns.visible('contact')" prop="contact" label="contact" /> -->
<el-table-column v-permission="['admin','activityPublisher:edit','activityPublisher:del']" label="操作" width="150px" align="center">
<template slot-scope="scope">
<udOperation
:data="scope.row"
:permission="permission"
/>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
import crudActivityPublisher from '@/api/activityPublisher'
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";
import singlePic from "@/components/singlematerial";
import {gets} from '@/api/publisher'
// crudpresenter
const defaultCrud = CRUD({ title: '活动发布', url: 'api/activityPublisher', sort: 'id,desc', crudMethod: { ...crudActivityPublisher }})
const defaultForm = { id: null, uid: null, name: null, desc: null, content: null, webSite: null, phone: null, image: '', status: 0, contact: null, createTime: null, updateTime: null, isDel: null }
export default {
name: 'ActivityPublisher',
components: { pagination, crudOperation, rrOperation, udOperation ,MaterialList,singlePic},
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud()],
dicts: ['is_enable'],
data() {
return {
options: [],
widhts:'120px',
permission: {
add: [ 'activityPublisher:add'],
edit: ['activityPublisher:edit'],
del: [ 'activityPublisher:del']
},
rules: {
name: [
{ required: true, message: '不能为空', trigger: 'blur' }
]
} }
},
watch: {
},
methods: {
//
[CRUD.HOOK.beforeRefresh]() {
return true
}, //
[CRUD.HOOK.afterToCU](crud, form) {
this.publishers()
},
publishers(){
let plams = {
page: 0,
size: 500,
sort: 'uid,desc'
}
gets(plams).then(res=>{
console.log(res.content)
this.options = res.content
})
}
}
}
</script>
<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>

122
src/views/information/articleCatetory.vue

@ -0,0 +1,122 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表单组件-->
<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" prop="id">
<el-input v-model="form.id" style="width: 370px;" />
</el-form-item>
<el-form-item label="分类名称">
<el-input v-model="form.name" style="width: 370px;" />
</el-form-item>
<el-form-item label="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-column type="selection" width="55" />
<el-table-column v-if="columns.visible('id')" prop="id" label="id" />
<el-table-column v-if="columns.visible('name')" prop="name" label="分类名称" />
<el-table-column v-if="columns.visible('createTime')" prop="createTime" label="createTime">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column v-if="columns.visible('updateTime')" prop="updateTime" label="updateTime">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span>
</template>
</el-table-column>
<el-table-column v-if="columns.visible('isDel')" prop="isDel" label="isDel" />
<el-table-column v-permission="['admin','articleCatetory:edit','articleCatetory:del']" label="操作" width="150px" align="center">
<template slot-scope="scope">
<udOperation
:data="scope.row"
:permission="permission"
/>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
import crudArticleCatetory from '@/api/articleCatetory'
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";
// crudpresenter
const defaultCrud = CRUD({ title: '资讯分类', url: 'api/articleCatetory', sort: 'id,desc', crudMethod: { ...crudArticleCatetory }})
const defaultForm = { id: null, name: null, createTime: null, updateTime: null, isDel: null }
export default {
name: 'ArticleCatetory',
components: { pagination, crudOperation, rrOperation, udOperation ,MaterialList},
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud()],
data() {
return {
permission: {
add: ['admin', 'articleCatetory:add'],
edit: ['admin', 'articleCatetory:edit'],
del: ['admin', 'articleCatetory:del']
},
rules: {
id: [
{ required: true, message: '不能为空', trigger: 'blur' }
]
} }
},
watch: {
},
methods: {
//
[CRUD.HOOK.beforeRefresh]() {
return true
}, //
[CRUD.HOOK.afterToCU](crud, form) {
},
}
}
</script>
<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>

315
src/views/information/form.vue

@ -0,0 +1,315 @@
<template>
<div class="app-container">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="标题">
<el-input v-model="form.title" style="width: 370px;" />
</el-form-item>
<!-- <el-form-item label="作者">
<el-input v-model="form.author" style="width: 370px;" />
</el-form-item> -->
<el-form-item label="发布者">
<el-select v-model="form.authorId" placeholder="请选择发布者">
<el-option
v-for="item in authorList"
:key="item.id"
:label="item.enterpriseName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="封面">
<MaterialList v-model="form.imageArr" type="image" :num="1" :width="350" :height="115" />
</el-form-item>
<el-form-item label="资讯分类">
<el-select v-model="form.cid" placeholder="请选择资讯分类">
<el-option
v-for="item in articleCatetoryList"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="收费类型" prop="chargeType">
<el-radio-group v-model="form.chargeType">
<el-radio :label="0">免费</el-radio>
<el-radio :label="1">收费</el-radio>
<el-radio :label="2">积分兑换</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="form.chargeType == 1 ? '文章费用' : '所需积分'" prop="courseCharge" v-if="form.chargeType == 1 || form.chargeType == 2">
<el-input v-model="form.articleCharge" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"
maxlength="6" style="width: 370px;" />
</el-form-item>
<el-form-item label="文章等级">
<el-input-number v-model="form.level" :min="1" label="文章等级"></el-input-number>
</el-form-item>
<el-form-item label="音频">
<fileUpload v-model="form.audio" @input="audioInput" @change="audioChange"></fileUpload>
</el-form-item>
<el-form-item label="视频">
<fileUpload v-model="form.video" @input="videoInput" @change="videoChange"></fileUpload>
</el-form-item>
<el-form-item label="简介">
<el-input v-model="form.synopsis" style="width: 370px;" rows="5" type="textarea" />
</el-form-item> -->
<el-form-item label="正文">
<!--<editor v-model="form.content" />-->
<ueditor-wrap v-model="form.content" :config="myConfig" @beforeInit="addCustomDialog" style="width: 90%;"></ueditor-wrap>
</el-form-item>
<el-form-item>
<!--<el-button type="text" @click="cancel">取消</el-button>-->
<el-button :loading="loading" type="primary" @click="doSubmit">保存</el-button>
</el-form-item>
</el-form>
<!--<div slot="footer" class="dialog-footer">-->
<!--<el-button type="text" @click="cancel">取消</el-button>-->
<!--<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>-->
<!--</div>-->
</div>
</template>
<script>
import { add, edit, get, getAuthor, getArticleCatetory } from '@/api/yxArticle'
import picUpload from '@/components/pic-upload'
import editor from '../components/Editor'
import yamedit from '@/components/YamlEdit'
import MaterialList from '@/components/material'
import UeditorWrap from 'vue-ueditor-wrap';
import fileUpload from '@/components/file-upload';
import { initData } from '@/api/data'
export default {
components: { editor, picUpload, yamedit, MaterialList, UeditorWrap,fileUpload },
// props: {
// isAdd: {
// type: Boolean,
// required: true
// }
// },
data() {
return {
loading: false, dialog: false,
form: {
id: '',
cids: [],
cid: '',
categoryId:'',
chargeType:0,
articleCharge:'',
level:'',
title: '',
author: '',
imageInput: '',
imageArr: [],
synopsis: '',
content: '',
shareTitle: '',
shareSynopsis: '',
visit: '',
sort: '',
url: '',
status: '',
addTime: '',
hide: '',
merId: '',
productId: '',
isHot: '',
isBanner: ''
},
rules: {
},
myConfig: {
autoHeightEnabled: false, //
initialFrameHeight: 500, //
initialFrameWidth: '100%', //
UEDITOR_HOME_URL: '/UEditor/',
serverUrl: ''
},
categoryList:[],
authorList: [],
articleCatetoryList: []
}
},
watch: {
},
created() {
// this.getCategory();
this.getArticleCatetory();
this.getAuthor()
this.form.id = this.$route.params.id
this.$nextTick(() => {
//this.init()
if(this.form.id){
get(this.form.id).then(data => {
this.form = data
this.form.imageArr = [data.imageInput]
})
}
})
},
methods: {
getArticleCatetory(){
getArticleCatetory().then((res)=>{
this.articleCatetoryList = res
})
},
getAuthor(){
getAuthor().then((res)=>{
this.authorList = res
})
},
audioInput(file){
this.form.audio = file;
// console.log('file',file)
},
audioChange(file){
this.form.audio = '';
// console.log('remove',file)
},
videoInput(file){
this.form.video = file;
// console.log('file',file)
},
videoChange(file){
this.form.video = '';
// console.log('remove',file)
},
// getCategory(){
// initData('/api/CourseCategory',this.getQueryParams()).then((res)=>{
// // console.log(res)
// res.content.forEach((item)=>{
// item.label = item.categoryName
// item.value = item.id
// item.children = item.categoryList
// item.categoryList.forEach((child)=>{
// child.label = child.categoryName
// child.value = child.id
// child.children = child.categoryList
// })
// })
// this.categoryList = res.content
// })
// },
getQueryParams: function() {
return {
page: 0,
size: 200,
sort: ['id,desc'],
}
},
handleChange(value){
this.form.cids = value;
},
addCustomDialog () {
window.UE.registerUI('yshop', function (editor, uiName) {
let dialog = new window.UE.ui.Dialog({
iframeUrl: '/yshop/materia/index',
editor: editor,
name: uiName,
title: '上传图片',
cssRules: 'width:1200px;height:500px;padding:20px;'
});
this.dialog = dialog;
var btn = new window.UE.ui.Button({
name: 'dialog-button',
title: '上传图片',
cssRules: `background-image: url(../../../assets/images/icons.png);background-position: -726px -77px;`,
onclick: function () {
dialog.render();
dialog.open();
}
});
return btn;
}, 37);
},
cancel() {
this.resetForm()
},
doSubmit() {
this.loading = true
if(this.form.imageArr.length > 0){
this.form.imageInput = this.form.imageArr.join(',')
}else{
this.form.imageInput = ''
}
if (!this.form.id) {
this.doAdd()
} else this.doEdit()
},
doAdd() {
add(this.form).then(res => {
this.resetForm()
this.$notify({
title: '添加成功',
type: 'success',
duration: 2500
})
this.loading = false
// this.$parent.init()
setTimeout(() => {
this.$router.push({ path: '/wechat/wearticle' });
}, 500);
}).catch(err => {
this.loading = false
console.log(err.response.data.message)
})
},
doEdit() {
edit(this.form).then(res => {
this.resetForm()
this.$notify({
title: '修改成功',
type: 'success',
duration: 2500
})
this.loading = false
// this.$parent.init()
setTimeout(() => {
this.$router.push({ path: '/article/index' });
}, 500);
}).catch(err => {
this.loading = false
console.log(err.response.data.message)
})
},
resetForm() {
this.dialog = false
this.$refs['form'].resetFields()
this.form = {
id: '',
cids: [],
chargeType:0,
categoryId:'',
articleCharge:'',
level:'',
title: '',
author: '',
imageInput: '',
synopsis: '',
shareTitle: '',
shareSynopsis: '',
visit: '',
sort: '',
url: '',
status: '',
addTime: '',
hide: '',
adminId: '',
merId: '',
productId: '',
isHot: '',
isBanner: ''
}
}
}
}
</script>
<style scoped>
</style>

183
src/views/information/formbak.vue

@ -0,0 +1,183 @@
<template>
<el-dialog :append-to-body="true" :close-on-click-modal="false" :before-close="cancel" :visible.sync="dialog" :title="isAdd ? '新增' : '编辑'" width="1000px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="标题">
<el-input v-model="form.title" style="width: 370px;" />
</el-form-item>
<el-form-item label="作者">
<el-input v-model="form.author" style="width: 370px;" />
</el-form-item>
<el-form-item label="封面">
<MaterialList v-model="form.imageArr" style="width: 370px" type="image" :num="1" :width="150" :height="150" />
</el-form-item>
<el-form-item label="简介">
<el-input v-model="form.synopsis" style="width: 370px;" rows="5" type="textarea" />
</el-form-item>
<el-form-item label="正文">
<!--<editor v-model="form.content" />-->
<ueditor-wrap v-model="form.content" :config="myConfig" @beforeInit="addCustomDialog" style="width: 90%;"></ueditor-wrap>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="cancel">取消</el-button>
<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
</div>
</el-dialog>
</template>
<script>
import { add, edit } from '@/api/yxArticle'
import picUpload from '@/components/pic-upload'
import editor from '../components/Editor'
import yamedit from '@/components/YamlEdit'
import MaterialList from '@/components/material'
import UeditorWrap from 'vue-ueditor-wrap';
export default {
components: { editor, picUpload, yamedit, MaterialList, UeditorWrap },
props: {
isAdd: {
type: Boolean,
required: true
}
},
data() {
return {
loading: false, dialog: false,
form: {
id: '',
cid: '',
title: '',
author: '',
imageInput: '',
imageArr: [],
synopsis: '',
content: '',
shareTitle: '',
shareSynopsis: '',
visit: '',
sort: '',
url: '',
status: '',
addTime: '',
hide: '',
merId: '',
productId: '',
isHot: '',
isBanner: ''
},
rules: {
},
myConfig: {
autoHeightEnabled: false, //
initialFrameHeight: 500, //
initialFrameWidth: '100%', //
UEDITOR_HOME_URL: '/UEditor/',
serverUrl: 'http://35.201.165.105:8000/controller.php'
}
}
},
watch: {
},
methods: {
addCustomDialog (editorId) {
window.UE.registerUI('test-dialog', function (editor, uiName) {
let dialog = new window.UE.ui.Dialog({
iframeUrl: '/admin/widget.images/index.html?fodder=dialog',
editor: editor,
name: uiName,
title: '上传图片',
cssRules: 'width:1200px;height:500px;padding:20px;'
});
this.dialog = dialog;
//
var btn = new window.UE.ui.Button({
name: 'dialog-button',
title: '上传图片',
cssRules: `background-image: url(../../../assets/images/icons.png);background-position: -726px -77px;`,
onclick: function () {
// dialog
dialog.render();
dialog.open();
}
});
return btn;
}, 37);
},
cancel() {
this.resetForm()
},
doSubmit() {
this.loading = true
if(this.form.imageArr.length > 0){
this.form.imageInput = this.form.imageArr.join(',')
}else{
this.form.imageInput = ''
}
if (this.isAdd) {
this.doAdd()
} else this.doEdit()
},
doAdd() {
add(this.form).then(res => {
this.resetForm()
this.$notify({
title: '添加成功',
type: 'success',
duration: 2500
})
this.loading = false
this.$parent.init()
}).catch(err => {
this.loading = false
console.log(err.response.data.message)
})
},
doEdit() {
edit(this.form).then(res => {
this.resetForm()
this.$notify({
title: '修改成功',
type: 'success',
duration: 2500
})
this.loading = false
this.$parent.init()
}).catch(err => {
this.loading = false
console.log(err.response.data.message)
})
},
resetForm() {
this.dialog = false
this.$refs['form'].resetFields()
this.form = {
id: '',
cid: '',
title: '',
author: '',
imageInput: '',
synopsis: '',
shareTitle: '',
shareSynopsis: '',
visit: '',
sort: '',
url: '',
status: '',
addTime: '',
hide: '',
adminId: '',
merId: '',
productId: '',
isHot: '',
isBanner: ''
}
}
}
}
</script>
<style scoped>
</style>

190
src/views/information/index.vue

@ -0,0 +1,190 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<!-- 新增 -->
<div style="display: inline-block;margin: 0px 2px;">
<el-button
v-permission="['admin','YXARTICLE_ALL','YXARTICLE_CREATE']"
class="filter-item"
size="mini"
type="primary"
icon="el-icon-plus"
>
<router-link :to="'/information/form'">
新增
</router-link>
</el-button>
</div>
</div>
<!--表单组件-->
<!--<eForm ref="form" :is-add="isAdd" />-->
<!--表格渲染-->
<el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
<el-table-column prop="id" label="ID" />
<el-table-column prop="title" label="标题" />
<el-table-column prop="author" label="作者" />
<el-table-column ref="table" prop="imageInput" label="封面">
<template slot-scope="scope">
<a :href="scope.row.imageInput" style="color: #42b983" target="_blank"><img :src="scope.row.imageInput" alt="点击打开" class="el-avatar"></a>
</template>
</el-table-column>
<el-table-column :show-overflow-tooltip="true" prop="createTime" label="创建日期">
<template slot-scope="scope">
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
<el-table-column v-if="checkPermission(['admin','YXARTICLE_ALL','YXARTICLE_EDIT','YXARTICLE_DELETE'])" label="操作" width="220px" align="center">
<template slot-scope="scope">
<el-button v-permission="['admin','YXARTICLE_ALL','YXARTICLE_EDIT']" size="mini"
type="primary" icon="el-icon-edit"
>
<router-link :to="'/information/form/'+scope.row.id">
编辑
</router-link>
</el-button>
<el-popover
:ref="scope.row.id"
v-permission="['admin','YXARTICLE_ALL','YXARTICLE_DELETE']"
placement="top"
width="180"
>
<p>确定删除本条数据吗</p>
<div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="$refs[scope.row.id].doClose()">取消</el-button>
<el-button :loading="delLoading" type="primary" size="mini" @click="subDelete(scope.row.id)">确定</el-button>
</div>
<el-button slot="reference" type="danger" icon="el-icon-delete" size="mini" />
</el-popover>
<el-popover
:ref="'item'+scope.row.id"
v-permission="['admin','YXARTICLE_ALL','YXARTICLE_DELETE']"
placement="top"
width="180"
>
<p>确定发布本条数据吗</p>
<div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="$refs['item'+scope.row.id].doClose()">取消</el-button>
<el-button :loading="delLoading" type="primary" size="mini" @click="subPublish(scope.row.id)">确定</el-button>
</div>
<el-button slot="reference" type="primary" size="mini">发布</el-button>
</el-popover>
</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 checkPermission from '@/utils/permission'
import initData from '@/mixins/crud'
import { del, publish } from '@/api/yxArticle'
import eForm from './form'
import { formatTime } from '@/utils/index'
export default {
components: { eForm },
mixins: [initData],
data() {
return {
delLoading: false
}
},
created() {
this.$nextTick(() => {
this.init()
})
},
methods: {
formatTime,
checkPermission,
beforeInit() {
this.url = 'api/yxArticle'
const sort = 'id,desc'
this.params = { page: this.page, size: this.size, sort: sort }
return true
},
subDelete(id) {
this.delLoading = true
del(id).then(res => {
this.delLoading = false
this.$refs[id].doClose()
this.dleChangePage()
this.init()
this.$notify({
title: '删除成功',
type: 'success',
duration: 2500
})
}).catch(err => {
this.delLoading = false
this.$refs[id].doClose()
console.log(err.response.data.message)
})
},
subPublish(id) {
this.delLoading = true
publish(id).then(res => {
this.delLoading = false
this.$refs[id].doClose()
this.dleChangePage()
this.init()
this.$notify({
title: '发布成功',
type: 'success',
duration: 2500
})
}).catch(err => {
this.delLoading = false
this.$refs[id].doClose()
console.log(err.response.data.message)
})
},
add() {
this.isAdd = true
this.$refs.form.dialog = true
},
edit(data) {
this.isAdd = false
const _this = this.$refs.form
_this.form = {
id: data.id,
cid: data.cid,
title: data.level,
title: data.title,
author: data.author,
imageInput: data.imageInput,
imageArr: data.imageInput.split(','),
synopsis: data.synopsis,
content: data.content,
shareTitle: data.shareTitle,
shareSynopsis: data.shareSynopsis,
visit: data.visit,
sort: data.sort,
url: data.url,
status: data.status,
addTime: data.addTime,
hide: data.hide,
adminId: data.adminId,
merId: data.merId,
productId: data.productId,
isHot: data.isHot,
isBanner: data.isBanner
}
_this.dialog = true
}
}
}
</script>
<style scoped>
</style>

32
src/views/login.vue

@ -19,20 +19,20 @@
</div> --> </div> -->
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form">
<h3 class="title"> <h3 class="title">
禅易云生态后台管理系统-3.2 禅易云生态后台管理系统
</h3> </h3>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号"> <el-input v-model="loginForm.username" size="medium" type="text" auto-complete="off" placeholder="账号">
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码" @keyup.enter.native="handleLogin"> <el-input v-model="loginForm.password" size="medium" type="password" auto-complete="off" placeholder="密码" @keyup.enter.native="handleLogin">
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" /> <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code"> <el-form-item prop="code">
<el-input v-model="loginForm.code" auto-complete="off" placeholder="验证码" style="width: 63%" @keyup.enter.native="handleLogin"> <el-input v-model="loginForm.code" size="medium" auto-complete="off" placeholder="验证码" style="width: 63%" @keyup.enter.native="handleLogin">
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" /> <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
</el-input> </el-input>
<div class="login-code"> <div class="login-code">
@ -43,7 +43,7 @@
记住我 记住我
</el-checkbox> </el-checkbox>
<el-form-item style="width:100%;"> <el-form-item style="width:100%;">
<el-button :loading="loading" size="medium" type="primary" style="width:100%;" @click.native.prevent="handleLogin"> <el-button :loading="loading" size="medium" type="primary" style="width:100%;height:46px;border-radius:30px;font-size:22px;color:#fff;" @click.native.prevent="handleLogin">
<span v-if="!loading"> </span> <span v-if="!loading"> </span>
<span v-else> 中...</span> <span v-else> 中...</span>
</el-button> </el-button>
@ -161,9 +161,7 @@ export default {
<style rel="stylesheet/scss" lang="scss"> <style rel="stylesheet/scss" lang="scss">
.login { .login {
display: flex; width: 100%;
justify-content: center;
align-items: center;
height: 100%; height: 100%;
background-image:url("../assets/images/bg.png"); background-image:url("../assets/images/bg.png");
background-size: cover; background-size: cover;
@ -177,13 +175,17 @@ export default {
.login-form { .login-form {
border-radius: 6px; border-radius: 6px;
background: #ffffff; background: #ffffff;
width: 385px; padding: 40px 70px;
padding: 25px 25px 5px 25px; box-sizing: border-box;
.el-input { position: absolute;
height: 38px; right: 10%;
input { top: 50%;
height: 38px; transform: translateY(-50%);
} .title{
font-size: 28px;
font-weight: 600;
line-height: 48px;
color: #068AD6;
} }
.input-icon{ .input-icon{
height: 39px;width: 14px;margin-left: 2px; height: 39px;width: 14px;margin-left: 2px;

16
src/views/shop/demandHall/authentication.vue

@ -60,7 +60,7 @@
<el-table-column prop="bankBranch" label="开户网点" /> <el-table-column prop="bankBranch" label="开户网点" />
<el-table-column prop="legalPersonName" label="法人姓名" /> <el-table-column prop="legalPersonName" label="法人姓名" />
<el-table-column prop="legalPersonIdcard" label="身份证号" /> <el-table-column prop="legalPersonIdcard" label="身份证号" />
<el-table-column prop="idcardPicFront" label="身份证正面"> <!-- <el-table-column prop="idcardPicFront" label="身份证正面">
<template slot-scope="scope"> <template slot-scope="scope">
<a :href="scope.row.idcardPicFront" style="color: #42b983" target="_blank"> <a :href="scope.row.idcardPicFront" style="color: #42b983" target="_blank">
<img :src="scope.row.idcardPicFront" alt="点击打开" class="el-avatar2"> <img :src="scope.row.idcardPicFront" alt="点击打开" class="el-avatar2">
@ -80,16 +80,19 @@
<img :src="scope.row.idcardPicHold" alt="点击打开" class="el-avatar2"> <img :src="scope.row.idcardPicHold" alt="点击打开" class="el-avatar2">
</a> </a>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column prop="authenticationState" label="认证状态"> <el-table-column prop="authenticationState" label="认证状态">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.authenticationState == 0">未认证</span> <el-tag type="info" v-if="scope.row.authenticationState == 0">未认证</el-tag>
<span v-if="scope.row.authenticationState == 1">审核中</span> <el-tag type="" v-if="scope.row.authenticationState == 1">待审核</el-tag>
<span v-if="scope.row.authenticationState == 2">认证通过</span> <el-tag type="success" v-if="scope.row.authenticationState == 2">认证通过</el-tag>
<span v-if="scope.row.authenticationState == 3">认证失败</span> <el-tag type="danger" v-if="scope.row.authenticationState == 3">认证失败</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="reason" label="认证失败原因" width="100"> <el-table-column prop="reason" label="认证失败原因" width="100">
<template slot-scope="scope">
<span v-if="scope.row.authenticationState == 3">{{scope.row.reason}}</span>
</template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="150px" align="center"> <el-table-column label="操作" width="150px" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
@ -259,5 +262,6 @@ export default {
.el-avatar2{ .el-avatar2{
width: 58px; width: 58px;
height: 58px; height: 58px;
border-radius: 4px;
} }
</style> </style>

60
src/views/shop/goods/form.vue

@ -32,6 +32,11 @@
<el-input v-model="formValidate.store_info" type="textarea" :rows="3" placeholder="请输入商品简介" /> <el-input v-model="formValidate.store_info" type="textarea" :rows="3" placeholder="请输入商品简介" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24">
<el-form-item label="商品视频:" prop="video">
<single-video v-model="formValidate.video" type="video" :num="1" :width="320" :height="240" />
</el-form-item>
</el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="商品封面图:" prop="image"> <el-form-item label="商品封面图:" prop="image">
<single-pic v-model="formValidate.image" type="image" :num="1" :width="150" :height="150" /> <single-pic v-model="formValidate.image" type="image" :num="1" :width="150" :height="150" />
@ -177,11 +182,21 @@
</el-table> </el-table>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="12">
<el-form-item label="发布者" prop="mer_id">
<div class="acea-row">
<el-select v-model="merId" class="mr20">
<el-option v-for="(item,index) in memberList" :value="item.id" :key="item.id" :label="item.name">
</el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="运费模板:" prop="temp_id"> <el-form-item label="运费模板:" prop="temp_id">
<div class="acea-row"> <div class="acea-row">
<el-select v-model="formValidate.temp_id" class="mr20"> <el-select v-model="formValidate.temp_id" class="mr20">
<el-option v-for="(item,index) in templateList" :value="item.id" :key="index" :label="item.name"> <el-option v-for="(item,index) in templateList" :value="item.id" :key="item.id" :label="item.name">
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
@ -333,7 +348,7 @@
<script> <script>
import { getCates } from '@/api/yxStoreCategory' import { getCates } from '@/api/yxStoreCategory'
import { add, edit, getInfo, isFormatAttr } from '@/api/yxStoreProduct' import { add, edit, getInfo, isFormatAttr, getStore } from '@/api/yxStoreProduct'
import editor from '../../components/Editor' import editor from '../../components/Editor'
import picUpload from '@/components/pic-upload' import picUpload from '@/components/pic-upload'
import mulpicUpload from '@/components/mul-pic-upload' import mulpicUpload from '@/components/mul-pic-upload'
@ -341,9 +356,10 @@ import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css' import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import MaterialList from '@/components/material' import MaterialList from '@/components/material'
import singlePic from '@/components/singlematerial' import singlePic from '@/components/singlematerial'
import singleVideo from '@/components/singlevideo'
import UeditorWrap from 'vue-ueditor-wrap'; import UeditorWrap from 'vue-ueditor-wrap';
export default { export default {
components: { editor, picUpload, mulpicUpload, Treeselect, MaterialList, UeditorWrap, singlePic }, components: { editor, picUpload, mulpicUpload, Treeselect, MaterialList, UeditorWrap, singlePic, singleVideo },
data() { data() {
return { return {
spinShow: false, spinShow: false,
@ -401,6 +417,7 @@ export default {
keyword: '', keyword: '',
unit_name: '', unit_name: '',
store_info: '', store_info: '',
video: '',
image: '', image: '',
slider_image: [], slider_image: [],
description: '', description: '',
@ -417,7 +434,8 @@ export default {
is_sub: 0, is_sub: 0,
id: 0, id: 0,
spec_type: 0, spec_type: 0,
temp_id: '', temp_id: 1,
mer_id: 1,
attrs: [], attrs: [],
items: [ items: [
{ {
@ -491,19 +509,28 @@ export default {
selectRule: [ selectRule: [
{ required: true, message: '请选择商品规格属性', trigger: 'change' } { required: true, message: '请选择商品规格属性', trigger: 'change' }
], ],
// temp_id: [ temp_id: [
// { required: true, message: '', trigger: 'change', type: 'number' } { required: true, message: '请选择运费模板', trigger: 'change', type: 'number' }
// ] ]
}, },
attrs: [] attrs: [],
memberList: [],
merId:'',
} }
}, },
watch: { watch: {
'formValidate.video': function(val) {
console.log('vvvv:'+val)
if (val) {
this.oneFormValidate[0].video = val
console.log('bbbbbb:'+this.oneFormValidate[0].video)
}
},
'formValidate.image': function(val) { 'formValidate.image': function(val) {
console.log('aaaa:'+val) console.log('aaaa:'+val)
if (val) { if (val) {
this.oneFormValidate[0].pic = val this.oneFormValidate[0].pic = val
console.log('bbbbbb:'+this.oneFormValidate.pic) console.log('bbbbbb:'+this.oneFormValidate[0].pic)
} }
}, },
'form.sliderImageArr': function(val) { 'form.sliderImageArr': function(val) {
@ -514,8 +541,18 @@ export default {
}, },
mounted () { mounted () {
this.getInfo(); this.getInfo();
this.getStore()
}, },
methods: { methods: {
getStore(){
getStore().then((res)=>{
this.memberList = res
})
},
merChange(val){
this.formValidate.mer_id = val
console.log(val)
},
dataFilter(val){ dataFilter(val){
this.value=val this.value=val
if(val){ if(val){
@ -615,6 +652,7 @@ export default {
hash[next.value] ? '' : hash[next.value] = true && item.push(next); hash[next.value] ? '' : hash[next.value] = true && item.push(next);
return item return item
}, []) }, [])
console.log(this.attrs, 'this.attrs')
this.clearAttr(); this.clearAttr();
this.showIput = false; this.showIput = false;
this.createBnt = true; this.createBnt = true;
@ -650,6 +688,7 @@ export default {
let cate_id = parseInt(data.cate_id) || 0; let cate_id = parseInt(data.cate_id) || 0;
this.attrs = data.items || []; this.attrs = data.items || [];
that.formValidate = data; that.formValidate = data;
that.merId = data.merId == 0 ? 1 : data.merId + '';
that.formValidate.cate_id = cate_id; that.formValidate.cate_id = cate_id;
that.oneFormValidate = [data.attr]; that.oneFormValidate = [data.attr];
that.formValidate.header = []; that.formValidate.header = [];
@ -710,6 +749,7 @@ export default {
if(this.formValidate.spec_type === 1 && this.manyFormValidate.length===0){ if(this.formValidate.spec_type === 1 && this.manyFormValidate.length===0){
return this.$message.warning('请点击生成规格!'); return this.$message.warning('请点击生成规格!');
} }
this.formValidate.mer_id = this.merId
add(this.formValidate).then(async res => { add(this.formValidate).then(async res => {
this.$message({ this.$message({
message:'操作成功', message:'操作成功',

65
src/views/shop/goods/index.vue

@ -43,12 +43,22 @@
<a :href="scope.row.image" style="color: #42b983" target="_blank"><img :src="scope.row.image" alt="点击打开" class="el-avatar"></a> <a :href="scope.row.image" style="color: #42b983" target="_blank"><img :src="scope.row.image" alt="点击打开" class="el-avatar"></a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="storeDto.name" label="发布者" />
<el-table-column prop="storeName" label="商品名称" /> <el-table-column prop="storeName" label="商品名称" />
<!-- <el-table-column prop="storeCategory.cateName" label="分类名称" /> --> <!-- <el-table-column prop="storeCategory.cateName" label="分类名称" /> -->
<el-table-column prop="price" label="商品价格" /> <el-table-column prop="price" label="商品价格" />
<el-table-column prop="sales" label="销量" /> <el-table-column prop="sales" label="销量" />
<el-table-column prop="stock" label="库存" /> <el-table-column prop="stock" label="库存" />
<el-table-column label="状态" align="center"> <el-table-column label="审核状态" align="center">
<template slot-scope="scope">
<div>
<el-tag v-if="scope.row.status === 1" :type="''">审核通过</el-tag>
<el-tag v-if="scope.row.status === -1" style="cursor: pointer" type="danger">审核不通过</el-tag>
<el-tag v-if="scope.row.status === 0" style="cursor: pointer" type="info">等待审核</el-tag>
</div>
</template>
</el-table-column>
<el-table-column label="上架状态" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div @click="onSale(scope.row.id,scope.row.isShow)"> <div @click="onSale(scope.row.id,scope.row.isShow)">
<el-tag v-if="scope.row.isShow === 1" style="cursor: pointer" :type="''">已上架</el-tag> <el-tag v-if="scope.row.isShow === 1" style="cursor: pointer" :type="''">已上架</el-tag>
@ -78,9 +88,33 @@
</div> </div>
<el-button slot="reference" type="danger" icon="el-icon-delete" size="mini">删除</el-button> <el-button slot="reference" type="danger" icon="el-icon-delete" size="mini">删除</el-button>
</el-popover> </el-popover>
<el-button
size="mini"
type="primary"
icon="el-icon-view"
@click="reviewBtn(scope.row.id)"
>
审核
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-dialog
title="审核商品"
:visible.sync="reviewDialog">
<div>
<el-radio-group v-model="status">
<el-radio :label="true">审核通过</el-radio>
<el-radio :label="false">审核不通过</el-radio>
</el-radio-group>
<div style="width:100%;height:12px"></div>
<el-input v-model="failMessage" placeholder="请输入不通过理由" v-if="status == false"></el-input>
</div>
<div slot="footer">
<el-button @click="reviewDialog = false; status = null"> </el-button>
<el-button type="primary" @click="submitReview"> </el-button>
</div>
</el-dialog>
<!--分页组件--> <!--分页组件-->
<el-pagination <el-pagination
:total="total" :total="total"
@ -96,7 +130,7 @@
<script> <script>
import checkPermission from '@/utils/permission' import checkPermission from '@/utils/permission'
import initData from '@/mixins/crud' import initData from '@/mixins/crud'
import { del, onsale } from '@/api/yxStoreProduct' import { del, onsale, audit } from '@/api/yxStoreProduct'
import '@riophae/vue-treeselect/dist/vue-treeselect.css' import '@riophae/vue-treeselect/dist/vue-treeselect.css'
import Treeselect from '@riophae/vue-treeselect' import Treeselect from '@riophae/vue-treeselect'
export default { export default {
@ -113,6 +147,10 @@ export default {
], ],
isAttr: false, isAttr: false,
cateId: null, cateId: null,
reviewDialog: false, //
status: null, //
goodsId:null, //id
failMessage: '' //
} }
}, },
created() { created() {
@ -123,6 +161,27 @@ export default {
}) })
}, },
methods: { methods: {
//
reviewBtn(id){
this.goodsId = id
this.reviewDialog = true
},
submitReview(){
let data = {
ids: [this.goodsId],
message: this.failMessage,
status: this.status
}
audit(data).then((res)=>{
this.init()
this.$notify({
title: '操作成功!',
type: 'success',
duration: 2500
})
this.reviewDialog = false
})
},
toAddURL(){ toAddURL(){
this.$router.push({ path: '/shop/goodsAdd' }) this.$router.push({ path: '/shop/goodsAdd' })
}, },
@ -145,7 +204,7 @@ export default {
beforeInit() { beforeInit() {
this.url = 'api/yxStoreProduct' this.url = 'api/yxStoreProduct'
const sort = 'id,desc' const sort = 'id,desc'
this.params = { page: this.page, size: this.size, sort: sort, isShow: 1, isDel: 0,cateId: this.cateId } this.params = { page: this.page, size: this.size, sort: sort, isDel: 0,cateId: this.cateId }
const query = this.query const query = this.query
const type = query.type const type = query.type
const value = query.value const value = query.value

88
src/views/shop/store/index.vue

@ -3,9 +3,18 @@
<!--工具栏--> <!--工具栏-->
<div class="head-container"> <div class="head-container">
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'--> <!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission" /> <crudOperation :permission="permission">
<template v-slot:right>
<el-button style="position:absolute;"
size="mini" type="primary" icon="el-icon-view"
:disabled="crud.selections.length == 0"
@click="reviewBtn(crud.selections)" >批量审核</el-button>
</template>
</crudOperation>
<!--表单组件--> <!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px"> <el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="门店名称" prop="name"> <el-form-item label="门店名称" prop="name">
<el-input v-model="form.name" style="width: 370px;" /> <el-input v-model="form.name" style="width: 370px;" />
@ -76,8 +85,17 @@
<a :href="scope.row.image" style="color: #42b983" target="_blank"><img :src="scope.row.image" alt="点击打开" class="el-avatar"></a> <a :href="scope.row.image" style="color: #42b983" target="_blank"><img :src="scope.row.image" alt="点击打开" class="el-avatar"></a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-if="columns.visible('validTime')" prop="validTime" label="核销有效日期" /> <!-- <el-table-column v-if="columns.visible('validTime')" prop="validTime" label="核销有效日期" />
<el-table-column v-if="columns.visible('dayTime')" prop="dayTime" label="营业时间" /> <el-table-column v-if="columns.visible('dayTime')" prop="dayTime" label="营业时间" /> -->
<el-table-column label="审核状态" align="center">
<template slot-scope="scope">
<div>
<el-tag v-if="scope.row.status === 1" :type="''">审核通过</el-tag>
<el-tag v-if="scope.row.status === -1" style="cursor: pointer" type="danger">审核不通过</el-tag>
<el-tag v-if="scope.row.status === 0" style="cursor: pointer" type="info">等待审核</el-tag>
</div>
</template>
</el-table-column>
<el-table-column v-if="columns.visible('isShow')" prop="isShow" label="是否显示" > <el-table-column v-if="columns.visible('isShow')" prop="isShow" label="是否显示" >
<template slot-scope="scope"> <template slot-scope="scope">
<div> <div>
@ -86,15 +104,39 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column v-permission="['admin','yxSystemStore:edit','yxSystemStore:del']" label="操作" width="150px" align="center"> <el-table-column v-permission="['admin','yxSystemStore:edit','yxSystemStore:del']" label="操作" width="230px" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<udOperation <udOperation
:data="scope.row" :data="scope.row"
:permission="permission" :permission="permission"
/> />
<el-button
size="mini"
type="primary"
icon="el-icon-view"
@click="reviewBtn(scope.row.id)"
>
审核
</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-dialog
title="审核商品"
:visible.sync="reviewDialog">
<div>
<el-radio-group v-model="status">
<el-radio :label="true">审核通过</el-radio>
<el-radio :label="false">审核不通过</el-radio>
</el-radio-group>
<div style="width:100%;height:12px"></div>
<el-input v-model="failMessage" placeholder="请输入不通过理由" v-if="status == false"></el-input>
</div>
<div slot="footer">
<el-button @click="reviewDialog = false; status = null"> </el-button>
<el-button type="primary" @click="submitReview"> </el-button>
</div>
</el-dialog>
<!--分页组件--> <!--分页组件-->
<pagination /> <pagination />
</div> </div>
@ -148,7 +190,11 @@
isShow: [ isShow: [
{ required: true, message: '是否显示不能为空', trigger: 'blur' } { required: true, message: '是否显示不能为空', trigger: 'blur' }
] ]
} },
reviewDialog: false,
status: null,
failMessage: '',
ids: []
} }
}, },
methods: { methods: {
@ -181,10 +227,38 @@
crudYxSystemStore.getL({addr}).then(res => { crudYxSystemStore.getL({addr}).then(res => {
this.form.latitude = res.result.location.lat this.form.latitude = res.result.location.lat
this.form.longitude = res.result.location.lng this.form.longitude = res.result.location.lng
//console.log(this.form) //console.log(this.form)
}) })
},
//
reviewBtn(data){
// console.log(this.crud.selections)
if (data instanceof Array) {
data.forEach(val => {
this.ids.push(val.id)
})
} else {
this.ids = []
this.ids.push(data)
} }
this.reviewDialog = true
},
submitReview(){
let data = {
ids: this.ids,
message: this.failMessage,
status: this.status
}
crudYxSystemStore.audit(data).then((res)=>{
this.crud.refresh()
this.$notify({
title: '操作成功!',
type: 'success',
duration: 2500
})
this.reviewDialog = false
})
},
} }
} }
</script> </script>

7
src/views/shop/user/index.vue

@ -66,12 +66,15 @@
<el-table-column prop="industry" label="所在行业" width="150" /> <el-table-column prop="industry" label="所在行业" width="150" />
<el-table-column prop="position" label="所在职位" /> <el-table-column prop="position" label="所在职位" />
<el-table-column prop="createTime" label="授权时间" width="150" /> <el-table-column prop="createTime" label="授权时间" width="150" />
<el-table-column prop="isRecharge" label="是否缴费"> <el-table-column prop="isVip" label="是否缴费">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.isRecharge == 0 ? '未缴费' : '已缴费'}}</span> <!-- <span>{{scope.row.isVip == 0 ? '未缴费' : '已缴费'}}</span> -->
<el-tag type="success" v-if="scope.row.isVip">已缴费</el-tag>
<el-tag type="info" v-else>未缴费</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="payTime" label="缴费时间" width="150" /> <el-table-column prop="payTime" label="缴费时间" width="150" />
<el-table-column prop="payTime" label="缴费时间" width="150" />
<el-table-column prop="inviterCount" label="缴费人数" /> <el-table-column prop="inviterCount" label="缴费人数" />
<el-table-column prop="brokeragePrice" label="总收益" /> <el-table-column prop="brokeragePrice" label="总收益" />
<!-- <el-table-column prop="city" label="是否体现" /> --> <!-- <el-table-column prop="city" label="是否体现" /> -->

50
src/views/shop/user/userRenew.vue

@ -18,11 +18,11 @@
:model="form" :model="form"
:rules="rules" :rules="rules"
size="small" size="small"
label-width="80px" label-width="120px"
> >
<el-form-item label="id"> <!-- <el-form-item label="id">
<el-input v-model="form.id" style="width: 370px" /> <el-input v-model="form.id" style="width: 370px" />
</el-form-item> </el-form-item> -->
<!-- <el-form-item label="订单编号" prop="orderId"> <!-- <el-form-item label="订单编号" prop="orderId">
<el-input v-model="form.orderId" style="width: 370px" /> <el-input v-model="form.orderId" style="width: 370px" />
</el-form-item> </el-form-item>
@ -62,7 +62,10 @@
<el-input v-model="form.payTime" style="width: 370px" /> <el-input v-model="form.payTime" style="width: 370px" />
</el-form-item> --> </el-form-item> -->
<el-form-item label="金额"> <el-form-item label="金额">
<el-input v-model="form.money" style="width: 370px" /> <el-input v-model="form.money" style="width: 300px" />
</el-form-item>
<el-form-item label="请输入操作密码">
<el-input v-model="form.password" show-password style="width: 300px" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -115,20 +118,6 @@
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column
v-if="columns.visible('updateTime')"
prop="updateTime"
label="更新时间"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span>
</template>
</el-table-column>
<!-- <el-table-column
v-if="columns.visible('isDel')"
prop="isDel"
label="isDel"
/> -->
<el-table-column <el-table-column
v-if="columns.visible('payTime')" v-if="columns.visible('payTime')"
prop="payTime" prop="payTime"
@ -151,7 +140,7 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
type="info" type="danger"
class="filter-item" class="filter-item"
size="mini" size="mini"
:loading="crud.delAllLoading" :loading="crud.delAllLoading"
@ -269,16 +258,23 @@ export default {
}, },
submitCU() { submitCU() {
if (this.form.id != "" && this.form.money != "") { if(this.form.money == ''){
let param = {}; return this.$message({
crudCyVipOrder message: '请输入退款金额',
.back( type: 'error'
(param = { })
} else if(this.form.password == '' || this.form.password != '654321'){
return this.$message({
message: '请输入正确的操作密码',
type: 'error'
})
} else{
let param = {
id: this.form.id, id: this.form.id,
price: this.form.money, price: this.form.money,
}) password: this.form.password
) };
.then((res) => { crudCyVipOrder.back(param).then((res) => {
this.$message({ this.$message({
message: "退款成功!", message: "退款成功!",
type: "success", type: "success",

69
src/views/wechat/article/form.vue

@ -5,8 +5,18 @@
<el-form-item label="标题"> <el-form-item label="标题">
<el-input v-model="form.title" style="width: 370px;" /> <el-input v-model="form.title" style="width: 370px;" />
</el-form-item> </el-form-item>
<el-form-item label="作者"> <!-- <el-form-item label="作者">
<el-input v-model="form.author" style="width: 370px;" /> <el-input v-model="form.author" style="width: 370px;" />
</el-form-item> -->
<el-form-item label="发布者">
<el-select v-model="form.authorId" placeholder="请选择发布者">
<el-option
v-for="item in authorList"
:key="item.id"
:label="item.enterpriseName"
:value="item.id">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="封面"> <el-form-item label="封面">
<MaterialList v-model="form.imageArr" type="image" :num="1" :width="350" :height="115" /> <MaterialList v-model="form.imageArr" type="image" :num="1" :width="350" :height="115" />
@ -20,7 +30,7 @@
@change="handleChange"> @change="handleChange">
</el-cascader> </el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="收费类型" prop="chargeType"> <!-- <el-form-item label="收费类型" prop="chargeType">
<el-radio-group v-model="form.chargeType"> <el-radio-group v-model="form.chargeType">
<el-radio :label="0">免费</el-radio> <el-radio :label="0">免费</el-radio>
<el-radio :label="1">收费</el-radio> <el-radio :label="1">收费</el-radio>
@ -42,7 +52,7 @@
</el-form-item> </el-form-item>
<el-form-item label="简介"> <el-form-item label="简介">
<el-input v-model="form.synopsis" style="width: 370px;" rows="5" type="textarea" /> <el-input v-model="form.synopsis" style="width: 370px;" rows="5" type="textarea" />
</el-form-item> </el-form-item> -->
<el-form-item label="正文"> <el-form-item label="正文">
<!--<editor v-model="form.content" />--> <!--<editor v-model="form.content" />-->
<ueditor-wrap v-model="form.content" :config="myConfig" @beforeInit="addCustomDialog" style="width: 90%;"></ueditor-wrap> <ueditor-wrap v-model="form.content" :config="myConfig" @beforeInit="addCustomDialog" style="width: 90%;"></ueditor-wrap>
@ -60,7 +70,7 @@
</template> </template>
<script> <script>
import { add, edit, get } from '@/api/yxArticle' import { add, edit, get, getAuthor, getArticleCatetory } from '@/api/yxArticle'
import picUpload from '@/components/pic-upload' import picUpload from '@/components/pic-upload'
import editor from '../../components/Editor' import editor from '../../components/Editor'
import yamedit from '@/components/YamlEdit' import yamedit from '@/components/YamlEdit'
@ -114,13 +124,17 @@ export default {
UEDITOR_HOME_URL: '/UEditor/', UEDITOR_HOME_URL: '/UEditor/',
serverUrl: '' serverUrl: ''
}, },
categoryList:[] categoryList:[],
authorList: [],
articleCatetoryList: []
} }
}, },
watch: { watch: {
}, },
created() { created() {
this.getCategory(); // this.getCategory();
this.getArticleCatetory();
this.getAuthor()
this.form.id = this.$route.params.id this.form.id = this.$route.params.id
this.$nextTick(() => { this.$nextTick(() => {
//this.init() //this.init()
@ -134,6 +148,17 @@ export default {
}) })
}, },
methods: { methods: {
getArticleCatetory(){
getArticleCatetory().then((res)=>{
this.articleCatetoryList = res.data
})
},
getAuthor(){
getAuthor().then((res)=>{
console.log(res)
this.authorList = res
})
},
audioInput(file){ audioInput(file){
this.form.audio = file; this.form.audio = file;
// console.log('file',file) // console.log('file',file)
@ -150,22 +175,22 @@ export default {
this.form.video = ''; this.form.video = '';
// console.log('remove',file) // console.log('remove',file)
}, },
getCategory(){ // getCategory(){
initData('/api/CourseCategory',this.getQueryParams()).then((res)=>{ // initData('/api/CourseCategory',this.getQueryParams()).then((res)=>{
// console.log(res) // // console.log(res)
res.content.forEach((item)=>{ // res.content.forEach((item)=>{
item.label = item.categoryName // item.label = item.categoryName
item.value = item.id // item.value = item.id
item.children = item.categoryList // item.children = item.categoryList
item.categoryList.forEach((child)=>{ // item.categoryList.forEach((child)=>{
child.label = child.categoryName // child.label = child.categoryName
child.value = child.id // child.value = child.id
child.children = child.categoryList // child.children = child.categoryList
}) // })
}) // })
this.categoryList = res.content // this.categoryList = res.content
}) // })
}, // },
getQueryParams: function() { getQueryParams: function() {
return { return {
page: 0, page: 0,

2
vue.config.js

@ -27,6 +27,7 @@ module.exports = {
'/api': { '/api': {
target: process.env.VUE_APP_BASE_API, target: process.env.VUE_APP_BASE_API,
changeOrigin: true, changeOrigin: true,
logLevel: 'debug',
pathRewrite: { pathRewrite: {
'^/api': 'api' '^/api': 'api'
} }
@ -34,6 +35,7 @@ module.exports = {
'/auth': { '/auth': {
target: process.env.VUE_APP_BASE_API, target: process.env.VUE_APP_BASE_API,
changeOrigin: true, changeOrigin: true,
logLevel: 'debug',
pathRewrite: { pathRewrite: {
'^/auth': 'auth' '^/auth': 'auth'
} }

1
wsl.txt

@ -0,0 +1 @@
rsync -r ./ root@39.105.46.0:/root/html/distclode
Loading…
Cancel
Save