suzhou-jichuang-lanhai
/
TaicangPopulationApp2
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

其他页面同步

Browse Source
main
许宏杰 4 months ago
parent 3a5325039b
commit 89dde814d4
10 changed files with 445 additions and 370 deletions
Show Stats Download Patch File Download Diff File

7
api/taicangpop/building.js
Unescape View File

@ -34,6 +34,13 @@ export function updateBuilding(data) {
data: data, data: data,
}) })
} }
export function getNewBuilding(query) {
return request({
url: '/taicangpop/tc/appRedOrGreen',
method: 'get',
params: query,
})
}
// 删除楼栋管理 // 删除楼栋管理
export function delBuilding(id) { export function delBuilding(id) {

8
pages/building/building.vue
Unescape View File

@ -21,7 +21,7 @@
<color-item :showBuildingName="true" :showColorName="false" :item="house" v-for="house in item" <color-item :showBuildingName="true" :showColorName="false" :item="house" v-for="house in item"
:key="house.id" @clickHouse="clickHouse"></color-item> :key="house.id" @clickHouse="clickHouse"></color-item>
</view> </view>
<view class="color-rows"> <view class="color-rows" v-show="groupedRooms && groupedRooms.length>0">
<view class="unitItem" v-for="unitItem in buildingInfo.unit" :key="unitItem"> <view class="unitItem" v-for="unitItem in buildingInfo.unit" :key="unitItem">
{{unitItem}} 单元 {{unitItem}} 单元
</view> </view>
@ -139,9 +139,11 @@
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss">
page { page,
.app-container {
background: #113666; background: #113666;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>

28
pages/index.vue
Unescape View File

@ -6,10 +6,11 @@
</u-dropdown> </u-dropdown>
<scroll-view scroll-y="true" :style="{height: `calc(100% - ${boxTop}rpx)`}" @scrolltolower="scrolltolower"> <scroll-view scroll-y="true" :style="{height: `calc(100% - ${boxTop}rpx)`}" @scrolltolower="scrolltolower">
<div class="building-list"> <div class="building-list">
<view class="building-item" v-for="item in buildingList" :key="item.id" @click="handlerBuilding(item)"> <view class="building-item" v-for="(item,index) in buildingList" :key="index"
@click="handlerBuilding(item)">
<text class="building-name">{{item.deptname}}{{item.name }}</text> <text class="building-name">{{item.deptname}}{{item.name }}</text>
<text class="yipaimo">已排查0户</text> <text class="yipaimo">已排查{{item.ygx || 0}}户</text>
<text class="weipaimo">未排查0户</text> <text class="weipaimo">未排查{{item.wgx || 0}}户</text>
</view> </view>
</div> </div>
@ -24,7 +25,8 @@
} from "vuex"; } from "vuex";
import { import {
appDeptname, appDeptname,
listBuilding getNewBuilding,
} from '@/api/taicangpop/building.js' } from '@/api/taicangpop/building.js'
export default { export default {
data() { data() {
@ -48,17 +50,19 @@
buildingList: [], buildingList: [],
} }
}, },
created() {
onLoad: function() {
const systemData = this.$u.sys() const systemData = this.$u.sys()
this.boxTop = (systemData.statusBarHeight + 44) * 2 + 80 this.boxTop = (systemData.statusBarHeight + 44) * 2 + 80
this.queryParams.xiaoquId = this.dept.xiaoquId
this.queryParams.deptId = this.deptId
}, },
onShow() {
onLoad: function() { this.queryParams.pageNum = 1
this.queryParams.xiaoquId = this.dept.xiaoquId this.total = 0
this.queryParams.deptId = this.dept.deptId this.buildingList = []
this.setBar() this.setBar()
this.getSelectList() this.getSelectList()
this.getBuildList() this.getBuildList()
@ -105,7 +109,7 @@
//获取楼层 //获取楼层
async getBuildList() { async getBuildList() {
this.status = 'loading'; this.status = 'loading';
const res = await listBuilding(this.queryParams) const res = await getNewBuilding(this.queryParams)
this.buildingList = [...this.buildingList, ...res.rows] this.buildingList = [...this.buildingList, ...res.rows]
this.total = res.total this.total = res.total
this.queryParams.pageNum = this.queryParams.pageNum + 1 this.queryParams.pageNum = this.queryParams.pageNum + 1
@ -125,7 +129,7 @@
xiaoquId: this.queryParams.xiaoquId xiaoquId: this.queryParams.xiaoquId
}) })
this.selectList = res.data.map(item => { this.selectList = res.data.map(item => {
if (item.deptId == this.dept.deptId) this.selectTitle = item.deptName if (item.deptId == this.deptId) this.selectTitle = item.deptName
return { return {
label: item.deptName, label: item.deptName,
value: item.deptId value: item.deptId
@ -134,7 +138,7 @@
} }
}, },
computed: { computed: {
...mapGetters(["dept", ]), ...mapGetters(["deptId", "dept"]),
}, },
} }
</script> </script>

6
pages/login.vue
Unescape View File

@ -1,9 +1,9 @@
<template> <template>
<view class="normal-login-container"> <view class="normal-login-container">
<view class="logo-content align-center justify-center flex"> <view class="logo-content align-center justify-center flex">
<image style="width: 100rpx;height: 100rpx;" :src="globalConfig.appInfo.logo" mode="widthFix"> <!-- <image style="width: 100rpx;height: 100rpx;" :src="globalConfig.appInfo.logo" mode="widthFix">
</image> </image> -->
<text class="title">若依移动端登录</text> <text class="title">娄东街道人口数据管理系统</text>
</view> </view>
<view class="login-form-content"> <view class="login-form-content">
<view class="input-item flex align-center"> <view class="input-item flex align-center">

88
pages/mine/avatar/index.vue
Unescape View File

@ -1,26 +1,40 @@
<template> <template>
<navigation-general title="头像修改">
<view class="container"> <view class="container">
<view class="page-body uni-content-info"> <view class="page-body uni-content-info">
<view class='cropper-content'> <view class='cropper-content'>
<view v-if="isShowImg" class="uni-corpper" :style="'width:'+cropperInitW+'px;height:'+cropperInitH+'px;background:#000'"> <view v-if="isShowImg" class="uni-corpper"
<view class="uni-corpper-content" :style="'width:'+cropperW+'px;height:'+cropperH+'px;left:'+cropperL+'px;top:'+cropperT+'px'"> :style="'width:'+cropperInitW+'px;height:'+cropperInitH+'px;background:#000'">
<view class="uni-corpper-content"
:style="'width:'+cropperW+'px;height:'+cropperH+'px;left:'+cropperL+'px;top:'+cropperT+'px'">
<image :src="imageSrc" :style="'width:'+cropperW+'px;height:'+cropperH+'px'"></image> <image :src="imageSrc" :style="'width:'+cropperW+'px;height:'+cropperH+'px'"></image>
<view class="uni-corpper-crop-box" @touchstart.stop="contentStartMove" @touchmove.stop="contentMoveing" @touchend.stop="contentTouchEnd" <view class="uni-corpper-crop-box" @touchstart.stop="contentStartMove"
@touchmove.stop="contentMoveing" @touchend.stop="contentTouchEnd"
:style="'left:'+cutL+'px;top:'+cutT+'px;right:'+cutR+'px;bottom:'+cutB+'px'"> :style="'left:'+cutL+'px;top:'+cutT+'px;right:'+cutR+'px;bottom:'+cutB+'px'">
<view class="uni-cropper-view-box"> <view class="uni-cropper-view-box">
<view class="uni-cropper-dashed-h"></view> <view class="uni-cropper-dashed-h"></view>
<view class="uni-cropper-dashed-v"></view> <view class="uni-cropper-dashed-v"></view>
<view class="uni-cropper-line-t" data-drag="top" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view> <view class="uni-cropper-line-t" data-drag="top" @touchstart.stop="dragStart"
<view class="uni-cropper-line-r" data-drag="right" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view> @touchmove.stop="dragMove"></view>
<view class="uni-cropper-line-b" data-drag="bottom" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view> <view class="uni-cropper-line-r" data-drag="right" @touchstart.stop="dragStart"
<view class="uni-cropper-line-l" data-drag="left" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view> @touchmove.stop="dragMove"></view>
<view class="uni-cropper-point point-t" data-drag="top" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view> <view class="uni-cropper-line-b" data-drag="bottom" @touchstart.stop="dragStart"
@touchmove.stop="dragMove"></view>
<view class="uni-cropper-line-l" data-drag="left" @touchstart.stop="dragStart"
@touchmove.stop="dragMove"></view>
<view class="uni-cropper-point point-t" data-drag="top" @touchstart.stop="dragStart"
@touchmove.stop="dragMove"></view>
<view class="uni-cropper-point point-tr" data-drag="topTight"></view> <view class="uni-cropper-point point-tr" data-drag="topTight"></view>
<view class="uni-cropper-point point-r" data-drag="right" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view> <view class="uni-cropper-point point-r" data-drag="right"
<view class="uni-cropper-point point-rb" data-drag="rightBottom" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view> @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
<view class="uni-cropper-point point-b" data-drag="bottom" @touchstart.stop="dragStart" @touchmove.stop="dragMove" @touchend.stop="dragEnd"></view> <view class="uni-cropper-point point-rb" data-drag="rightBottom"
@touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
<view class="uni-cropper-point point-b" data-drag="bottom"
@touchstart.stop="dragStart" @touchmove.stop="dragMove"
@touchend.stop="dragEnd"></view>
<view class="uni-cropper-point point-bl" data-drag="bottomLeft"></view> <view class="uni-cropper-point point-bl" data-drag="bottomLeft"></view>
<view class="uni-cropper-point point-l" data-drag="left" @touchstart.stop="dragStart" @touchmove.stop="dragMove"></view> <view class="uni-cropper-point point-l" data-drag="left"
@touchstart.stop="dragStart" @touchmove.stop="dragMove"></view>
<view class="uni-cropper-point point-lt" data-drag="leftTop"></view> <view class="uni-cropper-point point-lt" data-drag="leftTop"></view>
</view> </view>
</view> </view>
@ -31,15 +45,19 @@
<button type="primary reverse" @click="getImage" style='margin-top: 30rpx;'> 选择头像 </button> <button type="primary reverse" @click="getImage" style='margin-top: 30rpx;'> 选择头像 </button>
<button type="warn" @click="getImageInfo" style='margin-top: 30rpx;'> 提交 </button> <button type="warn" @click="getImageInfo" style='margin-top: 30rpx;'> 提交 </button>
</view> </view>
<canvas canvas-id="myCanvas" :style="'position:absolute;border: 1px solid red; width:'+imageW+'px;height:'+imageH+'px;top:-9999px;left:-9999px;'"></canvas> <canvas canvas-id="myCanvas"
:style="'position:absolute;border: 1px solid red; width:'+imageW+'px;height:'+imageH+'px;top:-9999px;left:-9999px;'"></canvas>
</view> </view>
</view> </view>
</navigation-general>
</template> </template>
<script> <script>
import config from '@/config' import config from '@/config'
import store from "@/store" import store from "@/store"
import { uploadAvatar } from "@/api/system/user" import {
uploadAvatar
} from "@/api/system/user"
const baseUrl = config.baseUrl const baseUrl = config.baseUrl
let sysInfo = uni.getSystemInfoSync() let sysInfo = uni.getSystemInfoSync()
@ -100,20 +118,20 @@
/** /**
* 生命周期函数--监听页面初次渲染完成 * 生命周期函数--监听页面初次渲染完成
*/ */
onReady: function () { onReady: function() {
this.loadImage() this.loadImage()
}, },
methods: { methods: {
setData: function (obj) { setData: function(obj) {
let that = this let that = this
Object.keys(obj).forEach(function (key) { Object.keys(obj).forEach(function(key) {
that.$set(that.$data, key, obj[key]) that.$set(that.$data, key, obj[key])
}) })
}, },
getImage: function () { getImage: function() {
var _this = this var _this = this
uni.chooseImage({ uni.chooseImage({
success: function (res) { success: function(res) {
_this.setData({ _this.setData({
imageSrc: res.tempFilePaths[0], imageSrc: res.tempFilePaths[0],
}) })
@ -121,7 +139,7 @@
}, },
}) })
}, },
loadImage: function () { loadImage: function() {
var _this = this var _this = this
uni.getImageInfo({ uni.getImageInfo({
@ -139,7 +157,8 @@
INIT_DRAG_POSITION = minRange > INIT_DRAG_POSITION ? INIT_DRAG_POSITION : minRange INIT_DRAG_POSITION = minRange > INIT_DRAG_POSITION ? INIT_DRAG_POSITION : minRange
// 根据图片的宽高显示不同的效果 保证图片可以正常显示 // 根据图片的宽高显示不同的效果 保证图片可以正常显示
if (IMG_RATIO >= 1) { if (IMG_RATIO >= 1) {
let cutT = Math.ceil((SCREEN_WIDTH / IMG_RATIO - (SCREEN_WIDTH / IMG_RATIO - INIT_DRAG_POSITION)) / 2) let cutT = Math.ceil((SCREEN_WIDTH / IMG_RATIO - (SCREEN_WIDTH / IMG_RATIO -
INIT_DRAG_POSITION)) / 2)
let cutB = cutT let cutB = cutT
let cutL = Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH + INIT_DRAG_POSITION) / 2) let cutL = Math.ceil((SCREEN_WIDTH - SCREEN_WIDTH + INIT_DRAG_POSITION) / 2)
let cutR = cutL let cutR = cutL
@ -161,7 +180,8 @@
innerAspectRadio: IMG_RATIO innerAspectRadio: IMG_RATIO
}) })
} else { } else {
let cutL = Math.ceil((SCREEN_WIDTH * IMG_RATIO - (SCREEN_WIDTH * IMG_RATIO)) / 2) let cutL = Math.ceil((SCREEN_WIDTH * IMG_RATIO - (SCREEN_WIDTH * IMG_RATIO)) /
2)
let cutR = cutL let cutR = cutL
let cutT = Math.ceil((SCREEN_WIDTH - INIT_DRAG_POSITION) / 2) let cutT = Math.ceil((SCREEN_WIDTH - INIT_DRAG_POSITION) / 2)
let cutB = cutT let cutB = cutT
@ -253,12 +273,18 @@
destHeight: canvasH, destHeight: canvasH,
quality: 0.5, quality: 0.5,
canvasId: 'myCanvas', canvasId: 'myCanvas',
success: function (res) { success: function(res) {
uni.hideLoading() uni.hideLoading()
let data = {name: 'avatarfile', filePath: res.tempFilePath} let data = {
name: 'avatarfile',
filePath: res.tempFilePath
}
uploadAvatar(data).then(response => { uploadAvatar(data).then(response => {
store.commit('SET_AVATAR', baseUrl + response.imgUrl) store.commit('SET_AVATAR', baseUrl + response.imgUrl)
uni.showToast({ title: "修改成功", icon: 'success' }) uni.showToast({
title: "修改成功",
icon: 'success'
})
uni.navigateBack() uni.navigateBack()
}) })
} }
@ -290,7 +316,8 @@
case 'left': case 'left':
var dragLength = (T_PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO var dragLength = (T_PAGE_X - e.touches[0].pageX) * DRAFG_MOVE_RATIO
if (CUT_L - dragLength < 0) dragLength = CUT_L if (CUT_L - dragLength < 0) dragLength = CUT_L
if ((CUT_L - dragLength) > (this.cropperW - this.cutR)) dragLength = CUT_L - (this.cropperW - this.cutR) if ((CUT_L - dragLength) > (this.cropperW - this.cutR)) dragLength = CUT_L - (this.cropperW - this
.cutR)
this.setData({ this.setData({
cutL: CUT_L - dragLength cutL: CUT_L - dragLength
}) })
@ -298,7 +325,8 @@
case 'top': case 'top':
var dragLength = (T_PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO var dragLength = (T_PAGE_Y - e.touches[0].pageY) * DRAFG_MOVE_RATIO
if (CUT_T - dragLength < 0) dragLength = CUT_T if (CUT_T - dragLength < 0) dragLength = CUT_T
if ((CUT_T - dragLength) > (this.cropperH - this.cutB)) dragLength = CUT_T - (this.cropperH - this.cutB) if ((CUT_T - dragLength) > (this.cropperH - this.cutB)) dragLength = CUT_T - (this.cropperH - this
.cutB)
this.setData({ this.setData({
cutT: CUT_T - dragLength cutT: CUT_T - dragLength
}) })
@ -382,6 +410,7 @@
image-orientation: 0deg !important; image-orientation: 0deg !important;
margin: 0 auto; margin: 0 auto;
} }
/* 移动图片效果 */ /* 移动图片效果 */
.uni-cropper-drag-box { .uni-cropper-drag-box {
@ -394,6 +423,7 @@
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
z-index: 1; z-index: 1;
} }
/* 内部的信息 */ /* 内部的信息 */
.uni-corpper-crop-box { .uni-corpper-crop-box {
@ -411,6 +441,7 @@
outline: 1rpx solid #69f; outline: 1rpx solid #69f;
outline-color: rgba(102, 153, 255, .75) outline-color: rgba(102, 153, 255, .75)
} }
/* 横向虚线 */ /* 横向虚线 */
.uni-cropper-dashed-h { .uni-cropper-dashed-h {
@ -422,6 +453,7 @@
border-top: 1rpx dashed rgba(255, 255, 255, 0.5); border-top: 1rpx dashed rgba(255, 255, 255, 0.5);
border-bottom: 1rpx dashed rgba(255, 255, 255, 0.5); border-bottom: 1rpx dashed rgba(255, 255, 255, 0.5);
} }
/* 纵向虚线 */ /* 纵向虚线 */
.uni-cropper-dashed-v { .uni-cropper-dashed-v {
@ -433,6 +465,7 @@
border-left: 1rpx dashed rgba(255, 255, 255, 0.5); border-left: 1rpx dashed rgba(255, 255, 255, 0.5);
border-right: 1rpx dashed rgba(255, 255, 255, 0.5); border-right: 1rpx dashed rgba(255, 255, 255, 0.5);
} }
/* 四个方向的线 为了之后的拖动事件*/ /* 四个方向的线 为了之后的拖动事件*/
.uni-cropper-line-t { .uni-cropper-line-t {
@ -615,6 +648,7 @@
margin-top: -3rpx; margin-top: -3rpx;
cursor: n-resize; cursor: n-resize;
} }
/* 裁剪框预览内容 */ /* 裁剪框预览内容 */
.uni-cropper-viewer { .uni-cropper-viewer {

85
pages/mine/index.vue
Unescape View File

@ -1,13 +1,14 @@
<template> <template>
<view class="mine-container" :style="{height: `${windowHeight}px`}"> <view class="mine-container" :style="{height: `${windowHeight}px`}">
<!--顶部个人信息栏--> <!--顶部个人信息栏-->
<view class="header-section"> <view class="header-section" :style="{paddingTop:boxTop + 'px'}">
<view class="flex padding justify-between"> <view class="flex padding justify-between">
<view class="flex align-center"> <view class="flex align-center">
<view v-if="!avatar" class="cu-avatar xl round bg-white"> <view v-if="!avatar" class="cu-avatar xl round bg-white">
<view class="iconfont icon-people text-gray icon"></view> <view class="iconfont icon-people text-gray icon"></view>
</view> </view>
<image v-if="avatar" @click="handleToAvatar" :src="avatar" class="cu-avatar xl round" mode="widthFix"> <image v-if="avatar" @click="handleToAvatar" :src="avatar" class="cu-avatar xl round"
mode="widthFix">
</image> </image>
<view v-if="!name" @click="handleToLogin" class="login-tip"> <view v-if="!name" @click="handleToLogin" class="login-tip">
点击登录 点击登录
@ -18,60 +19,32 @@
</view> </view>
</view> </view>
</view> </view>
<view @click="handleToInfo" class="flex align-center">
<text>个人信息</text>
<view class="iconfont icon-right"></view>
</view>
</view>
</view>
<view class="content-section">
<view class="mine-actions grid col-4 text-center">
<view class="action-item" @click="handleJiaoLiuQun">
<view class="iconfont icon-friendfill text-pink icon"></view>
<text class="text">交流群</text>
</view>
<view class="action-item" @click="handleBuilding">
<view class="iconfont icon-service text-blue icon"></view>
<text class="text">在线客服</text>
</view>
<view class="action-item" @click="handleBuilding">
<view class="iconfont icon-community text-mauve icon"></view>
<text class="text">反馈社区</text>
</view>
<view class="action-item" @click="handleBuilding">
<view class="iconfont icon-dianzan text-green icon"></view>
<text class="text">点赞我们</text>
</view> </view>
</view> </view>
<view class="menu-list"> <view class="menu-list">
<view class="list-cell list-cell-arrow" @click="handleToEditInfo"> <view class="list-cell list-cell-arrow" @click="handleToEditInfo">
<view class="menu-item-box"> <view class="menu-item-box">
<view class="iconfont icon-user menu-icon"></view>
<view>编辑资料</view> <view class="iconfont icon-password menu-icon"></view>
</view> <view>修改密码</view>
</view>
<view class="list-cell list-cell-arrow" @click="handleHelp">
<view class="menu-item-box">
<view class="iconfont icon-help menu-icon"></view>
<view>常见问题</view>
</view> </view>
</view> </view>
<view class="list-cell list-cell-arrow" @click="handleAbout"> <view class="list-cell list-cell-arrow" @click="handleToInfo">
<view class="menu-item-box"> <view class="menu-item-box">
<view class="iconfont icon-aixin menu-icon"></view> <view class="iconfont icon-user menu-icon"></view>
<view>关于我们</view> <view>个人信息</view>
</view>
</view> </view>
<view class="list-cell list-cell-arrow" @click="handleToSetting">
<view class="menu-item-box">
<view class="iconfont icon-setting menu-icon"></view>
<view>应用设置</view>
</view> </view>
</view> </view>
<view class="outLogin">
<u-button type="primary" @click="handleLogout">退出登录</u-button>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
@ -82,10 +55,15 @@
export default { export default {
data() { data() {
return { return {
boxTop: 0,
name: this.$store.state.user.name, name: this.$store.state.user.name,
version: getApp().globalData.config.appInfo.version version: getApp().globalData.config.appInfo.version
} }
}, },
onLoad() {
const systemData = this.$u.sys()
this.boxTop = systemData.statusBarHeight
},
computed: { computed: {
avatar() { avatar() {
return this.$store.state.user.avatar return this.$store.state.user.avatar
@ -95,11 +73,18 @@
} }
}, },
methods: { methods: {
handleLogout() {
this.$modal.confirm('确定注销并退出系统吗？').then(() => {
this.$store.dispatch('LogOut').then(() => {
this.$tab.reLaunch('/pages/index')
})
})
},
handleToInfo() { handleToInfo() {
this.$tab.navigateTo('/pages/mine/info/index') this.$tab.navigateTo('/pages/mine/info/index')
}, },
handleToEditInfo() { handleToEditInfo() {
this.$tab.navigateTo('/pages/mine/info/edit') this.$tab.navigateTo('/pages/mine/pwd/index')
}, },
handleToSetting() { handleToSetting() {
this.$tab.navigateTo('/pages/mine/setting/index') this.$tab.navigateTo('/pages/mine/setting/index')
@ -144,7 +129,11 @@
.header-section { .header-section {
padding: 15px 15px 45px 15px; display: flex;
align-items: center;
height: 300rpx;
background-color: #3c96f3; background-color: #3c96f3;
color: white; color: white;
@ -195,4 +184,14 @@
} }
} }
} }
.outLogin {
position: fixed;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
width: 90%;
margin-top: 30rpx;
}
</style> </style>

24
pages/mine/info/index.vue
Unescape View File

@ -1,18 +1,28 @@
<template> <template>
<navigation-general title="个人信息">
<view class="container"> <view class="container">
<uni-list> <uni-list>
<uni-list-item showExtraIcon="true" :extraIcon="{type: 'person-filled'}" title="昵称" :rightText="user.nickName" /> <uni-list-item showExtraIcon="true" :extraIcon="{type: 'person-filled'}" title="昵称"
<uni-list-item showExtraIcon="true" :extraIcon="{type: 'phone-filled'}" title="手机号码" :rightText="user.phonenumber" /> :rightText="user.nickName" />
<uni-list-item showExtraIcon="true" :extraIcon="{type: 'email-filled'}" title="邮箱" :rightText="user.email" /> <uni-list-item showExtraIcon="true" :extraIcon="{type: 'phone-filled'}" title="手机号码"
<uni-list-item showExtraIcon="true" :extraIcon="{type: 'auth-filled'}" title="岗位" :rightText="postGroup" /> :rightText="user.phonenumber" />
<uni-list-item showExtraIcon="true" :extraIcon="{type: 'staff-filled'}" title="角色" :rightText="roleGroup" /> <uni-list-item showExtraIcon="true" :extraIcon="{type: 'email-filled'}" title="邮箱"
<uni-list-item showExtraIcon="true" :extraIcon="{type: 'calendar-filled'}" title="创建日期" :rightText="user.createTime" /> :rightText="user.email" />
<uni-list-item showExtraIcon="true" :extraIcon="{type: 'auth-filled'}" title="岗位"
:rightText="postGroup" />
<uni-list-item showExtraIcon="true" :extraIcon="{type: 'staff-filled'}" title="角色"
:rightText="roleGroup" />
<uni-list-item showExtraIcon="true" :extraIcon="{type: 'calendar-filled'}" title="创建日期"
:rightText="user.createTime" />
</uni-list> </uni-list>
</view> </view>
</navigation-general>
</template> </template>
<script> <script>
import { getUserProfile } from "@/api/system/user" import {
getUserProfile
} from "@/api/system/user"
export default { export default {
data() { data() {

12
pages/mine/pwd/index.vue
Unescape View File

@ -1,4 +1,5 @@
<template> <template>
<navigation-general title="修改密码">
<view class="pwd-retrieve-container"> <view class="pwd-retrieve-container">
<uni-forms ref="form" :value="user" labelWidth="80px"> <uni-forms ref="form" :value="user" labelWidth="80px">
<uni-forms-item name="oldPassword" label="旧密码"> <uni-forms-item name="oldPassword" label="旧密码">
@ -10,13 +11,17 @@
<uni-forms-item name="confirmPassword" label="确认密码"> <uni-forms-item name="confirmPassword" label="确认密码">
<uni-easyinput type="password" v-model="user.confirmPassword" placeholder="请确认新密码" /> <uni-easyinput type="password" v-model="user.confirmPassword" placeholder="请确认新密码" />
</uni-forms-item> </uni-forms-item>
<button type="primary" @click="submit">提交</button>
</uni-forms> </uni-forms>
</view> </view>
<bottom-btn type="primary" title="提交" @handlerClick="submit"></bottom-btn>
</navigation-general>
</template> </template>
<script> <script>
import { updateUserPwd } from "@/api/system/user" import {
updateUserPwd
} from "@/api/system/user"
export default { export default {
data() { data() {
@ -52,8 +57,7 @@
}, { }, {
validateFunction: (rule, value, data) => data.newPassword === value, validateFunction: (rule, value, data) => data.newPassword === value,
errorMessage: '两次输入的密码不一致' errorMessage: '两次输入的密码不一致'
} }]
]
} }
} }
} }

16
pages/work/index.vue
Unescape View File

@ -2,7 +2,8 @@
<navigation-general :isBack="false" title="预警中心"> <navigation-general :isBack="false" title="预警中心">
<scroll-view scroll-y="true" :style="{height: `calc(100% - ${boxTop}rpx)`}" @scrolltolower="scrolltolower"> <scroll-view scroll-y="true" :style="{height: `calc(100% - ${boxTop}rpx)`}" @scrolltolower="scrolltolower">
<div class="building-list"> <div class="building-list">
<view class="building-item" v-for="(item,index) in buildingList" :key="index"> <view class="building-item" v-for="(item,index) in buildingList" :key="index"
@click="handlerCilck(item)">
<text class="building-name">{{item.pname }}</text> <text class="building-name">{{item.pname }}</text>
<color-item :item="item"></color-item> <color-item :item="item"></color-item>
<text class="building-name">已 <text style="color: red;">{{item.daycount }}</text>天未更新</text> <text class="building-name">已 <text style="color: red;">{{item.daycount }}</text>天未更新</text>
@ -56,6 +57,19 @@
this.getWarnList() this.getWarnList()
}, },
methods: { methods: {
handlerCilck(item) {
console.log(item)
this.$u.route({
url: 'pages/house/house',
params: {
buildingId: item.buildingId,
houseId: item.houseId,
deptId: item.deptId,
houseName: item.housename
}
})
},
// 触底加装更多 // 触底加装更多
scrolltolower() { scrolltolower() {
if (this.buildingList.length >= this.total) { if (this.buildingList.length >= this.total) {

1
store/modules/user.js
Unescape View File

@ -101,6 +101,7 @@ const user = {
} }
commit('SET_NAME', username) commit('SET_NAME', username)
commit('SET_USER_ID', user.userId) commit('SET_USER_ID', user.userId)
commit('SET_DEPT_ID', user.dept.deptId)
commit('SET_DEPT', user.dept) commit('SET_DEPT', user.dept)
commit('SET_AVATAR', avatar) commit('SET_AVATAR', avatar)

Write Preview
Loading…
Cancel
Save