parent
d53cced101
commit
572314ae03
@ -0,0 +1,62 @@
|
||||
<template> <div id="app">
|
||||
<keep-alive include="UserInfoList,AreaList,LookingForList,LookingForUserList,LostFoundList,LostFoundUserList,ClaimList,PraiseList,NoticeList">
|
||||
<router-view></router-view>
|
||||
</keep-alive>
|
||||
<!-- tab-bar -->
|
||||
<main-tab-bar class="tab" v-show="this.show"></main-tab-bar>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import MainTabBar from './components/content/mainTabBar/MainTabBar'
|
||||
|
||||
export default {
|
||||
name: 'App',
|
||||
components: {
|
||||
MainTabBar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
show: true,
|
||||
path: [ '/home',
|
||||
'/userInfo/list',
|
||||
'/area/list',
|
||||
'/lookingFor/list',
|
||||
'/lostFound/list',
|
||||
'/claim/list',
|
||||
'/praise/list',
|
||||
'/notice/list',
|
||||
'/profile'
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
},
|
||||
watch: {
|
||||
$route() {
|
||||
if(this.path.indexOf(this.$route.path) != -1) {
|
||||
this.show = true
|
||||
}else {
|
||||
this.show = false
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
console.log('Vue App Start ...')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
@import './assets/css/base.css';
|
||||
@import './assets/css/resetVant.css';
|
||||
|
||||
#app {
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.tab {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,78 @@
|
||||
.nav {
|
||||
background-color: #54bf8e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
left: 0;
|
||||
right: 0px;
|
||||
bottom: 49px;
|
||||
}
|
||||
|
||||
|
||||
.block {
|
||||
height: 88px;
|
||||
}
|
||||
.ignore-pull-down1,
|
||||
.ignore-pull-down2 {
|
||||
height: 80px;
|
||||
width: 100vw;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: -80px;
|
||||
line-height: 80px;
|
||||
}
|
||||
.ignore-pull-down2 {
|
||||
line-height: 120px;
|
||||
}
|
||||
.loading {
|
||||
width: 60px;
|
||||
height: 20px;
|
||||
background-color: pink;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translate3d(-50%, 0, 0);
|
||||
display: flex;
|
||||
}
|
||||
.ball1,
|
||||
.ball2,
|
||||
.ball3 {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: #4fc08d;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
.ball1 {
|
||||
right: calc(50% + 15px);
|
||||
}
|
||||
.ball2 {
|
||||
left: calc(50% - 5px);
|
||||
}
|
||||
.ball3 {
|
||||
left: calc(50% + 15px);
|
||||
}
|
||||
.ball1 {
|
||||
animation: loading 1.2s linear infinite;
|
||||
}
|
||||
.ball2 {
|
||||
animation: loading 1.2s 0.4s linear infinite;
|
||||
}
|
||||
.ball3 {
|
||||
animation: loading 1.2s 0.8s linear infinite;
|
||||
}
|
||||
@keyframes loading {
|
||||
16.667% {
|
||||
transform: scale(2);
|
||||
}
|
||||
33.333% {
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,419 @@
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.15;
|
||||
/* 1 */
|
||||
-webkit-text-size-adjust: 100%;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Render the `main` element consistently in IE.
|
||||
*/
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
/* 1 */
|
||||
height: 0;
|
||||
/* 1 */
|
||||
overflow: visible;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace;
|
||||
/* 1 */
|
||||
font-size: 1em;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none;
|
||||
/* 1 */
|
||||
text-decoration: underline;
|
||||
/* 2 */
|
||||
text-decoration: underline dotted;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
/* 1 */
|
||||
font-size: 1em;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
/* 1 */
|
||||
font-size: 100%;
|
||||
/* 1 */
|
||||
line-height: 1.15;
|
||||
/* 1 */
|
||||
margin: 0;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input {
|
||||
/* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
/* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box;
|
||||
/* 1 */
|
||||
color: inherit;
|
||||
/* 2 */
|
||||
display: table;
|
||||
/* 1 */
|
||||
max-width: 100%;
|
||||
/* 1 */
|
||||
padding: 0;
|
||||
/* 3 */
|
||||
white-space: normal;
|
||||
/* 1 */
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
/* 1 */
|
||||
padding: 0;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
/* 1 */
|
||||
outline-offset: -2px;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
/* 1 */
|
||||
font: inherit;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
@ -0,0 +1,16 @@
|
||||
.van-uploader__preview-image {
|
||||
width: 98px!important;
|
||||
height: 98px!important;
|
||||
}
|
||||
.van-uploader__preview:nth-child(3),
|
||||
.van-uploader__preview:nth-child(6),
|
||||
.van-uploader__preview:nth-child(9){
|
||||
margin-right: 0!important;
|
||||
}
|
||||
.van-uploader__upload {
|
||||
width: 98px!important;
|
||||
height: 98px!important;
|
||||
box-sizing: border-box;
|
||||
/* border: 1px dashed #888; */
|
||||
margin-right: 0!important;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 637 KiB |
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 120 KiB |
|
After Width: | Height: | Size: 123 KiB |
|
After Width: | Height: | Size: 1006 KiB |
|
After Width: | Height: | Size: 444 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
|
After Width: | Height: | Size: 2.2 MiB |
|
After Width: | Height: | Size: 526 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 55 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
@ -0,0 +1,66 @@
|
||||
import Vue from 'vue'
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
import store from '@/store'
|
||||
|
||||
Vue.config.productionTip = false
|
||||
|
||||
// 使用toast
|
||||
import toast from 'components/common/toast'
|
||||
Vue.use(toast)
|
||||
|
||||
import notify from 'components/common/notify'
|
||||
Vue.use(notify)
|
||||
|
||||
// // 使用overlay
|
||||
// import overlay from 'components/common/overlay'
|
||||
// Vue.use(overlay)
|
||||
|
||||
//取消移动端300ms延时
|
||||
import FastClick from 'fastclick'
|
||||
FastClick.attach(document.body)
|
||||
|
||||
//懒加载
|
||||
import VueLazyload from 'vue-lazyload'
|
||||
Vue.use(VueLazyload, {
|
||||
preLoad: 1,
|
||||
error: '/images/static/angry.png',
|
||||
loading: '/images/static/kani.png',
|
||||
attempt: 3
|
||||
})
|
||||
|
||||
|
||||
import 'vant/lib/index.css'
|
||||
import Dialog from 'vant';
|
||||
Vue.use(Dialog);
|
||||
|
||||
import { Button } from 'vant';
|
||||
Vue.use(Button);
|
||||
|
||||
import { Popup } from 'vant';
|
||||
Vue.use(Popup);
|
||||
|
||||
import { Field } from 'vant';
|
||||
Vue.use(Field);
|
||||
|
||||
import { Form } from 'vant';
|
||||
Vue.use(Form);
|
||||
|
||||
// 文件上传
|
||||
import { Uploader } from 'vant';
|
||||
Vue.use(Uploader);
|
||||
|
||||
import { DropdownMenu, DropdownItem } from 'vant';
|
||||
Vue.use(DropdownMenu);
|
||||
Vue.use(DropdownItem);
|
||||
|
||||
//创建事件总线
|
||||
Vue.prototype.$bus = new Vue()
|
||||
|
||||
var vue = new Vue({
|
||||
render: h => h(App),
|
||||
router,
|
||||
store
|
||||
}).$mount('#app')
|
||||
|
||||
window.vue = vue
|
||||
@ -0,0 +1,63 @@
|
||||
// 学院信息业务处理
|
||||
import request from './request'
|
||||
import qs from 'qs'
|
||||
|
||||
/* 根据查询条件分页查询学院信息 */
|
||||
export function queryArea(page) {
|
||||
return request({
|
||||
url: '/area/list',
|
||||
method: "POST",
|
||||
params: {
|
||||
"page": page,
|
||||
"rows": 10
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 查询所有的学院信息*/
|
||||
export function queryAllArea() {
|
||||
return request({
|
||||
url: '/area/listAll',
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
|
||||
/* 添加学院信息 */
|
||||
export function addArea(area) {
|
||||
return request({
|
||||
url: '/area/add',
|
||||
method: "POST",
|
||||
data: qs.stringify(area),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 更新学院信息 */
|
||||
export function updateArea(area) {
|
||||
return request({
|
||||
url: '/area/update',
|
||||
method: "POST",
|
||||
data: qs.stringify(area),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键学院id查询学院信息 */
|
||||
export function getArea(areaId) {
|
||||
return request({
|
||||
url: '/area/get/' + areaId,
|
||||
method: "POST"
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键areaId删除学院 */
|
||||
export function deleteArea(areaId) {
|
||||
return request({
|
||||
url: '/area/delete/' + areaId,
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,66 @@
|
||||
// 认领信息业务处理
|
||||
import request from './request'
|
||||
import qs from 'qs'
|
||||
|
||||
/* 根据查询条件分页查询认领信息 */
|
||||
export function queryClaim(lostFoundObj_lostFoundId, personName, claimTime, page) {
|
||||
return request({
|
||||
url: '/claim/list',
|
||||
method: "POST",
|
||||
params: {
|
||||
"lostFoundObj.lostFoundId": lostFoundObj_lostFoundId,
|
||||
"personName": personName,
|
||||
"claimTime": claimTime,
|
||||
"page": page,
|
||||
"rows": 10
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 查询所有的认领信息*/
|
||||
export function queryAllClaim() {
|
||||
return request({
|
||||
url: '/claim/listAll',
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
|
||||
/* 添加认领信息 */
|
||||
export function addClaim(claim) {
|
||||
return request({
|
||||
url: '/claim/add',
|
||||
method: "POST",
|
||||
data: qs.stringify(claim),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 更新认领信息 */
|
||||
export function updateClaim(claim) {
|
||||
return request({
|
||||
url: '/claim/update',
|
||||
method: "POST",
|
||||
data: qs.stringify(claim),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键认领id查询认领信息 */
|
||||
export function getClaim(claimId) {
|
||||
return request({
|
||||
url: '/claim/get/' + claimId,
|
||||
method: "POST"
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键claimId删除认领 */
|
||||
export function deleteClaim(claimId) {
|
||||
return request({
|
||||
url: '/claim/delete/' + claimId,
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,89 @@
|
||||
// 寻物启事信息业务处理
|
||||
import request from './request'
|
||||
import qs from 'qs'
|
||||
|
||||
/* 根据查询条件分页查询寻物启事信息 */
|
||||
export function queryLookingFor(title, goodsName, lostTime, lostPlace, telephone, userObj_user_name, page) {
|
||||
return request({
|
||||
url: '/lookingFor/list',
|
||||
method: "POST",
|
||||
params: {
|
||||
"title": title,
|
||||
"goodsName": goodsName,
|
||||
"lostTime": lostTime,
|
||||
"lostPlace": lostPlace,
|
||||
"telephone": telephone,
|
||||
"userObj.user_name": userObj_user_name,
|
||||
"page": page,
|
||||
"rows": 10
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 根据查询条件分页查询寻物启事信息 */
|
||||
export function userQueryLookingFor(title, goodsName, lostTime, lostPlace, telephone, page) {
|
||||
return request({
|
||||
url: '/lookingFor/userList',
|
||||
method: "POST",
|
||||
params: {
|
||||
"title": title,
|
||||
"goodsName": goodsName,
|
||||
"lostTime": lostTime,
|
||||
"lostPlace": lostPlace,
|
||||
"telephone": telephone,
|
||||
"page": page,
|
||||
"rows": 10
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/* 查询所有的寻物启事信息*/
|
||||
export function queryAllLookingFor() {
|
||||
return request({
|
||||
url: '/lookingFor/listAll',
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
|
||||
/* 添加寻物启事信息 */
|
||||
export function addLookingFor(lookingFor) {
|
||||
return request({
|
||||
url: '/lookingFor/add',
|
||||
method: "POST",
|
||||
data: qs.stringify(lookingFor),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 更新寻物启事信息 */
|
||||
export function updateLookingFor(lookingFor) {
|
||||
return request({
|
||||
url: '/lookingFor/update',
|
||||
method: "POST",
|
||||
data: qs.stringify(lookingFor),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键寻物id查询寻物启事信息 */
|
||||
export function getLookingFor(lookingForId) {
|
||||
return request({
|
||||
url: '/lookingFor/get/' + lookingForId,
|
||||
method: "POST"
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键lookingForId删除寻物启事 */
|
||||
export function deleteLookingFor(lookingForId) {
|
||||
return request({
|
||||
url: '/lookingFor/delete/' + lookingForId,
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,91 @@
|
||||
// 失物招领信息业务处理
|
||||
import request from './request'
|
||||
import qs from 'qs'
|
||||
|
||||
/* 根据查询条件分页查询失物招领信息 */
|
||||
export function queryLostFound(title, goodsName, pickUpTime, pickUpPlace, connectPerson, phone, userObj_user_name, page) {
|
||||
return request({
|
||||
url: '/lostFound/list',
|
||||
method: "POST",
|
||||
params: {
|
||||
"title": title,
|
||||
"goodsName": goodsName,
|
||||
"pickUpTime": pickUpTime,
|
||||
"pickUpPlace": pickUpPlace,
|
||||
"connectPerson": connectPerson,
|
||||
"phone": phone,
|
||||
"userObj.user_name": userObj_user_name,
|
||||
"page": page,
|
||||
"rows": 10
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/* 根据查询条件分页查询失物招领信息 */
|
||||
export function userQueryLostFound(title, goodsName, pickUpTime, pickUpPlace, connectPerson, phone, page) {
|
||||
return request({
|
||||
url: '/lostFound/userList',
|
||||
method: "POST",
|
||||
params: {
|
||||
"title": title,
|
||||
"goodsName": goodsName,
|
||||
"pickUpTime": pickUpTime,
|
||||
"pickUpPlace": pickUpPlace,
|
||||
"connectPerson": connectPerson,
|
||||
"phone": phone,
|
||||
"page": page,
|
||||
"rows": 10
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 查询所有的失物招领信息*/
|
||||
export function queryAllLostFound() {
|
||||
return request({
|
||||
url: '/lostFound/listAll',
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
|
||||
/* 添加失物招领信息 */
|
||||
export function addLostFound(lostFound) {
|
||||
return request({
|
||||
url: '/lostFound/add',
|
||||
method: "POST",
|
||||
data: qs.stringify(lostFound),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 更新失物招领信息 */
|
||||
export function updateLostFound(lostFound) {
|
||||
return request({
|
||||
url: '/lostFound/update',
|
||||
method: "POST",
|
||||
data: qs.stringify(lostFound),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键招领id查询失物招领信息 */
|
||||
export function getLostFound(lostFoundId) {
|
||||
return request({
|
||||
url: '/lostFound/get/' + lostFoundId,
|
||||
method: "POST"
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键lostFoundId删除失物招领 */
|
||||
export function deleteLostFound(lostFoundId) {
|
||||
return request({
|
||||
url: '/lostFound/delete/' + lostFoundId,
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,65 @@
|
||||
// 站内通知信息业务处理
|
||||
import request from './request'
|
||||
import qs from 'qs'
|
||||
|
||||
/* 根据查询条件分页查询站内通知信息 */
|
||||
export function queryNotice(title, addTime, page) {
|
||||
return request({
|
||||
url: '/notice/list',
|
||||
method: "POST",
|
||||
params: {
|
||||
"title": title,
|
||||
"addTime": addTime,
|
||||
"page": page,
|
||||
"rows": 10
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 查询所有的站内通知信息*/
|
||||
export function queryAllNotice() {
|
||||
return request({
|
||||
url: '/notice/listAll',
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
|
||||
/* 添加站内通知信息 */
|
||||
export function addNotice(notice) {
|
||||
return request({
|
||||
url: '/notice/add',
|
||||
method: "POST",
|
||||
data: qs.stringify(notice),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 更新站内通知信息 */
|
||||
export function updateNotice(notice) {
|
||||
return request({
|
||||
url: '/notice/update',
|
||||
method: "POST",
|
||||
data: qs.stringify(notice),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键通知id查询站内通知信息 */
|
||||
export function getNotice(noticeId) {
|
||||
return request({
|
||||
url: '/notice/get/' + noticeId,
|
||||
method: "POST"
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键noticeId删除站内通知 */
|
||||
export function deleteNotice(noticeId) {
|
||||
return request({
|
||||
url: '/notice/delete/' + noticeId,
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,66 @@
|
||||
// 表扬信息业务处理
|
||||
import request from './request'
|
||||
import qs from 'qs'
|
||||
|
||||
/* 根据查询条件分页查询表扬信息 */
|
||||
export function queryPraise(lostFoundObj_lostFoundId, title, addTime, page) {
|
||||
return request({
|
||||
url: '/praise/list',
|
||||
method: "POST",
|
||||
params: {
|
||||
"lostFoundObj.lostFoundId": lostFoundObj_lostFoundId,
|
||||
"title": title,
|
||||
"addTime": addTime,
|
||||
"page": page,
|
||||
"rows": 10
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 查询所有的表扬信息*/
|
||||
export function queryAllPraise() {
|
||||
return request({
|
||||
url: '/praise/listAll',
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
|
||||
/* 添加表扬信息 */
|
||||
export function addPraise(praise) {
|
||||
return request({
|
||||
url: '/praise/add',
|
||||
method: "POST",
|
||||
data: qs.stringify(praise),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 更新表扬信息 */
|
||||
export function updatePraise(praise) {
|
||||
return request({
|
||||
url: '/praise/update',
|
||||
method: "POST",
|
||||
data: qs.stringify(praise),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键表扬id查询表扬信息 */
|
||||
export function getPraise(praiseId) {
|
||||
return request({
|
||||
url: '/praise/get/' + praiseId,
|
||||
method: "POST"
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键praiseId删除表扬 */
|
||||
export function deletePraise(praiseId) {
|
||||
return request({
|
||||
url: '/praise/delete/' + praiseId,
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,79 @@
|
||||
// 用户信息业务处理
|
||||
import request from './request'
|
||||
import qs from 'qs'
|
||||
|
||||
/* 根据查询条件分页查询用户信息 */
|
||||
export function queryUserInfo(user_name, areaObj_areaId, name, birthday, telephone, regTime, page) {
|
||||
return request({
|
||||
url: '/userInfo/list',
|
||||
method: "POST",
|
||||
params: {
|
||||
"user_name": user_name,
|
||||
"areaObj.areaId": areaObj_areaId,
|
||||
"name": name,
|
||||
"birthday": birthday,
|
||||
"telephone": telephone,
|
||||
"regTime": regTime,
|
||||
"page": page,
|
||||
"rows": 10
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 查询所有的用户信息*/
|
||||
export function queryAllUserInfo() {
|
||||
return request({
|
||||
url: '/userInfo/listAll',
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
|
||||
/* 添加用户信息 */
|
||||
export function addUserInfo(userInfo) {
|
||||
return request({
|
||||
url: '/userInfo/add',
|
||||
method: "POST",
|
||||
data: qs.stringify(userInfo),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 更新用户信息 */
|
||||
export function updateUserInfo(userInfo) {
|
||||
return request({
|
||||
url: '/userInfo/update',
|
||||
method: "POST",
|
||||
data: qs.stringify(userInfo),
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 根据主键手机账号查询用户信息 */
|
||||
export function getUserInfo(user_name) {
|
||||
return request({
|
||||
url: '/userInfo/get/' + user_name,
|
||||
method: "POST"
|
||||
})
|
||||
}
|
||||
|
||||
/* 查询用户个人信息 */
|
||||
export function getSelfUserInfo() {
|
||||
return request({
|
||||
url: '/userInfo/selfGet',
|
||||
method: "POST"
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 根据主键user_name删除用户 */
|
||||
export function deleteUserInfo(user_name) {
|
||||
return request({
|
||||
url: '/userInfo/delete/' + user_name,
|
||||
method: "POST",
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
import request from './request'
|
||||
|
||||
export function getShop() {
|
||||
return request({
|
||||
url: '/shop'
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
//文件上传业务处理
|
||||
import request from './request'
|
||||
|
||||
/* 图片文件上传 */
|
||||
export function uploadImage(formData) {
|
||||
return request({
|
||||
url: '/upload/image',
|
||||
method: "POST",
|
||||
data: formData,
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'multipart/form-data'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/* 普通文件上传处理 */
|
||||
export function uploadFile(formData) {
|
||||
return request({
|
||||
url: '/upload/file',
|
||||
method: "POST",
|
||||
data: formData,
|
||||
headers: { //添加请求头
|
||||
'Content-Type': 'multipart/form-data'
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@ -0,0 +1,221 @@
|
||||
//前端路由代码
|
||||
import Vue from 'vue'
|
||||
import Router from 'vue-router'
|
||||
Vue.use(Router)
|
||||
|
||||
/**
|
||||
* 重写路由的push方法
|
||||
*/
|
||||
// const routerPush = Router.prototype.push
|
||||
// Router.prototype.push = function push(location) {
|
||||
// return routerPush.call(this, location).catch(error => error)
|
||||
// }
|
||||
|
||||
const Home = () => import ('../views/home/Home') //引入首页组件页
|
||||
const UserInfoList = () => import('../views/userInfo/UserInfoList.vue') //引入用户列表组件页
|
||||
const UserInfoAdd = () => import('../views/userInfo/UserInfoAdd') //引入用户添加组件页
|
||||
const UserInfoModify = () => import('../views/userInfo/UserInfoModify') //引入用户修改组件页
|
||||
const UserInfoSelfModify = () => import('../views/userInfo/UserInfoSelfModify') //引入用户修改组件页
|
||||
const UserInfoDetail = () => import('../views/userInfo/UserInfoDetail') //引入用户详情组件页
|
||||
|
||||
const AreaList = () => import('../views/area/AreaList.vue') //引入学院列表组件页
|
||||
const AreaAdd = () => import('../views/area/AreaAdd') //引入学院添加组件页
|
||||
const AreaModify = () => import('../views/area/AreaModify') //引入学院修改组件页
|
||||
const AreaDetail = () => import('../views/area/AreaDetail') //引入学院详情组件页
|
||||
|
||||
const LookingForList = () => import('../views/lookingFor/LookingForList.vue') //引入寻物启事列表组件页
|
||||
const LookingForUserList = () => import('../views/lookingFor/LookingForUserList.vue') //引入寻物启事列表组件页
|
||||
const LookingForAdd = () => import('../views/lookingFor/LookingForAdd') //引入寻物启事添加组件页
|
||||
const LookingForModify = () => import('../views/lookingFor/LookingForModify') //引入寻物启事修改组件页
|
||||
const LookingForDetail = () => import('../views/lookingFor/LookingForDetail') //引入寻物启事详情组件页
|
||||
|
||||
const LostFoundList = () => import('../views/lostFound/LostFoundList.vue') //引入失物招领列表组件页
|
||||
const LostFoundUserList = () => import('../views/lostFound/LostFoundUserList.vue') //引入失物招领列表组件页
|
||||
const LostFoundAdd = () => import('../views/lostFound/LostFoundAdd') //引入失物招领添加组件页
|
||||
const LostFoundModify = () => import('../views/lostFound/LostFoundModify') //引入失物招领修改组件页
|
||||
const LostFoundDetail = () => import('../views/lostFound/LostFoundDetail') //引入失物招领详情组件页
|
||||
|
||||
const ClaimList = () => import('../views/claim/ClaimList.vue') //引入认领列表组件页
|
||||
const ClaimAdd = () => import('../views/claim/ClaimAdd') //引入认领添加组件页
|
||||
const ClaimModify = () => import('../views/claim/ClaimModify') //引入认领修改组件页
|
||||
const ClaimDetail = () => import('../views/claim/ClaimDetail') //引入认领详情组件页
|
||||
|
||||
const PraiseList = () => import('../views/praise/PraiseList.vue') //引入表扬列表组件页
|
||||
const PraiseAdd = () => import('../views/praise/PraiseAdd') //引入表扬添加组件页
|
||||
const PraiseModify = () => import('../views/praise/PraiseModify') //引入表扬修改组件页
|
||||
const PraiseDetail = () => import('../views/praise/PraiseDetail') //引入表扬详情组件页
|
||||
|
||||
const NoticeList = () => import('../views/notice/NoticeList.vue') //引入站内通知列表组件页
|
||||
const NoticeAdd = () => import('../views/notice/NoticeAdd') //引入站内通知添加组件页
|
||||
const NoticeModify = () => import('../views/notice/NoticeModify') //引入站内通知修改组件页
|
||||
const NoticeDetail = () => import('../views/notice/NoticeDetail') //引入站内通知详情组件页
|
||||
|
||||
const Profile = () => import ('../views/profile/Profile') //引入个人中心组件页
|
||||
const Login = () => import ('../views/login/Login') //引入登录组件页
|
||||
const CreateAccount = () => import ('../views/login/CreateAccount') //引入创建账号组件页
|
||||
const Coupon = () => import ('../views/profile/CouponExchange') //引入优惠卷组件页
|
||||
const About = () => import ('../views/profile/About') //引入关于我们组件页
|
||||
|
||||
const routes = [{
|
||||
path: '', // 根路径跳到登录页路由
|
||||
redirect: '/login'
|
||||
},
|
||||
{
|
||||
path: '/login', // 系统登录页路由
|
||||
component: Login
|
||||
},
|
||||
{
|
||||
path: '/register', // 创建新账号页路由
|
||||
component: CreateAccount
|
||||
},
|
||||
{
|
||||
path: '/home', // 首页路由
|
||||
component: Home
|
||||
},
|
||||
|
||||
{
|
||||
path: '/userInfo/add', // 添加用户页路由
|
||||
component: UserInfoAdd
|
||||
},
|
||||
{
|
||||
path: '/userInfo/modify/:user_name', // 修改用户页路由
|
||||
component: UserInfoModify
|
||||
},
|
||||
{
|
||||
path: '/userInfo/selfModify', // 修改用户页路由
|
||||
component: UserInfoSelfModify
|
||||
},
|
||||
{
|
||||
path: '/userInfo/list', // 用户查询页路由
|
||||
component: UserInfoList
|
||||
},
|
||||
{
|
||||
path: '/userInfo/detail/:user_name', // 用户详情页路由
|
||||
component: UserInfoDetail
|
||||
},
|
||||
{
|
||||
path: '/area/add', // 添加学院页路由
|
||||
component: AreaAdd
|
||||
},
|
||||
{
|
||||
path: '/area/modify/:areaId', // 修改学院页路由
|
||||
component: AreaModify
|
||||
},
|
||||
{
|
||||
path: '/area/list', // 学院查询页路由
|
||||
component: AreaList
|
||||
},
|
||||
{
|
||||
path: '/area/detail/:areaId', // 学院详情页路由
|
||||
component: AreaDetail
|
||||
},
|
||||
{
|
||||
path: '/lookingFor/add', // 添加寻物启事页路由
|
||||
component: LookingForAdd
|
||||
},
|
||||
{
|
||||
path: '/lookingFor/modify/:lookingForId', // 修改寻物启事页路由
|
||||
component: LookingForModify
|
||||
},
|
||||
{
|
||||
path: '/lookingFor/list', // 寻物启事查询页路由
|
||||
component: LookingForList
|
||||
},
|
||||
{
|
||||
path: '/lookingFor/userList', // 寻物启事查询页路由
|
||||
component: LookingForUserList
|
||||
},
|
||||
{
|
||||
path: '/lookingFor/detail/:lookingForId', // 寻物启事详情页路由
|
||||
component: LookingForDetail
|
||||
},
|
||||
{
|
||||
path: '/lostFound/add', // 添加失物招领页路由
|
||||
component: LostFoundAdd
|
||||
},
|
||||
{
|
||||
path: '/lostFound/modify/:lostFoundId', // 修改失物招领页路由
|
||||
component: LostFoundModify
|
||||
},
|
||||
{
|
||||
path: '/lostFound/list', // 失物招领查询页路由
|
||||
component: LostFoundList
|
||||
},
|
||||
{
|
||||
path: '/lostFound/userList', // 失物招领查询页路由
|
||||
component: LostFoundUserList
|
||||
},
|
||||
{
|
||||
path: '/lostFound/detail/:lostFoundId', // 失物招领详情页路由
|
||||
component: LostFoundDetail
|
||||
},
|
||||
{
|
||||
path: '/claim/add', // 添加认领页路由
|
||||
component: ClaimAdd
|
||||
},
|
||||
{
|
||||
path: '/claim/modify/:claimId', // 修改认领页路由
|
||||
component: ClaimModify
|
||||
},
|
||||
{
|
||||
path: '/claim/list', // 认领查询页路由
|
||||
component: ClaimList
|
||||
},
|
||||
{
|
||||
path: '/claim/detail/:claimId', // 认领详情页路由
|
||||
component: ClaimDetail
|
||||
},
|
||||
{
|
||||
path: '/praise/add', // 添加表扬页路由
|
||||
component: PraiseAdd
|
||||
},
|
||||
{
|
||||
path: '/praise/modify/:praiseId', // 修改表扬页路由
|
||||
component: PraiseModify
|
||||
},
|
||||
{
|
||||
path: '/praise/list', // 表扬查询页路由
|
||||
component: PraiseList
|
||||
},
|
||||
{
|
||||
path: '/praise/detail/:praiseId', // 表扬详情页路由
|
||||
component: PraiseDetail
|
||||
},
|
||||
{
|
||||
path: '/notice/add', // 添加站内通知页路由
|
||||
component: NoticeAdd
|
||||
},
|
||||
{
|
||||
path: '/notice/modify/:noticeId', // 修改站内通知页路由
|
||||
component: NoticeModify
|
||||
},
|
||||
{
|
||||
path: '/notice/list', // 站内通知查询页路由
|
||||
component: NoticeList
|
||||
},
|
||||
{
|
||||
path: '/notice/detail/:noticeId', // 站内通知详情页路由
|
||||
component: NoticeDetail
|
||||
},
|
||||
|
||||
{
|
||||
path: '/Profile', // 个人中心页路由
|
||||
component: Profile,
|
||||
},
|
||||
{
|
||||
path: '/about', //关于我们页路由
|
||||
component: About
|
||||
},
|
||||
{
|
||||
path: '/coupon', // 优惠卷页路由
|
||||
component: Coupon
|
||||
}
|
||||
]
|
||||
|
||||
const router = new Router({
|
||||
routes,
|
||||
mode: 'history'
|
||||
})
|
||||
|
||||
export default router
|
||||
|
||||
@ -0,0 +1,48 @@
|
||||
import {
|
||||
ADD_TO_CART,
|
||||
ADD_COUNTER
|
||||
} from './mutaion-types'
|
||||
|
||||
export default {
|
||||
|
||||
addCart(context, payload) {
|
||||
return new Promise((resolve) => {
|
||||
let flag = true
|
||||
let cartList = context.state.cartList
|
||||
let shopId = payload.shopId
|
||||
if (!cartList[shopId]) {
|
||||
context.commit('newCart', shopId)
|
||||
}
|
||||
cartList[shopId].list.forEach((el, index) => {
|
||||
if (el.iid == payload.iid) {
|
||||
context.commit('addCounter', { shopId: shopId, index: index })
|
||||
flag = false
|
||||
resolve('数量+1')
|
||||
}
|
||||
})
|
||||
if (flag) {
|
||||
payload.count = 1
|
||||
context.commit('addToCart', { shopId: shopId, food: payload })
|
||||
resolve('添加成功')
|
||||
}
|
||||
|
||||
})
|
||||
},
|
||||
reduceCart(context, payload) {
|
||||
return new Promise((resolve) => {
|
||||
let cartList = context.state.cartList
|
||||
let shopId = payload.shopId
|
||||
cartList[shopId].list.forEach((el, index) => {
|
||||
if (el.iid == payload.iid) {
|
||||
if (el.count > 1) {
|
||||
context.commit('reduceFromCart', { shopId: shopId, index: index })
|
||||
resolve('数量-1')
|
||||
} else {
|
||||
context.commit('removeFromCart', { shopId: shopId, index: index })
|
||||
resolve('删除成功')
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
|
||||
}
|
||||
@ -0,0 +1,23 @@
|
||||
import Vue from 'vue'
|
||||
import Vuex from 'vuex'
|
||||
|
||||
import mutations from './mutations'
|
||||
import actions from './actions'
|
||||
import getters from './getters'
|
||||
import modules from './modules'
|
||||
|
||||
Vue.use(Vuex)
|
||||
|
||||
const state = {
|
||||
cartList: {}
|
||||
}
|
||||
|
||||
const store = new Vuex.Store({
|
||||
state,
|
||||
mutations,
|
||||
actions,
|
||||
getters,
|
||||
modules
|
||||
})
|
||||
|
||||
export default store
|
||||
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
|
||||
}
|
||||
@ -0,0 +1,2 @@
|
||||
export const ADD_COUNTER = 'add_counter'
|
||||
export const ADD_TO_CART = 'add_to_cart'
|
||||
@ -0,0 +1,24 @@
|
||||
export default {
|
||||
|
||||
newCart(state, shopId) { //初始化购物车
|
||||
state.cartList[shopId] = {
|
||||
shopId: shopId,
|
||||
list: []
|
||||
}
|
||||
},
|
||||
addCounter(state, payload) {
|
||||
state.cartList[payload.shopId].list[payload.index].count++
|
||||
},
|
||||
addToCart(state, payload) {
|
||||
state.cartList[payload.shopId].list.push(payload.food)
|
||||
},
|
||||
reduceFromCart(state, payload) {
|
||||
state.cartList[payload.shopId].list[payload.index].count--
|
||||
},
|
||||
removeFromCart(state, payload) {
|
||||
state.cartList[payload.shopId].list.splice(payload.index, 1)
|
||||
},
|
||||
setInfo(state, payload) {
|
||||
state.userInfo = payload
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,87 @@
|
||||
<template>
|
||||
<div id="area">
|
||||
<nav-bar class="nav">
|
||||
<template v-slot:left><van-icon name="arrow-left" size="25" @click.stop="back" /></template>
|
||||
<template v-slot:center>添加学院</template>
|
||||
<template v-slot:right></template>
|
||||
</nav-bar>
|
||||
|
||||
<scroll class="content" top="1" bottom="50" ref="scroll" style="padding: 0px 5px">
|
||||
<van-form @submit="onSubmit">
|
||||
<van-field autosize clearable name="area.areaName" v-model="areaName" label="学院名称：" placeholder="请输入学院名称" :rules="[{ required: true, message: '请填写学院名称' }]" />
|
||||
<div style="margin: 16px;">
|
||||
<van-button round block type="info" native-type="submit">提交</van-button>
|
||||
</div>
|
||||
</van-form>
|
||||
</scroll>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import NavBar from '../../components/common/navbar/NavBar'
|
||||
import Scroll from '../../components/common/scroll/Scroll'
|
||||
import { addArea} from "../../network/Area";
|
||||
|
||||
export default {
|
||||
name: "AreaAdd",
|
||||
components: {
|
||||
NavBar,
|
||||
Scroll,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
areaName: "", //学院名称
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
},
|
||||
|
||||
created() {
|
||||
document.getElementById("tabbar").style.display = "flex";
|
||||
},
|
||||
|
||||
methods: {
|
||||
back() {
|
||||
this.$router.go(-1);
|
||||
},
|
||||
|
||||
onSubmit(area) { //向后台请求添加学院
|
||||
addArea(area).then(res => {
|
||||
console.log(res)
|
||||
this.$notify.success('添加成功~')
|
||||
}).catch(error => { this.$notify.error(error)})
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.nav {
|
||||
background-color: #54bf8e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.back {
|
||||
font-family: 'icomoon';
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
#area {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
left: 0;
|
||||
right: 0px;
|
||||
bottom: 49px;
|
||||
}
|
||||
|
||||
.van-dropdown-menu { width: 100%; }
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,73 @@
|
||||
.areaList {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.areaItem {
|
||||
margin: 5px;
|
||||
width: 98%;
|
||||
height: auto;
|
||||
border-top: 1px solid #ededed;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.areaItem .content_view {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.areaItem .areaImg {
|
||||
width: 30%;
|
||||
text-align: right;
|
||||
padding: 2px;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.areaItem .areaImg img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.areaItem .areaText {
|
||||
width:70%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.areaItem .areaText div {
|
||||
line-height: 25px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.areaItem .opt_view {
|
||||
display:block;
|
||||
width: 100%;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.areaQueryForm {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.areaQueryForm h3 {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.areaQueryForm .queryBtn {
|
||||
text-align: right;
|
||||
margin: 10px;
|
||||
}
|
||||
@ -0,0 +1,73 @@
|
||||
.claimList {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.claimItem {
|
||||
margin: 5px;
|
||||
width: 98%;
|
||||
height: auto;
|
||||
border-top: 1px solid #ededed;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.claimItem .content_view {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.claimItem .claimImg {
|
||||
width: 30%;
|
||||
text-align: right;
|
||||
padding: 2px;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.claimItem .claimImg img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.claimItem .claimText {
|
||||
width:70%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.claimItem .claimText div {
|
||||
line-height: 25px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.claimItem .opt_view {
|
||||
display:block;
|
||||
width: 100%;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.claimQueryForm {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.claimQueryForm h3 {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.claimQueryForm .queryBtn {
|
||||
text-align: right;
|
||||
margin: 10px;
|
||||
}
|
||||
@ -0,0 +1,78 @@
|
||||
<template>
|
||||
<div class="swiper-container" :class="{hide: !show}">
|
||||
<swiper v-if="list">
|
||||
<swiper-item v-for="(item, index) in list" :key="index">
|
||||
<img :src="item">
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Swiper from 'components/common/swiper/Swiper'
|
||||
import SwiperItem from 'components/common/swiper/SwiperItem'
|
||||
export default {
|
||||
name: 'HomeSwiper',
|
||||
components: {
|
||||
Swiper,
|
||||
SwiperItem
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
show: true,
|
||||
list: null
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$bus.$on('aflocation', () => {
|
||||
this.show = true
|
||||
this.$bus.$off('aflocation')
|
||||
})
|
||||
},
|
||||
created() {
|
||||
|
||||
let list = []
|
||||
let swiperList = []
|
||||
|
||||
while(list.length <5 ) {
|
||||
let index = Math.round(Math.random() * 10 + 1)
|
||||
if(list.indexOf(index)!=-1) {
|
||||
//已经有该数字了
|
||||
continue
|
||||
}
|
||||
list.push(index)
|
||||
}
|
||||
//console.log(list)
|
||||
for(let i in list) {
|
||||
swiperList.push(`/images/swiper/sw${list[i]}.jpg`)
|
||||
}
|
||||
this.list = swiperList
|
||||
// let list = []
|
||||
// for(let i = 0; i < 5 ; i++) {
|
||||
// let index = Math.round(Math.random() * 10 + 1)
|
||||
// list.push(`/public/images/swiper/sw${index}.jpg`)
|
||||
// }
|
||||
// this.list = list
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.swiper-container {
|
||||
margin: 10px;
|
||||
height: 157px;
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
/* background: url(~assets/images/sw1.png); */
|
||||
/* background-size: cover; */
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.hide {
|
||||
visibility: hidden;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
/* height: 180px; */
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,46 @@
|
||||
<template>
|
||||
<div id="location">
|
||||
<span class="icon"></span>
|
||||
<span class="info">{{locationInfo}}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Location',
|
||||
props: {
|
||||
locationInfo: {
|
||||
type: String,
|
||||
default: null
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#location {
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
/* background-color: #4fc08d; */
|
||||
position: fixed;
|
||||
}
|
||||
.icon ,
|
||||
.info {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
}
|
||||
.info {
|
||||
left: 40px;
|
||||
width: 170px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.icon {
|
||||
font-family: 'icomoon';
|
||||
font-size: 20px;
|
||||
left: 14px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,151 @@
|
||||
<template>
|
||||
<div id="create-account">
|
||||
<nav-bar class="nav">
|
||||
<template v-slot:left>
|
||||
<div class="back" @click="back"></div>
|
||||
</template>
|
||||
<template v-slot:center>创建账户</template>
|
||||
</nav-bar>
|
||||
<div class="info">
|
||||
<div class="avatar" :style="{backgroundPosition: '0'+' '+(-offset)+'em'}"></div>
|
||||
<input class="editName" type="text" maxlength="6" placeholder="请编辑用户名"
|
||||
v-model.trim="nickName" v-if="isEdit" @click="focus" ref="in">
|
||||
<div class="nickName" v-else>{{nickName}}</div>
|
||||
<div class="check" v-if="isEdit" @click="toggle"></div>
|
||||
<div class="edit" v-else @click="toggle"></div>
|
||||
</div>
|
||||
<avatar @avatar="avatarChange"></avatar>
|
||||
<button class="register" @click="register">完成注册</button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import NavBar from 'components/common/navbar/NavBar'
|
||||
import Avatar from 'components/content/avatar/Avatar'
|
||||
import {register} from 'network/login'
|
||||
export default {
|
||||
name: 'CreateAccount',
|
||||
components: {
|
||||
NavBar,
|
||||
Avatar
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
nickName: null,
|
||||
isEdit: true,
|
||||
offset: 0
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
register() {
|
||||
if(this.nickName) {
|
||||
register(this.nickName, this.offset).then(ret => {
|
||||
this.$toast.show("注册成功")
|
||||
this.$router.replace('/home')
|
||||
})
|
||||
}else {
|
||||
this.$toast.show('请填写用户名')
|
||||
}
|
||||
},
|
||||
toggle() {
|
||||
this.isEdit = !this.isEdit
|
||||
},
|
||||
focus() {
|
||||
this.$refs.in.focus()
|
||||
},
|
||||
avatarChange(index) {
|
||||
this.offset = index
|
||||
},
|
||||
back() {
|
||||
this.$router.replace('/login')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
#create-account {
|
||||
width: 100vw;
|
||||
}
|
||||
.nav {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
.back {
|
||||
font-family: 'icomoon';
|
||||
font-size: 30px;
|
||||
}
|
||||
.info {
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
margin: 0 auto;
|
||||
/* background-color: pink; */
|
||||
margin-top: 60px;
|
||||
position: relative;
|
||||
}
|
||||
.avatar {
|
||||
font-size: 88px;
|
||||
width: 88px;
|
||||
height: 88px;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 20px;
|
||||
background: url(~assets/images/avatar.png);
|
||||
background-size: 88px auto;
|
||||
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .2);
|
||||
}
|
||||
.editName {
|
||||
width: 120px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translate3d(-50%, 0, 0);
|
||||
}
|
||||
.nickName {
|
||||
width: 120px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translate3d(-50%, 0, 0);
|
||||
z-index: 2;
|
||||
font-size: 20px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
.edit,
|
||||
.check {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 100px;
|
||||
font-family: 'icomoon';
|
||||
color: #000;
|
||||
font-size: 20px;
|
||||
}
|
||||
.register {
|
||||
width: 80%;
|
||||
height: 49px;
|
||||
background-color: #333;
|
||||
border: none;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
color: #fff;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
|
||||
margin-top: 20px;
|
||||
}
|
||||
.editName {
|
||||
background: none;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
border-bottom: 1px solid #000;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,73 @@
|
||||
.noticeList {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.noticeItem {
|
||||
margin: 5px;
|
||||
width: 98%;
|
||||
height: auto;
|
||||
border-top: 1px solid #ededed;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.noticeItem .content_view {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.noticeItem .noticeImg {
|
||||
width: 30%;
|
||||
text-align: right;
|
||||
padding: 2px;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.noticeItem .noticeImg img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.noticeItem .noticeText {
|
||||
width:70%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.noticeItem .noticeText div {
|
||||
line-height: 25px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.noticeItem .opt_view {
|
||||
display:block;
|
||||
width: 100%;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.noticeQueryForm {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.noticeQueryForm h3 {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.noticeQueryForm .queryBtn {
|
||||
text-align: right;
|
||||
margin: 10px;
|
||||
}
|
||||
@ -0,0 +1,136 @@
|
||||
<template>
|
||||
<div id="praise">
|
||||
<nav-bar class="nav">
|
||||
<template v-slot:left><van-icon name="arrow-left" size="25" @click.stop="back" /></template>
|
||||
<template v-slot:center>添加表扬</template>
|
||||
<template v-slot:right></template>
|
||||
</nav-bar>
|
||||
|
||||
<scroll class="content" top="1" bottom="50" ref="scroll" style="padding: 0px 5px">
|
||||
<van-form @submit="onSubmit">
|
||||
<van-field v-show="false" clearable name="praise.lostFoundObj.lostFoundId" v-model="lostFoundObj_lostFoundId" label="招领信息：" />
|
||||
<van-field readonly clickable label="招领信息" :value="lostFoundObj_title" right-icon="arrow-down" placeholder="选择招领信息" @click="showLostFoundObjPicker = true" />
|
||||
<van-picker v-show="showLostFoundObjPicker" show-toolbar :columns="lostFoundObjColumns" :default-index="1" @cancel="showLostFoundObjPicker = false" @confirm="onConfirmLostFoundObj" />
|
||||
<van-field autosize clearable name="praise.title" v-model="title" label="标题：" placeholder="请输入标题" :rules="[{ required: true, message: '请填写标题' }]" />
|
||||
<van-field autosize clearable name="praise.contents" v-model="contents" label="表扬内容：" placeholder="请输入表扬内容" :rules="[{ required: true, message: '请填写表扬内容' }]" />
|
||||
<van-field readonly name="praise.addTime" label="表扬时间" :value="addTime" placeholder="选择表扬时间" @click="showAddTimePicker = true" :rules="[{ required: true, message: '表扬时间' }]">
|
||||
<template #button>
|
||||
<van-button size="small" type="warning" @click.stop="clearAddTime">清除</van-button>
|
||||
</template>
|
||||
</van-field>
|
||||
<van-datetime-picker v-if="showAddTimePicker" v-model="picker_addTime" type="date" @cancel="showAddTimePicker = false" title="选择表扬时间" @confirm="onConfirmAddTime" />
|
||||
<div style="margin: 16px;">
|
||||
<van-button round block type="info" native-type="submit">提交</van-button>
|
||||
</div>
|
||||
</van-form>
|
||||
</scroll>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import NavBar from '../../components/common/navbar/NavBar'
|
||||
import Scroll from '../../components/common/scroll/Scroll'
|
||||
import { queryAllLostFound } from '../../network/LostFound'
|
||||
import { addPraise} from "../../network/Praise";
|
||||
|
||||
export default {
|
||||
name: "PraiseAdd",
|
||||
components: {
|
||||
NavBar,
|
||||
Scroll,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
lostFoundObjList: [], //招领信息列表
|
||||
lostFoundObj_lostFoundId: 0, //招领id
|
||||
lostFoundObj_title: "", //标题
|
||||
showLostFoundObjPicker: false, //是否显示招领信息Picker
|
||||
lostFoundObjColumns: [], //招领信息Picker的选项
|
||||
title: "", //标题
|
||||
contents: "", //表扬内容
|
||||
showAddTimePicker:false, //是否显示表扬时间Picker
|
||||
addTime: '', //表扬时间
|
||||
picker_addTime: new Date(), //表扬时间Picker的日期
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
|
||||
},
|
||||
|
||||
created() {
|
||||
/*查询所有招领信息初始化下拉Picker*/
|
||||
queryAllLostFound().then(res => {
|
||||
this.lostFoundObjList = res.data;
|
||||
for(var i=0;i<this.lostFoundObjList.length;i++) {
|
||||
this.lostFoundObjColumns.push(this.lostFoundObjList[i].title)
|
||||
}
|
||||
if(this.lostFoundObjList.length > 0) {
|
||||
var firstLostFoundObj = this.lostFoundObjList[0]; //默认选中第一个选项
|
||||
this.lostFoundObj_title = firstLostFoundObj.title;
|
||||
this.lostFoundObj_lostFoundId = firstLostFoundObj.lostFoundId;
|
||||
}
|
||||
});
|
||||
|
||||
document.getElementById("tabbar").style.display = "flex";
|
||||
},
|
||||
|
||||
methods: {
|
||||
back() {
|
||||
this.$router.go(-1);
|
||||
},
|
||||
|
||||
onConfirmLostFoundObj(value,index) {
|
||||
this.lostFoundObj_title = value; //选中某个招领信息后响应
|
||||
this.lostFoundObj_lostFoundId = this.lostFoundObjList[index].lostFoundId;
|
||||
this.showLostFoundObjPicker = false;
|
||||
},
|
||||
onSubmit(praise) { //向后台请求添加表扬
|
||||
addPraise(praise).then(res => {
|
||||
console.log(res)
|
||||
this.$notify.success('添加成功~')
|
||||
}).catch(error => { this.$notify.error(error)})
|
||||
},
|
||||
onConfirmAddTime(value) { //选中某个表扬时间后的响应
|
||||
var year = value.getFullYear();
|
||||
var month = (value.getMonth()+1)<10?'0'+ (value.getMonth()+1): (value.getMonth()+1);
|
||||
var day = value.getDate()<10?'0'+value.getDate():value.getDate();
|
||||
this.addTime = year + "-" + month + "-" + day ;
|
||||
this.showAddTimePicker = false;
|
||||
},
|
||||
clearAddTime() { //清空表扬时间
|
||||
this.addTime='';
|
||||
this.showAddTimePicker=false;
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.nav {
|
||||
background-color: #54bf8e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.back {
|
||||
font-family: 'icomoon';
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
#praise {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
left: 0;
|
||||
right: 0px;
|
||||
bottom: 49px;
|
||||
}
|
||||
|
||||
.van-dropdown-menu { width: 100%; }
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,73 @@
|
||||
.praiseList {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.praiseItem {
|
||||
margin: 5px;
|
||||
width: 98%;
|
||||
height: auto;
|
||||
border-top: 1px solid #ededed;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.praiseItem .content_view {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.praiseItem .praiseImg {
|
||||
width: 30%;
|
||||
text-align: right;
|
||||
padding: 2px;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.praiseItem .praiseImg img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.praiseItem .praiseText {
|
||||
width:70%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.praiseItem .praiseText div {
|
||||
line-height: 25px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.praiseItem .opt_view {
|
||||
display:block;
|
||||
width: 100%;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.praiseQueryForm {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.praiseQueryForm h3 {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.praiseQueryForm .queryBtn {
|
||||
text-align: right;
|
||||
margin: 10px;
|
||||
}
|
||||
@ -0,0 +1,188 @@
|
||||
<template>
|
||||
<div class="info-list" v-if="profile">
|
||||
|
||||
|
||||
<div class="info-item" @click.stop="lookingForAdd">
|
||||
<div class="title">
|
||||
<van-icon name="notes-o" color="red" /> 发布寻物启事信息<span class="title-r"><van-icon name="arrow" /></span>
|
||||
</div>
|
||||
<div class="content"><div class="info-box"></div></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="info-item" @click.stop="lookingForList">
|
||||
<div class="title">
|
||||
<van-icon name="notes-o" color="red" /> 我发布的寻物启事列表<span class="title-r"><van-icon name="arrow" /></span>
|
||||
</div>
|
||||
<div class="content"><div class="info-box"></div></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="info-item" @click.stop="lostFoundAdd">
|
||||
<div class="title">
|
||||
<van-icon name="notes-o" color="red" /> 发布失物招领信息<span class="title-r"><van-icon name="arrow" /></span>
|
||||
</div>
|
||||
<div class="content"><div class="info-box"></div></div>
|
||||
</div>
|
||||
|
||||
<div class="info-item" @click.stop="lostFoundList">
|
||||
<div class="title">
|
||||
<van-icon name="notes-o" color="red" /> 我发布的失物招领列表<span class="title-r"><van-icon name="arrow" /></span>
|
||||
</div>
|
||||
<div class="content"><div class="info-box"></div></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="info-item" @click.stop="claimList">
|
||||
<div class="title">
|
||||
<van-icon name="notes-o" color="red" /> 失物认领列表<span class="title-r"><van-icon name="arrow" /></span>
|
||||
</div>
|
||||
<div class="content"><div class="info-box"></div></div>
|
||||
</div>
|
||||
|
||||
<div class="info-item" @click.stop="praiseList" style="display:none;">
|
||||
<div class="title">
|
||||
<van-icon name="notes-o" color="red" /> 表扬信息列表<span class="title-r"><van-icon name="arrow" /></span>
|
||||
</div>
|
||||
<div class="content"><div class="info-box"></div></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="info-item" @click.stop="noticeList">
|
||||
<div class="title">
|
||||
<van-icon name="notes-o" color="red" /> 站内通知新闻<span class="title-r"><van-icon name="arrow" /></span>
|
||||
</div>
|
||||
<div class="content"><div class="info-box"></div></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="info-item" @click.stop="modify">
|
||||
<div class="title">
|
||||
<van-icon name="edit" color="red" /> 修改个人信息<span class="title-r"><span class="coupon-btn" @click.stop="couponClick" style="display:none;">积分兑换</span></span>
|
||||
</div>
|
||||
<div class="content"><div class="info-box"> </div></div>
|
||||
</div>
|
||||
|
||||
<div class="info-item" @click.stop="about">
|
||||
<div class="title">
|
||||
<van-icon name="info-o" color="red" /> 关于我们<span class="title-r"> </span>
|
||||
</div>
|
||||
<div class="content"><div class="info-box"> </div></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: 'InfoList',
|
||||
components: {
|
||||
},
|
||||
props: {
|
||||
profile: {
|
||||
type: Object,
|
||||
default: null
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
lookingForAdd(){
|
||||
this.$router.push('/lookingFor/add')
|
||||
},
|
||||
lookingForList(){
|
||||
this.$router.push('/lookingFor/userList')
|
||||
},
|
||||
lostFoundAdd() {
|
||||
this.$router.push('/lostFound/add')
|
||||
},
|
||||
lostFoundList(){
|
||||
this.$router.push('/lostFound/userList')
|
||||
},
|
||||
claimList(){
|
||||
this.$router.push('/claim/list')
|
||||
},
|
||||
praiseList(){
|
||||
this.$router.push('/praise/list')
|
||||
},
|
||||
noticeList(){
|
||||
this.$router.push('/notice/list')
|
||||
},
|
||||
|
||||
couponClick() {
|
||||
this.$router.replace('/coupon')
|
||||
},
|
||||
about() {
|
||||
this.$router.replace('/about')
|
||||
},
|
||||
modify() {
|
||||
//修改个人信息
|
||||
this.$router.replace('/userInfo/selfModify')
|
||||
},
|
||||
notOpen() {
|
||||
this.$notify.error('暂未开放该功能')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.info-list {
|
||||
width: 360px;
|
||||
background-color: #fff;
|
||||
margin: 10px auto;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 0 6px 1px rgba(0, 0, 0, .1);
|
||||
overflow: hidden;
|
||||
}
|
||||
.info-box {
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
}
|
||||
.coupon-btn {
|
||||
padding: 8px;
|
||||
background-color: #0a3d62;
|
||||
font-size: 10px;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
vertical-align: top;
|
||||
}
|
||||
.score {
|
||||
margin-right: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
.info-item {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.title {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background-color: #fff;
|
||||
font-size: 16px;
|
||||
line-height: 40px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.info-item .fold-icon {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 10px;
|
||||
font-family: 'icomoon';
|
||||
font-size: 20px;
|
||||
}
|
||||
.info-item .content {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
.title-r {
|
||||
float: right;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,106 @@
|
||||
<template>
|
||||
<div class="profile">
|
||||
<scroll class="content" v-if="profile" bottom="80">
|
||||
<!-- 头部头像、昵称 -->
|
||||
<div class="head">
|
||||
<div class="avatar">
|
||||
<img :src="profile.userPhotoUrl" alt="">
|
||||
</div>
|
||||
<span class="nickName">{{profile.name}}</span>
|
||||
</div>
|
||||
<!-- 信息列表 -->
|
||||
<info-list :profile="profile"></info-list>
|
||||
<div class="logout" @click="logout">退出登录</div>
|
||||
</scroll>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Scroll from 'components/common/scroll/Scroll'
|
||||
|
||||
import InfoList from './InfoList'
|
||||
|
||||
import {getUserInfo, logout} from '../../network/login'
|
||||
|
||||
export default {
|
||||
name: 'Profile',
|
||||
components: {
|
||||
Scroll,
|
||||
InfoList
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
profile: null
|
||||
}
|
||||
},
|
||||
created() {
|
||||
getUserInfo().then(ret => {
|
||||
this.profile = ret.data
|
||||
})
|
||||
|
||||
},
|
||||
methods: {
|
||||
logout() {
|
||||
this.$dialog.confirm({
|
||||
title: '退出登录',
|
||||
message: '确定退出吗？'
|
||||
}).then(() => {
|
||||
logout().then(ret => {
|
||||
localStorage.clear()
|
||||
this.$router.replace('/login')
|
||||
})
|
||||
}).catch(() => {})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0px;
|
||||
bottom: 49px;
|
||||
}
|
||||
.head {
|
||||
width: 100%;
|
||||
height: 120px;
|
||||
background: url(~assets/images/profile.jpg);
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
.avatar {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
border-radius: 5px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0px 0px 6px 1px rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
.avatar img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.head .nickName {
|
||||
font-size: 20px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 100px;
|
||||
color: #fff;
|
||||
}
|
||||
.logout {
|
||||
height: 49px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
margin: 10px;
|
||||
line-height: 49px;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,73 @@
|
||||
.userInfoList {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.userInfoItem {
|
||||
margin: 5px;
|
||||
width: 98%;
|
||||
height: auto;
|
||||
border-top: 1px solid #ededed;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.userInfoItem .content_view {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.userInfoItem .userInfoImg {
|
||||
width: 30%;
|
||||
text-align: right;
|
||||
padding: 2px;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.userInfoItem .userInfoImg img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.userInfoItem .userInfoText {
|
||||
width:70%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.userInfoItem .userInfoText div {
|
||||
line-height: 25px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.userInfoItem .opt_view {
|
||||
display:block;
|
||||
width: 100%;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.userInfoQueryForm {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.userInfoQueryForm h3 {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.userInfoQueryForm .queryBtn {
|
||||
text-align: right;
|
||||
margin: 10px;
|
||||
}
|
||||
Loading…
Reference in new issue