Merge branch 'dev' of http://git.sinoecare.com/sinoecare/digital_village_v2/dvcp_v2_wxcp_app into dev
This commit is contained in:
yanran200730
@@ -1,339 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="SelectUser">
|
|
||||||
<div class="header-middle">
|
|
||||||
<div class="hint">
|
|
||||||
<span v-for="(item, index) in slectList" :key="index"><span v-if="index" style="margin:0 4px;">/</span><span style="color:#3F8DF5" @click="girdNameClick(item, index)">{{item.girdName}}</span></span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="showTypes" v-if="!userList.length">
|
|
||||||
<div v-if="treeList.length > 0">
|
|
||||||
<div class="cards" v-for="(item, index) in treeList" :key="index" @click="itemClick(item)">
|
|
||||||
<div class="imges">
|
|
||||||
<span v-if="item.girdLevel == 2">
|
|
||||||
<img src="./components/img/xzh.png" alt="" class="imgselect" v-if="item.isChecked" @click.stop="girdClick(item, index)" />
|
|
||||||
<img src="./components/img/xz.png" alt="" class="imgselect" v-else @click.stop="girdClick(item, index)" />
|
|
||||||
</span>
|
|
||||||
<img src="./components/img/gird--select-icon.png" alt="" class="avatras" />
|
|
||||||
</div>
|
|
||||||
<div class="rightes">
|
|
||||||
<div class="applicationNames">{{ item.girdName }}</div>
|
|
||||||
<img src="./components/img/right-icon.png" alt="" class="imgs" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="showUsers" v-else>
|
|
||||||
<div v-if="userList.length > 0">
|
|
||||||
<div class="cards" v-for="(e, index) in userList" :key="index">
|
|
||||||
<div class="imges">
|
|
||||||
<img src="./components/img/xzh.png" alt="" class="imgselect" v-if="e.isChecked" @click="userClick(e, index)" />
|
|
||||||
<img src="./components/img/xz.png" alt="" class="imgselect" v-else @click="userClick(e, index)" />
|
|
||||||
|
|
||||||
<img src="./components/img/tx@2x.png" alt="" class="avatras" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="rights">
|
|
||||||
<div class="applicationNames">{{ e.name }}</div>
|
|
||||||
<div class="idNumbers">{{ e.phone }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="subBtn" @click="submit">
|
|
||||||
<div>确定选择</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: 'SelectUser',
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
selectUser: {},
|
|
||||||
allData: null,
|
|
||||||
treeList: [],
|
|
||||||
slectList: [],
|
|
||||||
userList: [],
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onLoad() {
|
|
||||||
this.getTree()
|
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
document.title = '选择人员'
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
getTree() {
|
|
||||||
this.slectList = []
|
|
||||||
this.$http.post('/app/appgirdinfo/listAllByTop').then((res) => {
|
|
||||||
if (res?.data) {
|
|
||||||
this.allData = res.data
|
|
||||||
this.treeInit()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
treeInit() {
|
|
||||||
if(this.allData[0].girdLevel == 2) {
|
|
||||||
if(this.allData[0].girdMemberList && this.allData[0].girdMemberList.length) {
|
|
||||||
this.userList = this.allData[0].girdMemberList
|
|
||||||
this.userList.map((item) => {
|
|
||||||
item.isChecked = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}else {
|
|
||||||
this.treeList = this.allData[0].girdList
|
|
||||||
}
|
|
||||||
var obj = {
|
|
||||||
girdName: this.allData[0].girdName,
|
|
||||||
id: this.allData[0].id,
|
|
||||||
girdLevel: this.allData[0].girdLevel
|
|
||||||
}
|
|
||||||
this.slectList.push(obj)
|
|
||||||
},
|
|
||||||
|
|
||||||
itemClick(row) {
|
|
||||||
console.log(row)
|
|
||||||
var obj = {
|
|
||||||
girdName: row.girdName,
|
|
||||||
id: row.id,
|
|
||||||
girdLevel: row.girdLevel
|
|
||||||
}
|
|
||||||
this.slectList.push(obj)
|
|
||||||
this.searckGird(row)
|
|
||||||
},
|
|
||||||
|
|
||||||
searckGird(row) {
|
|
||||||
this.treeList = []
|
|
||||||
if(row.girdLevel != 2) { //查网格
|
|
||||||
this.$http.post(`/app/appgirdinfo/list?parentGirdId=${row.id}&size=999`).then((res) => {
|
|
||||||
if (res?.data) {
|
|
||||||
this.treeList = res.data.records
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}else { //查网格员
|
|
||||||
this.userList = []
|
|
||||||
this.$http.post(`/app/appgirdmemberinfo/listByGirdIdByThree?girdId=${row.id}`).then((res) => {
|
|
||||||
if (res?.data) {
|
|
||||||
this.userList = res.data
|
|
||||||
this.userList.map((item) => {
|
|
||||||
item.isChecked = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
girdNameClick(row, index) {
|
|
||||||
this.userList = []
|
|
||||||
if(!index) { //第一级别
|
|
||||||
this.slectList = []
|
|
||||||
this.treeInit()
|
|
||||||
}else {
|
|
||||||
var list = []
|
|
||||||
this.slectList.map((item, i) => {
|
|
||||||
if(i <= index) {
|
|
||||||
list.push(item)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
this.slectList = list
|
|
||||||
this.searckGird(row)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
girdClick(row, index) {
|
|
||||||
if (this.treeList[index].isChecked) {//取消
|
|
||||||
this.treeList[index].isChecked = false
|
|
||||||
this.selectUser = {}
|
|
||||||
} else {
|
|
||||||
this.treeList.map((item) => {
|
|
||||||
item.isChecked = false
|
|
||||||
})
|
|
||||||
this.treeList[index].isChecked = true
|
|
||||||
this.selectUser = row
|
|
||||||
}
|
|
||||||
this.$forceUpdate()
|
|
||||||
},
|
|
||||||
|
|
||||||
userClick(row, index) {
|
|
||||||
if (this.userList[index].isChecked) {//取消
|
|
||||||
this.userList[index].isChecked = false
|
|
||||||
this.selectUser = {}
|
|
||||||
} else {
|
|
||||||
this.userList.map((item) => {
|
|
||||||
item.isChecked = false
|
|
||||||
})
|
|
||||||
this.userList[index].isChecked = true
|
|
||||||
this.selectUser = row
|
|
||||||
}
|
|
||||||
this.$forceUpdate()
|
|
||||||
},
|
|
||||||
|
|
||||||
submit() {
|
|
||||||
if (this.selectUser.id != null) {
|
|
||||||
uni.$emit('goback', this.selectUser)
|
|
||||||
uni.navigateBack()
|
|
||||||
} else {
|
|
||||||
return this.$u.toast('请选择网格或网格员')
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.SelectUser {
|
|
||||||
height: 100%;
|
|
||||||
background: #fff;
|
|
||||||
.header-top {
|
|
||||||
background: #fff;
|
|
||||||
padding: 20px 32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-middle {
|
|
||||||
padding-bottom: 140px;
|
|
||||||
.hint {
|
|
||||||
padding: 28px 20px 28px 32px;
|
|
||||||
line-height: 56px;
|
|
||||||
box-shadow: 0px 1px 0px 0px #e4e5e6;
|
|
||||||
font-size: 30px;
|
|
||||||
font-weight: 500;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.showTypes {
|
|
||||||
.empty-div {
|
|
||||||
height: 16px;
|
|
||||||
background: #f5f5f5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cards {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 120px;
|
|
||||||
line-height: 120px;
|
|
||||||
// background: pink;
|
|
||||||
padding: 0 0 0 32px;
|
|
||||||
|
|
||||||
.imges {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
// width: 200px;
|
|
||||||
.imgselect {
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.avatras {
|
|
||||||
width: 74px;
|
|
||||||
height: 74px;
|
|
||||||
border-radius: 8px;
|
|
||||||
margin-left: 36px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
width: 74px;
|
|
||||||
height: 74px;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
.rightes {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: 32px;
|
|
||||||
border-bottom: 1px solid #e4e5e6;
|
|
||||||
.applicationNames {
|
|
||||||
font-size: 36px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
.imgs {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.showUsers {
|
|
||||||
.cards {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 120px;
|
|
||||||
line-height: 120px;
|
|
||||||
// background: pink;
|
|
||||||
padding: 0 0 0 32px;
|
|
||||||
|
|
||||||
.imges {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
width: 200px;
|
|
||||||
.imgselect {
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.avatras {
|
|
||||||
width: 74px;
|
|
||||||
height: 74px;
|
|
||||||
border-radius: 8px;
|
|
||||||
margin-left: 36px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.rights {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: 32px;
|
|
||||||
border-bottom: 1px solid #e4e5e6;
|
|
||||||
padding-right: 40px;
|
|
||||||
.applicationNames {
|
|
||||||
font-size: 36px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
.idNumbers {
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.subBtn {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 118px;
|
|
||||||
background: #f4f8fb;
|
|
||||||
div {
|
|
||||||
width: 192px;
|
|
||||||
height: 80px;
|
|
||||||
line-height: 80px;
|
|
||||||
text-align: center;
|
|
||||||
background: #1365dd;
|
|
||||||
border-radius: 4px;
|
|
||||||
font-size: 32px;
|
|
||||||
color: #fff;
|
|
||||||
margin: 20px 34px 0 0;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
BIN
src/apps/AppHelpDeclaration/components/img/check-icon.png
Normal file
BIN
src/apps/AppHelpDeclaration/components/img/check-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
@@ -93,20 +93,15 @@
|
|||||||
|
|
||||||
<div class="fixedBtn">
|
<div class="fixedBtn">
|
||||||
<div class="status00">
|
<div class="status00">
|
||||||
<div class="columns border-r" @click="toContent(1)">
|
<div class="columns" @click="toContent(1)">
|
||||||
<span class="hint">转交事件</span>
|
<span class="hint">转交事件</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <div class="columns" @click="toContent(2)">
|
<div class="columns" @click="toContent(2)">
|
||||||
<span class="hint">拒绝受理</span>
|
<span class="hint">审核处理</span>
|
||||||
</div> -->
|
</div>
|
||||||
|
|
||||||
<div class="doIt" @click="doItShow = true">审核处理</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="endDoIt" v-if="data.eventStatus == 1 && data.rightType == 0" @click="toContent(3)">前往办理</div>
|
|
||||||
</div>
|
</div>
|
||||||
<u-modal v-model="doItShow" :mask-close-able="true" z-index="99" content="确定处理该事件?" :show-cancel-button="true" @confirm="doThings"></u-modal>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -117,7 +112,6 @@ export default {
|
|||||||
list: [],
|
list: [],
|
||||||
data: {},
|
data: {},
|
||||||
id: '',
|
id: '',
|
||||||
doItShow: false,
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(o) {
|
onLoad(o) {
|
||||||
@@ -142,8 +136,9 @@ export default {
|
|||||||
current: img
|
current: img
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
// 转交 1 ， 审核处理 2
|
||||||
toContent(status) {
|
toContent(status) {
|
||||||
uni.navigateTo({ url: `./result?status=${status}` })
|
uni.navigateTo({ url: `./result?status=${status}&id=${this.id}` })
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -366,38 +361,24 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 50%;
|
flex: 1;
|
||||||
padding: 16px 0;
|
padding: 28px 0;
|
||||||
border-top: 1px solid #ddd;
|
border-top: 1px solid #ddd;
|
||||||
.hint {
|
.hint {
|
||||||
margin-top: 16px;
|
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
color: #666666;
|
color: #333;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.border-r {
|
.columns:last-child {
|
||||||
border-right: 1px solid #ddd;
|
border-left: 1px solid #ddd;
|
||||||
}
|
|
||||||
.doIt {
|
|
||||||
width: 56%;
|
|
||||||
background: #3975c6;
|
background: #3975c6;
|
||||||
text-align: center;
|
.hint {
|
||||||
line-height: 112px;
|
font-size: 32px;
|
||||||
font-size: 32px;
|
color: #FFF;
|
||||||
font-weight: 500;
|
}
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.endDoIt {
|
|
||||||
background: #3975c6;
|
|
||||||
text-align: center;
|
|
||||||
padding: 34px 0;
|
|
||||||
|
|
||||||
font-size: 32px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,41 +1,45 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="result">
|
<div class="result" showPage='false'>
|
||||||
<div class="contents">
|
|
||||||
<u-form :model="forms" ref="uForm" label-width="auto" :border-bottom="false">
|
<div class="type">
|
||||||
<u-form-item label="转交给" prop="status" required :border-bottom="false" right-icon="arrow-right" class="first-form" v-if="status == 1">
|
<div class="left">
|
||||||
<u-input v-model="forms.name" placeholder="请选择转交对象" @click="toSelectUser" disabled />
|
<span>*</span>
|
||||||
</u-form-item>
|
<span v-if="status == 1">处理意见</span>
|
||||||
<u-form-item label="事件分类" prop="groupName" required :border-bottom="false" right-icon="arrow-right" v-if="status != 1">
|
<span v-if="status == 2">处理结果</span>
|
||||||
<!-- <u-input v-model="forms.groupName" placeholder="请选择事件分类" /> -->
|
</div>
|
||||||
<span @click="show = true" class="right-span" :style="forms.groupName ? '' : 'color:#999;'">{{forms.groupName || '请选择事件分类'}}</span>
|
<div class="right">
|
||||||
|
<div style="display: flex" v-if="status == 1">
|
||||||
<u-select v-model="show" :list="myList" value-name="id" label-name="groupName" @confirm="selectStatus"></u-select>
|
<AiPagePicker type="party" @select="handlePartySelect" single :isFourParty="true">
|
||||||
</u-form-item>
|
<AiMore v-model="doUsername" placeholder="请选择"/>
|
||||||
|
</AiPagePicker>
|
||||||
<u-form-item :label="status == 3 ? '办结意见' : status == 2 ? '拒绝受理意见' : '办理意见'" prop="content" required :border-bottom="false" label-position="top" class="contents">
|
</div>
|
||||||
<u-input v-model="forms.content" :placeholder="status == 2 ? '请写下拒绝受理意见…' : '请写下你的办结意见...'" type="textarea" auto-height height="100" maxlength="500" />
|
<div class="check_box" v-if="status == 2">
|
||||||
</u-form-item>
|
<div class="check-item" :class="auditStatus == '1' ? 'check-active' : '' " @click="auditStatus='1'">通过审核<img src="./components/img/check-icon.png" alt=""></div>
|
||||||
|
<div class="check-item" :class="auditStatus == '0' ? 'check-active' : '' " @click="auditStatus='0'">驳回申请<img src="./components/img/check-icon.png" alt=""></div>
|
||||||
<div class="line"></div>
|
</div>
|
||||||
|
</div>
|
||||||
<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>
|
|
||||||
</u-form-item>
|
|
||||||
|
|
||||||
</u-form>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="btn" v-if="this.status == 1" @click="confirm">
|
<div class="remark">
|
||||||
<span>转交事件</span>
|
<div class="top">
|
||||||
|
<span style="margin-right: 8px;"></span><span>办理意见</span>
|
||||||
|
</div>
|
||||||
|
<div class="bottom">
|
||||||
|
<u-input type="textarea" v-model="description" placeholder="请写下你的办理意见" maxlength="500" height="200"/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="btn" v-if="this.status == 2" @click="confirm">
|
<div class="picture">
|
||||||
<span>拒绝受理</span>
|
<div class="top">
|
||||||
|
<span style="margin-right: 8px"></span><span>图片上传<span style="color: #999;font-size:14px;">最多9张</span></span>
|
||||||
|
</div>
|
||||||
|
<div class="bottom">
|
||||||
|
<AiUploader :def.sync="files" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"></AiUploader>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="btn" v-if="this.status == 3" @click="confirm">
|
<div class="btn" @click="submit">提交</div>
|
||||||
<span>我已办结</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -43,190 +47,187 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
forms: {
|
// operation: '',
|
||||||
groupName: '',
|
description: '',
|
||||||
groupId: '',
|
status: '',
|
||||||
content: '',
|
files: [],
|
||||||
files: [],
|
showPage: false,
|
||||||
name: ''
|
id:'',
|
||||||
},
|
doUsername: '',
|
||||||
flag: false,
|
|
||||||
show: false,
|
|
||||||
status: '', //1转交 2拒绝受理 3我已办结
|
|
||||||
myList: [],
|
|
||||||
id: '',
|
|
||||||
selectUser: {},
|
selectUser: {},
|
||||||
titleList: ['', '转交事件', '拒绝受理', '我已办结']
|
auditStatus: '',
|
||||||
|
wxUserId: '',
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onLoad(o) {
|
||||||
this.status = option.status
|
this.$dict.load('fpRiskPersonOperation1','fpRiskPersonOperation2','fpRiskType').then(()=>{
|
||||||
this.id = option.id
|
this.status = o.status
|
||||||
this.forms.groupId = option.groupId
|
this.id = o.id
|
||||||
this.forms.groupName = option.groupName
|
this.showPage = true
|
||||||
this.typeList()
|
|
||||||
uni.$on('goback', (res) => {
|
|
||||||
this.selectUser = res
|
|
||||||
if(res.name) {
|
|
||||||
this.forms.name = res.name
|
|
||||||
}else{
|
|
||||||
this.forms.name = res.girdName
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
},
|
|
||||||
onShow() {
|
|
||||||
console.log(this.titleList[this.status])
|
|
||||||
document.title = this.titleList[this.status]
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 人员组件选择转交对象
|
||||||
typeList() {
|
handlePartySelect(e) {
|
||||||
this.$http.post(`/app/appclapeventgroup/list`, null, {
|
console.log(e);
|
||||||
params: {
|
this.wxUserId = e[0].id
|
||||||
size: 9999,
|
this.doUsername = e[0].name
|
||||||
},
|
|
||||||
})
|
|
||||||
.then((res) => {
|
|
||||||
if (res.code == 0) {
|
|
||||||
this.myList = res.data.records
|
|
||||||
this.$forceUpdate()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
},
|
||||||
|
|
||||||
confirm() {
|
submit() {
|
||||||
if(this.status == 1 && !this.forms.name) {
|
if (this.status == 1) {
|
||||||
return this.$u.toast('请选择转交对象')
|
if(!this.doUsername) {
|
||||||
}
|
return this.$u.toast('请选择转交对象')
|
||||||
if(this.status != 1 && !this.forms.groupName) {
|
|
||||||
return this.$u.toast('请选择分类')
|
|
||||||
}
|
|
||||||
if(this.status != 1 && !this.forms.content) {
|
|
||||||
return this.$u.toast('请输入意见')
|
|
||||||
}
|
|
||||||
this.submit()
|
|
||||||
},
|
|
||||||
submit() { //status 1转交 2拒绝受理 3我已办结
|
|
||||||
var url = '', successText= '', params= ''
|
|
||||||
if(this.status == 1) {
|
|
||||||
url = `/app/appclapeventinfo/transfer`
|
|
||||||
successText = '转交成功'
|
|
||||||
params = {
|
|
||||||
...this.forms,
|
|
||||||
girdId: this.selectUser.id,
|
|
||||||
girdName: this.selectUser.girdName,
|
|
||||||
}
|
}
|
||||||
if(this.selectUser.name) { //选择的网格员
|
}
|
||||||
params.girdId = this.selectUser.girdId
|
if (this.status == 2) {
|
||||||
params.girdMemberId = this.selectUser.id
|
if(!this.auditStatus) {
|
||||||
params.girdMemberName = this.selectUser.name
|
return this.$u.toast('请选择处理结果')
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let url = ''
|
||||||
|
let form = {}
|
||||||
|
if (this.status == 1) {
|
||||||
|
form = {
|
||||||
|
doUsername: this.doUsername,
|
||||||
|
description: this.description,
|
||||||
|
files: this.files,
|
||||||
|
declarationId: this.id,
|
||||||
|
wxUserId: this.wxUserId,
|
||||||
|
}
|
||||||
|
url = '/app/apphelpdeclarationinfo/forward'
|
||||||
}
|
}
|
||||||
if(this.status == 2) {
|
if (this.status == 2) {
|
||||||
url = `/app/appclapeventinfo/refuse`
|
form = {
|
||||||
successText = '拒绝成功'
|
auditStatus: this.auditStatus,
|
||||||
params = {...this.forms}
|
description: this.description,
|
||||||
|
files: this.files,
|
||||||
|
declarationId: this.id,
|
||||||
|
wxUserId: this.wxUserId,
|
||||||
|
}
|
||||||
|
url = '/app/apphelpdeclarationinfo/audit'
|
||||||
}
|
}
|
||||||
if(this.status == 3) {
|
this.$http.post(url,form).then(res => {
|
||||||
url = `/app/appclapeventinfo/finishByGirdMember`
|
|
||||||
successText = '办结成功'
|
|
||||||
params = {...this.forms}
|
|
||||||
}
|
|
||||||
params.id = this.id
|
|
||||||
this.$http.post(url, params).then((res) => {
|
|
||||||
if (res.code == 0) {
|
if (res.code == 0) {
|
||||||
this.$u.toast(successText)
|
this.$u.toast('提交成功')
|
||||||
uni.$emit('updateDeatil')
|
uni.$emit('update')
|
||||||
uni.$emit('getListInit')
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
if(this.status == 1) {
|
uni.navigateBack({delta: 2})
|
||||||
uni.navigateBack({delta: 2})
|
|
||||||
}else {
|
|
||||||
uni.navigateBack()
|
|
||||||
}
|
|
||||||
},600)
|
},600)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
}
|
||||||
selectStatus(e) {
|
|
||||||
this.forms.groupName = e[0].label
|
|
||||||
this.forms.groupId = e[0].value
|
|
||||||
},
|
|
||||||
toSelectUser() {
|
|
||||||
uni.navigateTo({ url: './SelectUser' })
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
onShow() {
|
||||||
|
document.title = this.checkType == 1? "处理意见":this.checkType == 2? "处理结果": ''
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style lang="scss" scoped>
|
||||||
.result {
|
.result {
|
||||||
height: 100%;
|
padding-bottom: 112px;
|
||||||
.contents {
|
::v-deep .ai-uploader .fileList .default {
|
||||||
padding-bottom: 140px;
|
width: 160px;
|
||||||
::v-deep .u-form {
|
height: 160px;
|
||||||
.u-form-item {
|
}
|
||||||
padding: 0 45px !important;
|
.type {
|
||||||
.u-form-item__body {
|
height: 112px;
|
||||||
.u-form-item--right__content__slot {
|
line-height: 112px;
|
||||||
padding-bottom: 0;
|
background: #FFF;
|
||||||
.u-input {
|
font-size: 32px;
|
||||||
text-align: right !important;
|
display: flex;
|
||||||
}
|
justify-content: space-between;
|
||||||
|
padding: 0 32px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
.left {
|
||||||
|
span:first-child {
|
||||||
|
color: #FF4466;
|
||||||
|
}
|
||||||
|
span:last-child {
|
||||||
|
color: #333333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
align-self: center;
|
||||||
|
text-align: right;
|
||||||
|
|
||||||
|
.check_box {
|
||||||
|
|
||||||
|
.check-item {
|
||||||
|
display: inline-block;
|
||||||
|
width: 150px;
|
||||||
|
height: 60px;
|
||||||
|
line-height: 64px;
|
||||||
|
text-align: center;
|
||||||
|
background: #F5F5F5;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 30px;
|
||||||
|
font-family: PingFangSC-Medium, PingFang SC;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.check-item:nth-of-type(1) {
|
||||||
|
margin-right: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.check-active {
|
||||||
|
background: #E7F1FE;
|
||||||
|
color: #1174FE;
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
.u-form-item:first-child {
|
}
|
||||||
.u-form-item__body {
|
.remark,
|
||||||
border-bottom: 1px solid #ddd;
|
.picture {
|
||||||
}
|
box-sizing: border-box;
|
||||||
|
margin-top: 16px;
|
||||||
|
background: #FFF;
|
||||||
|
padding: 0 32px;
|
||||||
|
font-size: 32px;
|
||||||
|
.top {
|
||||||
|
padding-top: 20px;
|
||||||
|
span:first-child {
|
||||||
|
color: #FF4466;
|
||||||
}
|
}
|
||||||
|
span:last-child {
|
||||||
.line {
|
color: #333333;
|
||||||
height: 24px;
|
|
||||||
background: #f3f6f9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contents {
|
|
||||||
padding-bottom: 20px !important;
|
|
||||||
.u-form-item__body {
|
|
||||||
.u-form-item--right__content__slot {
|
|
||||||
.u-input {
|
|
||||||
text-align: left !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.avatars {
|
|
||||||
padding-bottom: 20px !important;
|
|
||||||
.u-form-item__body {
|
|
||||||
.default {
|
|
||||||
width: 160px;
|
|
||||||
height: 160px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.bottom {
|
||||||
|
padding: 30px 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
|
height: 112px;
|
||||||
|
line-height: 112px;
|
||||||
|
text-align: center;
|
||||||
|
background: #3192F4;
|
||||||
|
color: #FFF;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
|
||||||
background: #3975c6;
|
|
||||||
padding: 34px 0;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
font-weight: 500;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
.right-span{
|
|
||||||
display: inline-block;
|
|
||||||
width: 100%;
|
|
||||||
text-align: right;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -139,7 +139,7 @@ export default {
|
|||||||
params = {...this.forms}
|
params = {...this.forms}
|
||||||
}
|
}
|
||||||
params.id = this.id
|
params.id = this.id
|
||||||
this.$http.post(url, params).then((res) => {
|
this.$http.post(url, form).then((res) => {
|
||||||
if (res?.code == 0) {
|
if (res?.code == 0) {
|
||||||
this.$u.toast(successText)
|
this.$u.toast(successText)
|
||||||
uni.$emit('update')
|
uni.$emit('update')
|
||||||
|
|||||||
Reference in New Issue
Block a user