<template>
|
<view class="">
|
<view class="footer flex a-i-c j-c-s-b">
|
<button v-if="dataItem.type === 1" class="footer-btn" @click="submit(2)">通过</button>
|
<button v-if="dataItem.type === 2" class="footer-btn" @click="submitTwo(2)">通过</button>
|
<button class="footer-btn" @click="open()">驳回</button>
|
</view>
|
<u-modal :show="isShowModal" title="备注" :showConfirmButton="false">
|
<view class="modal-content">
|
<u-textarea v-model="remark" placeholder="请输入驳回原因"></u-textarea>
|
<view class="modal-btn flex j-c-s-b a-i-c" slot="confirmButton">
|
<button class="modal-btn-item c-main f-30" @click="isShowModal = false">取消</button>
|
<button class="modal-btn-item bgc-main f-30 c-ff" @click="submit(3)">确定</button>
|
</view>
|
</view>
|
</u-modal>
|
|
<u-modal :show="isShowModalTwo" title="备注" :showConfirmButton="false">
|
<view class="modal-content">
|
<u-search placeholder="请输入场所名称" :clearabled="true" @blur="searchPlace()" v-model="placeName"></u-search>
|
<!-- <u-search placeholder="请输入需要查询信息的姓名" v-model="placeName" :clearabled="true" :showAction="true"
|
:animation="true" @search="searchPlace"></u-search> -->
|
|
<!-- <view v-for="(item,index) in placeList" :key="index">
|
<view :class="item.isSelect ? '':''" @click="selectChang(item)">
|
{{item.placeName +'----场所地址：'+item.location}}
|
</view>
|
</view> -->
|
|
<u-radio-group v-model="houseCode" placement="column" @change="groupChange">
|
<u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in placeList" :key="index"
|
:label="item.placeName +'----场所地址：'+item.location" :name="item.houseCode" @change="radioChange">
|
</u-radio>
|
</u-radio-group>
|
|
<view class="modal-btn flex j-c-s-b a-i-c" slot="confirmButton">
|
<button class="modal-btn-item c-main f-30" @click="isShowModalTwo = false">取消</button>
|
<button class="modal-btn-item bgc-main f-30 c-ff" @click="submit(2)">确定</button>
|
</view>
|
</view>
|
</u-modal>
|
|
</view>
|
</template>
|
|
<script>
|
import {
|
getLocationRecord
|
} from "@/api/place/place";
|
|
export default {
|
name: "auditAction",
|
data() {
|
return {
|
isShowModal: false,
|
isShowModalTwo: false,
|
remark: "",
|
placeName: '',
|
houseCode: '',
|
dataItem: {},
|
placeList: []
|
}
|
},
|
props: ['dataItem'],
|
|
methods: {
|
|
groupChange(n) {
|
this.houseCode = n
|
console.log('groupChange', n);
|
},
|
radioChange(n) {
|
console.log('radioChange', n);
|
},
|
open() {
|
this.isShowModal = true;
|
},
|
close() {
|
this.isShowModal = false;
|
},
|
|
submitTwo(type) {
|
console.log("*****111*******", JSON.stringify(this.dataItem))
|
this.isShowModalTwo = true
|
},
|
|
|
searchPlace() {
|
if (!this.placeName) {
|
return
|
}
|
getLocationRecord({
|
roleName: 'admin',
|
current: 1,
|
size: 30,
|
isPerfect: 2,
|
placeName: this.placeName,
|
isNine: 1
|
}).then(res => {
|
this.placeList = res.data.records;
|
this.placeList.forEach(item => {
|
item.isSelect = false
|
})
|
})
|
},
|
|
submit(type) {
|
let data = {
|
type,
|
remark: this.remark,
|
houseCode: this.houseCode
|
}
|
|
if (type == 3 && !this.remark) {
|
uni.showToast({
|
title: "请输入驳回原因",
|
icon: "none"
|
})
|
return
|
}
|
|
this.$emit("handle", data)
|
if (type == 3) {
|
this.close()
|
}
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.footer {
|
width: 100%;
|
padding: 20rpx 30rpx;
|
box-sizing: border-box;
|
position: fixed;
|
bottom: 0;
|
left: 0;
|
background-color: #fff;
|
z-index: 10;
|
padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
|
z-index: 999;
|
background-color: #fff;
|
box-shadow: 0rpx 0rpx 10rpx 1rpx rgba(0, 0, 0, 0.1);
|
|
.footer-btn {
|
width: 300rpx;
|
height: 78rpx;
|
border-radius: 8rpx;
|
font-size: 32rpx;
|
color: #fff;
|
border: none;
|
background: linear-gradient(163deg, #01BDFC 0%, #017BFC 100%);
|
}
|
|
.footer-btn:after {
|
border: none;
|
}
|
|
}
|
|
.modal-content {
|
width: 100%;
|
|
.modal-btn {
|
width: 100%;
|
padding: 40rpx 0 0;
|
|
.modal-btn-item {
|
width: 240rpx;
|
height: 74rpx;
|
line-height: 74rpx;
|
border-radius: 35rpx;
|
border: none;
|
padding: 0;
|
margin: 0;
|
}
|
|
.modal-btn-item:first-child {
|
border: 1px solid currentColor;
|
background: transparent;
|
}
|
|
}
|
}
|
|
/deep/ .u-modal__content {
|
padding-bottom: 20rpx !important;
|
}
|
</style>
|
