kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BUG 27457

Browse Source
This commit is contained in:
aixianling
2022-03-15 17:58:27 +08:00
parent 970ade9a64
commit 0d977964bd
1 changed files with 50 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/saas/AppConflictMediation/Content.vue
View File

@@ -2,41 +2,49 @@
<div class="Transfer"> <div class="Transfer">
<div class="contents"> <div class="contents">
<u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false"> <u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false">
<u-form-item label="转交给" prop="status" required :border-bottom="false" right-icon="arrow-right" class="first-form" v-if="status == 4"> <u-form-item label="转交给" prop="status" required :border-bottom="false" right-icon="arrow-right"
class="first-form" v-if="status == 4">
<!-- <u-input v-model="forms.name" placeholder="请选择转交对象" @click="toSelectUser" disabled /> --> <!-- <u-input v-model="forms.name" placeholder="请选择转交对象" @click="toSelectUser" disabled /> -->
<div @click="toSelectUser" style="width: 100%; text-align: right;"> <div @click="toSelectUser" style="width: 100%; text-align: right;">
<span v-if="!forms.name" style="color:#999;">请选择</span> <span v-if="!forms.name" style="color:#999;">请选择</span>
<AiOpenData v-if="forms.name" type="userName" :openid="forms.name" style="display:inline-block;"/> <AiOpenData v-else-if="selectUser.name" type="userName" :openid="forms.name" style="display:inline-block;"/>
<span v-else v-text="forms.name"/>
</div> </div>
</u-form-item> </u-form-item>
<u-form-item label="事件分类" prop="groupName" required :border-bottom="false" right-icon="arrow-right" v-if="status== 2"> <u-form-item label="事件分类" prop="groupName" required :border-bottom="false" right-icon="arrow-right"
v-if="status== 2">
<span @click="show = true" class="right-span" :style="forms.groupName ? '' : 'color:#999;'">{{forms.groupName || '请选择事件分类'}}</span> <span @click="show = true" class="right-span"
:style="forms.groupName ? '' : 'color:#999;'">{{ forms.groupName || '请选择事件分类' }}</span>
<u-select v-model="show" :list="myList" value-name="id" label-name="groupName" @confirm="selectStatus"></u-select> <u-select v-model="show" :list="myList" value-name="id" label-name="groupName"
@confirm="selectStatus"></u-select>
</u-form-item> </u-form-item>
<u-form-item :label="status == 2 ? '办结意见':'办理意见'" prop="content" required :border-bottom="false" label-position="top" class="contents"> <u-form-item :label="status == 2 ? '办结意见':'办理意见'" prop="content" required :border-bottom="false"
<u-input v-model="forms.content" :placeholder="status == 2 ? '请写下你的办结意见…' : '请写下你的办理意见...'" type="textarea" auto-height height="100" maxlength="200" /> label-position="top" class="contents">
<u-input v-model="forms.content" :placeholder="status == 2 ? '请写下你的办结意见…' : '请写下你的办理意见...'" type="textarea"
auto-height height="100" maxlength="200"/>
</u-form-item> </u-form-item>
<div class="limit">{{ forms.content.length }}/200</div> <div class="limit">{{ forms.content.length }}/200</div>
<div class="line"></div> <div class="line"></div>
<u-form-item label="图片上传(最多9张)" prop="files" :border-bottom="false" class="avatars" label-position="top"> <u-form-item label="图片上传(最多9张)" prop="files" :border-bottom="false" class="avatars" label-position="top">
<AiUploader :def.sync="forms.files" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader> <AiUploader :def.sync="forms.files" multiple placeholder="上传图片" :limit="9"
action="/admin/file/add2"></AiUploader>
</u-form-item> </u-form-item>
</u-form> </u-form>
</div> </div>
<div class="btn" v-if="this.status == 4" @click="confirm"> <div class="btn" v-if="status == 4" @click="confirm">
<span>转交事件</span> <span>转交事件</span>
</div> </div>
<div class="btn" v-if="this.status == 2" @click="confirm"> <div class="btn" v-if="status == 2" @click="confirm">
<span>确定</span> <span>确定</span>
</div> </div>
</div> </div>
@@ -58,12 +66,11 @@ export default {
}, },
flag: false, flag: false,
show: false, show: false,
status: '', //4转交 2我已办结 status: '', //4转交 2我已办结
myList: [], myList: [],
id: '', id: '',
selectUser: {}, selectUser: {},
titleList: ['', '', '事件处理', '', '事件转交'], titleList: ['', '', '事件处理', '', '事件转交'],
} }
}, },
onLoad(option) { onLoad(option) {
@@ -74,9 +81,9 @@ export default {
this.typeList() this.typeList()
uni.$on('goback', (res) => { uni.$on('goback', (res) => {
this.selectUser = res this.selectUser = res
if(res.name) { if (res.name) {
this.forms.name = res.name this.forms.name = res.name
}else{ } else {
this.forms.name = res.girdName this.forms.name = res.girdName
} }
}) })
@@ -101,20 +108,20 @@ export default {
}, },
confirm() { confirm() {
if(this.status == 4 && !this.forms.name) { if (this.status == 4 && !this.forms.name) {
return this.$u.toast('请选择转交对象') return this.$u.toast('请选择转交对象')
} }
if(this.status != 4 && !this.forms.groupName) { if (this.status != 4 && !this.forms.groupName) {
return this.$u.toast('请选择分类') return this.$u.toast('请选择分类')
} }
if(this.status != 4 && !this.forms.content) { if (this.status != 4 && !this.forms.content) {
return this.$u.toast('请输入意见') return this.$u.toast('请输入意见')
} }
this.submit() this.submit()
}, },
submit() { //status 4转交 2我已办结 submit() { //status 4转交 2我已办结
var url = '', successText= '', params= '' var url = '', successText = '', params = ''
if(this.status == 4) { if (this.status == 4) {
url = `/app/appclapeventinfo/transfer` url = `/app/appclapeventinfo/transfer`
successText = '转交成功' successText = '转交成功'
params = { params = {
@@ -122,13 +129,13 @@ export default {
girdId: this.selectUser.id, girdId: this.selectUser.id,
girdName: this.selectUser.girdName, girdName: this.selectUser.girdName,
} }
if(this.selectUser.name) { //选择的网格员 if (this.selectUser.name) { //选择的网格员
params.girdId = this.selectUser.girdId params.girdId = this.selectUser.girdId
params.girdMemberId = this.selectUser.wxUserId params.girdMemberId = this.selectUser.wxUserId
params.girdMemberName = this.selectUser.name params.girdMemberName = this.selectUser.name
} }
} }
if(this.status == 2) { if (this.status == 2) {
url = `/app/appclapeventinfo/finishByGirdMember` url = `/app/appclapeventinfo/finishByGirdMember`
successText = '办结成功' successText = '办结成功'
params = {...this.forms} params = {...this.forms}
@@ -140,12 +147,12 @@ export default {
uni.$emit('updateDeatil') uni.$emit('updateDeatil')
uni.$emit('getListInit') uni.$emit('getListInit')
setTimeout(() => { setTimeout(() => {
if(this.status == 4) { if (this.status == 4) {
uni.navigateBack({delta: 2}) uni.navigateBack({delta: 2})
}else { } else {
uni.navigateBack() uni.navigateBack()
} }
},600) }, 600)
} }
}) })
}, },
@@ -154,7 +161,7 @@ export default {
this.forms.groupId = e[0].value this.forms.groupId = e[0].value
}, },
toSelectUser() { toSelectUser() {
uni.navigateTo({ url: './SelectUser' }) uni.navigateTo({url: './SelectUser'})
}, },
}, },
} }
@@ -163,14 +170,18 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.Transfer { .Transfer {
height: 100%; height: 100%;
.contents { .contents {
padding-bottom: 140px; padding-bottom: 140px;
::v-deep .u-form { ::v-deep .u-form {
.u-form-item { .u-form-item {
padding: 0 45px !important; padding: 0 45px !important;
.u-form-item__body { .u-form-item__body {
.u-form-item--right__content__slot { .u-form-item--right__content__slot {
padding-bottom: 0; padding-bottom: 0;
.u-input { .u-input {
text-align: right !important; text-align: right !important;
} }
@@ -191,6 +202,7 @@ export default {
.contents { .contents {
padding-bottom: 20px !important; padding-bottom: 20px !important;
.u-form-item__body { .u-form-item__body {
.u-form-item--right__content__slot { .u-form-item--right__content__slot {
.u-input { .u-input {
@@ -202,6 +214,7 @@ export default {
.avatars { .avatars {
padding-bottom: 20px !important; padding-bottom: 20px !important;
.u-form-item__body { .u-form-item__body {
.default { .default {
width: 160px; width: 160px;
@@ -213,14 +226,14 @@ export default {
} }
.limit { .limit {
text-align: right !important; text-align: right !important;
font-size: 28px; font-size: 28px;
background: #FFFFFF; background: #FFFFFF;
padding-right: 44px; padding-right: 44px;
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
color: #999; color: #999;
} }
// ::v-deep u-input { // ::v-deep u-input {
// border-bottom: none; // border-bottom: none;
@@ -238,7 +251,8 @@ export default {
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
} }
.right-span{
.right-span {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
text-align: right; text-align: right;