设置最大限制

This commit is contained in:
wuxw 2024-09-29 16:27:09 +08:00
parent d81e0d9b09
commit b44e2b509e

View File

@ -15,7 +15,7 @@
<button class="cu-btn line-blue margin-left-sm round q-input" @click="_addOwner">添加</button> <button class="cu-btn line-blue margin-left-sm round q-input" @click="_addOwner">添加</button>
</view> </view>
</view> </view>
<view class="margin-top" v-if="owners.length > 0"> <view class="margin-top" v-if="owners.length > 0">
<view class="bg-white margin-bottom padding-sm margin-sm radius-sm" v-for="(item,index) in owners" <view class="bg-white margin-bottom padding-sm margin-sm radius-sm" v-for="(item,index) in owners"
:key="index"> :key="index">
@ -24,13 +24,13 @@
<text class="text-bold">{{item.name}}({{item.ownerTypeName}})</text> <text class="text-bold">{{item.name}}({{item.ownerTypeName}})</text>
</view> </view>
<view class="flex justify-start"> <view class="flex justify-start">
<button class="cu-btn sm line-blue " @click="_updateOwnerMember(item)">修改</button> <button class="cu-btn sm line-blue " @click="_updateOwnerMember(item)">修改</button>
<button class="cu-btn sm line-red margin-left " @click="_deleteOwnerMember(item)">删除</button> <button class="cu-btn sm line-red margin-left " @click="_deleteOwnerMember(item)">删除</button>
</view> </view>
</view> </view>
<view class="apply-content flex justify-start"> <view class="apply-content flex justify-start">
<view class="item"> <view class="item">
<image :src="item.faceUrl || noFace" ></image> <image :src="item.faceUrl || noFace"></image>
</view> </view>
<view class="margin-left"> <view class="margin-left">
<view class="item"> <view class="item">
@ -50,14 +50,14 @@
<text>{{item.address || '-'}}</text> <text>{{item.address || '-'}}</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view v-else> <view v-else>
<no-data-page></no-data-page> <no-data-page></no-data-page>
</view> </view>
<view class="cu-modal" :class="delOwnerMemberFlag==true?'show':''"> <view class="cu-modal" :class="delOwnerMemberFlag==true?'show':''">
<view class="cu-dialog"> <view class="cu-dialog">
<view class="cu-bar bg-white justify-end"> <view class="cu-bar bg-white justify-end">
@ -80,79 +80,81 @@
<script> <script>
import noDataPage from '../../components/no-data-page/no-data-page.vue'; import noDataPage from '../../components/no-data-page/no-data-page.vue';
import {queryOwnerAndMembers,deleteOwner} from '../../api/owner/owner.js'; import {
queryOwnerAndMembers,
deleteOwner
} from '../../api/owner/owner.js';
import conf from '../../conf/config.js'; import conf from '../../conf/config.js';
export default { export default {
data() { data() {
return { return {
roomName:'', roomName: '',
ownerName:'', ownerName: '',
link:'', link: '',
owners:[], owners: [],
noFace:'', noFace: '',
delOwnerMemberFlag:false, delOwnerMemberFlag: false,
curOwnerMember:{} curOwnerMember: {}
} }
}, },
onLoad() { onLoad() {
this.noFace = conf.commonBaseUrl + "/img/noPhoto.jpg";
}, },
onShow() { onShow() {
this._queryOwner(); this._queryOwner();
this.noFace = conf.commonBaseUrl+"/img/noPhoto.jpg";
}, },
methods: { methods: {
_queryOwner:function(){ _queryOwner: function() {
let _that = this; let _that = this;
queryOwnerAndMembers(this,{ queryOwnerAndMembers(this, {
page:1, page: 1,
row:50, row: 50,
name:this.ownerName, name: this.ownerName,
link:this.link, link: this.link,
communityId:this.getCommunityId(), communityId: this.getCommunityId(),
roomName:this.roomName roomName: this.roomName
}).then(_data=>{ }).then(_data => {
_that.owners = _data.data; _that.owners = _data.data;
}) })
}, },
_addOwner:function(){ _addOwner: function() {
uni.navigateTo({ uni.navigateTo({
url:'/pages/owner/addOwner' url: '/pages/owner/addOwner'
}) })
}, },
_deleteOwnerMember:function(item){ _deleteOwnerMember: function(item) {
this.delOwnerMemberFlag = true; this.delOwnerMemberFlag = true;
this.curOwnerMember = item; this.curOwnerMember = item;
}, },
_cancleDeleteOwnerMember:function(item){ _cancleDeleteOwnerMember: function(item) {
this.delOwnerMemberFlag = false; this.delOwnerMemberFlag = false;
}, },
_updateOwnerMember:function(_owner){ _updateOwnerMember: function(_owner) {
uni.navigateTo({ uni.navigateTo({
url:'/pages/owner/editOwner?memberId='+_owner.memberId url: '/pages/owner/editOwner?memberId=' + _owner.memberId
}) })
}, },
_doDeleteOwnerMember:function(){ _doDeleteOwnerMember: function() {
let that = this; let that = this;
this.curOwnerMember.communityId = this.getCommunityId(); this.curOwnerMember.communityId = this.getCommunityId();
deleteOwner(this,this.curOwnerMember) deleteOwner(this, this.curOwnerMember)
.then((_data)=>{ .then((_data) => {
uni.showToast({ uni.showToast({
icon:'none', icon: 'none',
title:_data.msg title: _data.msg
}); });
if(_data.code != 0){ if (_data.code != 0) {
return; return;
} }
that._cancleDeleteOwnerMember(); that._cancleDeleteOwnerMember();
that._queryOwner(); that._queryOwner();
},(err)=>{ }, (err) => {
uni.showToast({ uni.showToast({
icon:'none', icon: 'none',
title:err title: err
}); });
that._cancleDeleteOwnerMember(); that._cancleDeleteOwnerMember();
}) })
} }
} }
} }
@ -192,20 +194,21 @@
line-height: 50upx; line-height: 50upx;
border-bottom: 1upx solid #F1F1F1; border-bottom: 1upx solid #F1F1F1;
} }
.apply-content { .apply-content {
.item { .item {
//width: 50%; //width: 50%;
margin-top: 20upx; margin-top: 20upx;
image{
image {
width: 180upx; width: 180upx;
height: 180upx; height: 180upx;
border-radius: 10upx; border-radius: 10upx;
} }
} }
} }
.radius-sm { .radius-sm {
border-radius: 16upx; border-radius: 16upx;
} }
</style> </style>