533 lines
16 KiB
Vue
533 lines
16 KiB
Vue
<template>
|
||
<view class="container">
|
||
<view class="interviewee">
|
||
<!-- <view>
|
||
<text class="input_left">到访地点</text>
|
||
<input type="text" placeholder="无到访地点名" :value="place" disabled="true">
|
||
</view> -->
|
||
<view>
|
||
<text class="input_left">申请状态</text>
|
||
<input type="text" placeholder="无申请状态" :value="status" disabled="true">
|
||
</view>
|
||
<view>
|
||
<text class="input_left">被访人部门</text>
|
||
<input type="text" placeholder="无申请部门" :value="dpnameCover || ''" disabled="true">
|
||
</view>
|
||
<view>
|
||
<text class="input_left">被访人姓名</text>
|
||
<input type="text" placeholder="无被访人姓名" :value="person" disabled="true">
|
||
</view>
|
||
<view>
|
||
<text class="input_left">手机号码</text>
|
||
<input type="tel" placeholder="无被访人手机号码" :value="visited_person_tel" disabled="true">
|
||
</view>
|
||
<view>
|
||
<text class="input_left">来访时间</text>
|
||
<input type="tel" placeholder="无来访时间" :value="start" disabled="true">
|
||
</view>
|
||
<view>
|
||
<text class="input_left">离开时间</text>
|
||
<input type="tel" placeholder="无离开时间" :value="end" disabled="true">
|
||
</view>
|
||
<view>
|
||
<text class="input_left">来访类型</text>
|
||
<input type="text" placeholder="无来访事由" :value="appointmentTypeList[appointmentType]" disabled="true">
|
||
</view>
|
||
<view>
|
||
<text class="input_left">来访事由</text>
|
||
<input type="text" placeholder="无来访事由" :value="reason" disabled="true">
|
||
</view>
|
||
</view>
|
||
|
||
<view class="visitor_2">
|
||
<view class="visitor_2_text mar-none">
|
||
<view><text>姓 名:</text>{{person2}}</view>
|
||
<view><text>单 位:</text>{{orgName}}</view>
|
||
<view><text>手机号:</text>{{tel}}</view>
|
||
<view><text>身份证:</text>{{idcard}}{{identityAuth=='1'?'（身份已认证）':'（身份认证中）'}}</view>
|
||
<view v-if="licensePlate!=''"><text>车牌号:</text>{{licensePlate}}</view>
|
||
</view>
|
||
<view class="pic" v-if="picture0 || picture1 || picture2">
|
||
<image :src="picture0" mode="" @tap="previewImage(picture0)" v-if="picture0"></image>
|
||
<image :src="picture1" mode="" @tap="previewImage(picture1)" v-if="picture1"></image>
|
||
<image :src="picture2" mode="" @tap="previewImage(picture2)" v-if="picture2"></image>
|
||
</view>
|
||
<!-- <view class="pic" v-if="picture0 || picture1 || picture2">
|
||
<image :src="picture0" mode="" v-if="picture0"></image>
|
||
<image :src="picture1" mode="" v-if="picture1"></image>
|
||
<image :src="picture2" mode="" v-if="picture2"></image>
|
||
</view> -->
|
||
</view>
|
||
|
||
<view v-if="retinueList.length > 0">
|
||
<view class="visitor_2" v-for="(item,index) in retinueList" :key="index" >
|
||
<view class="visitor_2_text mar-none">
|
||
<view><text>姓 名:</text>{{item.retinue_name}}</view>
|
||
<view><text>手机号:</text>{{item.visitor_tel}}</view>
|
||
<view><text>身份证:</text>{{item.idcard}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- <view id="result">
|
||
<view class="ing">
|
||
<i></i>
|
||
<text>被拜访人：已同意 2019-11-28 19:36:24</text>
|
||
</view>
|
||
</view> -->
|
||
<view style="clear: both;"></view>
|
||
<view class="occupied"></view>
|
||
<view class="footer-btn" @click="submit(id,0)" v-if="role=='1' && first_status=='0'">
|
||
<view class="btn">{{button_text}}</view>
|
||
</view>
|
||
<!-- <view class="footer-btn footer-btn-two"
|
||
v-if="role==2 && first_status=='0'">
|
||
<view class="btn btn-col" @click="submit(id,1)">拒绝</view>
|
||
<view class="btn btn-col1" @click="submit(id,2)">同意</view>
|
||
</view> -->
|
||
<!-- userLevel=0专责权限 -->
|
||
<view v-if="userLevel=='0' && appointmentType!='1'">
|
||
<view class="footer-btn footer-btn-two" v-if="first_status==0">
|
||
<view class="btn btn-col" @click="submit(id,1)">拒绝</view>
|
||
<view class="btn btn-col1" @click="circulation()">同意</view>
|
||
</view>
|
||
<!-- <view class="footer-btn footer-btn-two" v-if=" first_status!=0">
|
||
<view style="width: 100%;" class="btn btn-col1" @click="circulation()">流转</view>
|
||
</view> -->
|
||
</view>
|
||
<view v-if="userLevel=='0' && appointmentType=='1'">
|
||
<view class="footer-btn footer-btn-two" v-if="first_status==0">
|
||
<view class="btn btn-col" @click="submit(id,1)">拒绝</view>
|
||
<view class="btn btn-col1" @click="submit(id,2)">同意</view>
|
||
</view>
|
||
</view>
|
||
<view v-if="userLevel=='1'">
|
||
<view class="footer-btn footer-btn-two" v-if="second_status==0">
|
||
<view style="width: 33%;" class="btn btn-col" @click="submit(id,1)">拒绝</view>
|
||
<view style="width: 34%;" class="btn btn-col1" @click="submit(id,2)">同意</view>
|
||
<view style="width: 33%;background: #348CF2;" class="btn btn-col1" @click="circulation()">流转</view>
|
||
</view>
|
||
</view>
|
||
<view v-if="userLevel=='2'">
|
||
<view class="footer-btn footer-btn-two" v-if="third_status==0">
|
||
<view class="btn btn-col" @click="submit(id,1)">拒绝</view>
|
||
<view class="btn btn-col1" @click="submit(id,2)">同意</view>
|
||
<!-- <view style="width: 33%;background: #348CF2;" class="btn btn-col1" @click="circulation()">流转</view> -->
|
||
</view>
|
||
</view>
|
||
<view v-if="userLevel=='8'">
|
||
<view class="footer-btn footer-btn-two" v-if="current_status.charAt(current_status.length-1)==0">
|
||
<view class="btn btn-col" @click="submit(id,1)">拒绝</view>
|
||
<view class="btn btn-col1" @click="submit(id,2)">同意</view>
|
||
<!-- <view style="width: 33%;background: #348CF2;" class="btn btn-col1" @click="circulation()">流转</view> -->
|
||
</view>
|
||
</view>
|
||
|
||
<uni-popup ref="popup" type="center" style="">
|
||
<view style="background: white;width: 80%;height: 840upx;width: 600upx;position: relative;border-radius: 10upx;padding: 14upx;">
|
||
<view class="tab_rig visitorshow-box" ><!-- uinfo.orgName -->
|
||
<xfl-select
|
||
:list="finalList"
|
||
:clearable="true"
|
||
:listShow="showList"
|
||
:isCanInput="true"
|
||
:focusShowList = "true"
|
||
:style_Container="' font-size: 28upx;border-radius:10upx;border:1px solid #e5e5e5;width:95%'"
|
||
:placeholder = "'请输入姓名、手机号、部门搜索'"
|
||
@change="changeSel"
|
||
@input="inputSel"
|
||
@clear="clearSel"
|
||
|
||
:selectHideType="'hideAll'"
|
||
>
|
||
</xfl-select>
|
||
</view>
|
||
<view class="footer-btn footer-btn-two" style="position: absolute;margin-bottom: 20upx;">
|
||
<view class="btn btn-col" style="width:40%;margin-left:7%;margin-right: 6%;border-radius: 10upx;" @click="closeCirculation()">取消</view>
|
||
<view class="btn btn-col1" style="width:40%;border-radius: 10upx" @click="submitCirculation()">确定</view>
|
||
</view>
|
||
</view>
|
||
</uni-popup>
|
||
</view>
|
||
|
||
</template>
|
||
|
||
<script>
|
||
import {getApplyInfo,greenVisitorInfo,getCirculationList,submitCirculation} from '@/common/api.js';
|
||
import {callbackRequest,alertTip,getStorage} from '@/common/util.js';
|
||
import UniPopup from "@/components/uni-popup/uni-popup.vue"
|
||
import xflSelect from '../../components/xfl-select/xfl-select1.vue'
|
||
export default {
|
||
components: {
|
||
UniPopup,
|
||
xflSelect
|
||
},
|
||
data() {
|
||
return {
|
||
button_class:"submit_button",
|
||
button_text:"取消",
|
||
status:"未审批",
|
||
picture0:'../../static/IDpic1.png',
|
||
picture1:'../../static/IDpic1.png',
|
||
picture2:'../../static/IDpic1.png',
|
||
stateList: ['待审核', '已通过','已拒绝','待本人确认','已取消','','已流转'],
|
||
role:'',
|
||
userId:'',
|
||
id:'',//记录的id
|
||
person:'',
|
||
person2:'',
|
||
place:'',
|
||
tel:'',
|
||
visited_person_tel:'',
|
||
start:'',
|
||
end:'',
|
||
dpnameCover:'',
|
||
orgName:'',
|
||
reason:'',
|
||
idcard:'',
|
||
retinueList:[],
|
||
first_status:"",
|
||
second_status:"",
|
||
third_status:'',
|
||
current_status:'',
|
||
userLevel:getStorage('userInfo').userLevel,
|
||
identityAuth:0,//1.身份已认真 0身份认真中,
|
||
list: [],
|
||
finalList: [],
|
||
showList:true,
|
||
circulationId:"",
|
||
applyId:"",
|
||
appointmentTypeList:['普通访客','参会人员'],
|
||
appointmentType:"",
|
||
}
|
||
},
|
||
onLoad(options){
|
||
this.id = options.id;
|
||
this.role = options.role;
|
||
this.userId = options.userId;
|
||
this.reFresh(this.userId,this.id,"02");//必须是‘02’
|
||
this.getCirculationList();
|
||
},
|
||
methods: {
|
||
previewImage(image) {
|
||
var imgArr = [];
|
||
imgArr.push(image);
|
||
//预览图片
|
||
uni.previewImage({
|
||
urls: imgArr,
|
||
current: imgArr[0]
|
||
});
|
||
},
|
||
reFresh(userId,id,type){
|
||
var data = {userId:this.userId,id:id,applyType:type};
|
||
let params = {
|
||
"method": getApplyInfo,//根据id和申请类型查询申请详情
|
||
"data": data
|
||
};
|
||
console.log(params);
|
||
callbackRequest(params)
|
||
.then(res =>{
|
||
console.log(res);
|
||
this.person = res.data.returnData[0].visited_person_name;
|
||
this.person2 = res.data.returnData[0].visitor_name;
|
||
this.place = res.data.returnData[0].visit_place;
|
||
this.tel = res.data.returnData[0].visitor_tel;
|
||
this.visited_person_tel = res.data.returnData[0].visited_person_tel;
|
||
this.start = res.data.returnData[0].visit_start_time;
|
||
this.end = res.data.returnData[0].visit_end_time;
|
||
this.dpnameCover = res.data.returnData[0].dpnameCover||res.data.returnData[0].orgNameCover;
|
||
this.orgName = res.data.returnData[0].orgName
|
||
this.reason = res.data.returnData[0].visit_reason;
|
||
this.idcard = res.data.returnData[0].idcard;
|
||
this.first_status = res.data.returnData[0].first_status;
|
||
this.second_status = res.data.returnData[0].second_status;
|
||
this.third_status = res.data.returnData[0].third_status;
|
||
this.current_status = res.data.returnData[0].current_status;
|
||
if(this.userLevel==0){
|
||
this.status = this.stateList[this.first_status];
|
||
}else if(this.userLevel==1){
|
||
this.status = this.stateList[this.second_status];
|
||
}else if(this.userLevel==2){
|
||
this.status = this.stateList[this.third_status];
|
||
}else{
|
||
this.status = this.stateList[this.current_status.charAt(this.current_status.length-1)];
|
||
}
|
||
this.picture0 = res.data.returnData[0].face_pic1;
|
||
this.picture1 = res.data.returnData[0].picture1;
|
||
this.picture2 = res.data.returnData[0].picture2;
|
||
this.retinueList = res.data.returnData[1].greenRetinueInfoList || [];
|
||
this.identityAuth = res.data.returnData[0].identityAuth;
|
||
this.applyId = res.data.returnData[0].id;
|
||
this.appointmentType = res.data.returnData[0].appointmentType;
|
||
this.licensePlate = res.data.returnData[0].licensePlate==null?"":res.data.returnData[0].licensePlate;
|
||
})
|
||
},
|
||
submit(id,type){
|
||
let params = {
|
||
"method": greenVisitorInfo,// 申请的审批
|
||
"data": {userId:this.userId,applyId:this.id,applyType:type,userLevel:this.userLevel,appointmentType:this.appointmentType,}//分三种情况
|
||
};
|
||
var self = this;
|
||
var content="是否确认拒绝";
|
||
if(type==2){
|
||
content="是否确认同意";
|
||
}
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: content,
|
||
success: function(res){
|
||
if (res.confirm) {
|
||
callbackRequest(params)
|
||
.then(res =>{
|
||
const url = '/pages/invite2/invite2?type=2';
|
||
alertTip(res.data.returnMsg);
|
||
setTimeout(function() {
|
||
uni.redirectTo({
|
||
url
|
||
});
|
||
}, 10);
|
||
})
|
||
}
|
||
}
|
||
})
|
||
|
||
},
|
||
getCirculationList(){
|
||
let params = {
|
||
"method": getCirculationList,
|
||
"data": {userLevel:this.userLevel,deptName:getStorage("userInfo").deptName}
|
||
};
|
||
callbackRequest(params)
|
||
.then(res =>{
|
||
var resList = [];
|
||
resList = res.data.returnData;
|
||
var list = [];
|
||
for(var i=0;i<resList.length;i++){
|
||
var listObj = resList[i];
|
||
var obj={};
|
||
obj.value = listObj.real_name+"/"+listObj.mobile+"/"+listObj.department_name;
|
||
obj.id = listObj.id;
|
||
list.push(obj);
|
||
}
|
||
this.list = list;
|
||
this.finalList = list;
|
||
})
|
||
},
|
||
circulation(){
|
||
this.$refs.popup.open()
|
||
},
|
||
closeCirculation(){
|
||
this.$refs.popup.close()
|
||
},
|
||
inputSel(e){
|
||
this.circulationId="";
|
||
if(e.detail.value == ""){
|
||
this.finalList = this.list;
|
||
this.showList = true;
|
||
return
|
||
}
|
||
var finalList = [];
|
||
for (var i = 0; i < this.list.length; i++) {
|
||
let ite = this.list[i].value;
|
||
// 包含某一字符串
|
||
if(ite.indexOf(e.detail.value) !== -1){
|
||
finalList = finalList.concat(ite);
|
||
}
|
||
}
|
||
this.finalList = finalList;
|
||
this.showList = true;
|
||
},
|
||
changeSel(newVal){
|
||
//console.log(newVal);
|
||
this.circulationId = newVal.orignItem.id;
|
||
//this.uinfo.orgName = newVal.newVal;
|
||
},
|
||
clearSel(){
|
||
this.circulationId="";
|
||
this.finalList = this.list;
|
||
this.showList = true;
|
||
},
|
||
submitCirculation(){
|
||
if(this.circulationId==""){
|
||
alertTip("请选择流转人员");
|
||
return
|
||
}
|
||
let params={
|
||
method:submitCirculation,
|
||
data:{id:this.circulationId,applyId:this.applyId,userLevel:this.userLevel}
|
||
}
|
||
callbackRequest(params)
|
||
.then(res =>{
|
||
const url = '/pages/invite2/invite2?type=2';
|
||
alertTip(res.data.returnMsg);
|
||
setTimeout(function() {
|
||
uni.redirectTo({
|
||
url
|
||
});
|
||
}, 10);
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import '@/static/css/common.scss';
|
||
.container{
|
||
min-height:100vh;
|
||
background: #f5f5f5;
|
||
overflow:hidden;
|
||
}
|
||
.interviewee{
|
||
padding: 0upx 30upx 0;
|
||
background: #fff;
|
||
margin:30rpx 30rpx 0;
|
||
border-radius: 10rpx;
|
||
.input_left{
|
||
width: 150rpx;
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
font-weight: bold;
|
||
}
|
||
}
|
||
.interviewee view{
|
||
line-height: 40rpx;
|
||
padding:20rpx 0;
|
||
color: #333333;
|
||
font-size: 28rpx;
|
||
border-bottom: 1px solid #eee;
|
||
display: flex;
|
||
align-items: center;
|
||
position: relative;
|
||
}
|
||
.interviewee view:last-child{
|
||
border-bottom:0px;
|
||
}
|
||
.interviewee view input{
|
||
font-size: 28rpx;
|
||
margin-left: 20rpx;
|
||
}
|
||
.visitor_2{
|
||
margin:20rpx 30rpx 20rpx;
|
||
background: #ffffff;
|
||
border-radius:10upx;
|
||
}
|
||
.visitor_2{
|
||
border-radius: 15upx;
|
||
padding:30rpx 30rpx;
|
||
overflow:hidden;
|
||
}
|
||
.visitor_2 .pic{
|
||
padding-top:20rpx;
|
||
}
|
||
.visitor_2 image{
|
||
width: 180rpx;
|
||
height:180rpx;
|
||
vertical-align:top;
|
||
margin-right:20rpx;
|
||
}
|
||
.visitor_2_text{
|
||
margin-left: 170upx;
|
||
padding:0rpx 0;
|
||
view{
|
||
font-size: 28upx;
|
||
color:#666;
|
||
line-height:40rpx;
|
||
text{
|
||
font-weight:bold;
|
||
display: inline-block;
|
||
width:110rpx;
|
||
text-align:right;
|
||
padding-right:10rpx;
|
||
color:#333;
|
||
}
|
||
}
|
||
}
|
||
.visitor_2 .mar-none{
|
||
margin-left:0;
|
||
}
|
||
/* 已同意 */
|
||
|
||
#result .ing {
|
||
background: #ffffff;
|
||
height: 2.2rem;
|
||
line-height: 1.2rem;
|
||
border-radius: .133333rem;
|
||
}
|
||
|
||
#result .ing i {
|
||
width: .566667rem;
|
||
height: .566667rem;
|
||
border: .033333rem solid #00c277;
|
||
display: inline-block;
|
||
margin-left: .8rem;
|
||
margin-right: .24rem;
|
||
border-radius: 50%;
|
||
margin-top: .9rem;
|
||
}
|
||
|
||
#result .ing text {
|
||
color: #00c277;
|
||
font-size: .745333rem;
|
||
}
|
||
|
||
.submit{
|
||
width: 100%;
|
||
position: fixed;
|
||
bottom: 20upx;
|
||
/* bottom: 0upx; */
|
||
height:80upx;
|
||
display: inline;
|
||
background-color: #00C277;
|
||
}
|
||
button{
|
||
font-size: 38upx;
|
||
font_weight: bold;
|
||
height:80upx;
|
||
}
|
||
.submit_button{
|
||
width: 100%;
|
||
color: #FFFFFF;
|
||
background-color: #00C277;
|
||
margin: 0;
|
||
}
|
||
|
||
.btn_refuse{
|
||
width: 50%;
|
||
color: #FFFFFF;
|
||
background-color: red;
|
||
margin: 0;
|
||
}
|
||
.btn_agree{
|
||
width: 50%;
|
||
color: #FFFFFF;
|
||
background-color: #00C277;
|
||
margin-left: 50%;
|
||
margin-top: -80upx;
|
||
}
|
||
.visitorshow-box{
|
||
.show-box{
|
||
text-align: left;
|
||
-webkit-appearance: none;
|
||
background-color: #fff;
|
||
background-image: none;
|
||
border-radius: 4px;
|
||
border: 1px solid #c0c4cc;
|
||
box-sizing: border-box;
|
||
color: #606266;
|
||
display: inline-block;
|
||
font-size: inherit;
|
||
height: 3em;
|
||
line-height: inherit;
|
||
outline: none;
|
||
padding: 0 12% 0 2%;
|
||
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||
width: 100%;
|
||
position: relative;
|
||
width: 100%!important;
|
||
}
|
||
}
|
||
|
||
</style>
|