Merge branch 'master' of http://101.37.147.115:3000/mz666/apply-assistant-v3
commit
c6ebf37f81
@ -0,0 +1,356 @@
|
|||||||
|
<template>
|
||||||
|
<view class="p-person-marge g_w_all g_h_all g_bg_f_5 g_kuaishou">
|
||||||
|
<view class="g_bg_f sticky" :style="{ boxShadow: '0px 4px 4px 0px rgba(218, 218, 218, 0.5)' }">
|
||||||
|
<u-tabs bg-color="transparent"
|
||||||
|
:list="menuList"
|
||||||
|
:is-scroll="false"
|
||||||
|
:current="menuActive"
|
||||||
|
:active-color="globalData.themeColor"
|
||||||
|
bar-width="64"
|
||||||
|
bar-height="6"
|
||||||
|
@change="handleUpdateMenu"
|
||||||
|
font-size="32"
|
||||||
|
duration="0.05"
|
||||||
|
height="76"
|
||||||
|
></u-tabs>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 收到的 -->
|
||||||
|
<div class="m-recives-obj" v-if="menuActive == 0">
|
||||||
|
<view v-if="recivesRecord && recivesRecord.length == 0"
|
||||||
|
class="g_flex_column_center" style="padding-top: 130px;"
|
||||||
|
>
|
||||||
|
<g-empty />
|
||||||
|
</view>
|
||||||
|
<view v-if="recivesRecord && recivesRecord.length > 0"
|
||||||
|
class="g_flex_column_center m-rlist"
|
||||||
|
>
|
||||||
|
<view class="" style="height: 10px;">
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="g_flex_row_between m-item g_h_60"
|
||||||
|
v-for="(item,index) in recivesRecord" :key="index"
|
||||||
|
>
|
||||||
|
<view class="avatar-obj g_flex_none g_flex_column_center" style="height: 60px;overflow: hidden;border-radius: 50%;">
|
||||||
|
<image src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/dailibaoming/APP/default.svg" alt=""
|
||||||
|
mode="widthFix" style="width: 40px;border-radius: 50%;"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
<view class="info-obj g_flex_1 g_flex_column_center" style="margin: 0 10px;">
|
||||||
|
<view class="g_ell_1 g_fs_16 g_fw_600">
|
||||||
|
{{item.targetAgency.agencyName}}
|
||||||
|
</view>
|
||||||
|
<view class="g_ell_1 g_fs_14" style="color: #666;margin-top: 8px;">
|
||||||
|
{{item.desp || '-'}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="status-obj g_flex_none g_flex_column_center" >
|
||||||
|
<view class="g_flex_row_end">
|
||||||
|
<g-button type='primary' size='mini' btnText='通过' @clickBtn='handleSet(item,1)'></g-button>
|
||||||
|
<g-button type='delete' size='mini' btnText='拒绝' style="margin-left: 12px;" @clickBtn='handleSet(item,0)'></g-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</div>
|
||||||
|
<!-- 申请/发起 -->
|
||||||
|
<view class="m-applys-obj" v-if="menuActive == 1">
|
||||||
|
<view class="m-aform g_flex_row_start g_h_60"
|
||||||
|
@click="openApply"
|
||||||
|
>
|
||||||
|
<view class="g_flex_none g_flex_c label">
|
||||||
|
<i class="iconfont icon-jia1 icon"></i>
|
||||||
|
</view>
|
||||||
|
<view class="g_flex_1 g_flex_column_center value">申请合并</view>
|
||||||
|
</view>
|
||||||
|
<div class="m-alist">
|
||||||
|
<view v-if="applysRecord && applysRecord.length == 0"
|
||||||
|
class="g_flex_column_center" style="padding-top: 130px;"
|
||||||
|
>
|
||||||
|
<g-empty />
|
||||||
|
</view>
|
||||||
|
<view v-if="applysRecord && applysRecord.length > 0"
|
||||||
|
class="g_flex_column_center as"
|
||||||
|
>
|
||||||
|
<view class="g_flex_row_between m-item g_h_60"
|
||||||
|
v-for="(item,index) in applysRecord" :key="index"
|
||||||
|
>
|
||||||
|
<view class="avatar-obj g_flex_none g_flex_column_center" style="height: 60px;overflow: hidden;border-radius: 50%;">
|
||||||
|
<image src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/dailibaoming/APP/default.svg" alt=""
|
||||||
|
mode="widthFix" style="width: 40px;border-radius: 50%;"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
|
<view class="info-obj g_flex_1 g_flex_column_center" style="margin: 0 10px;">
|
||||||
|
<view class="g_ell_1 g_fs_16 g_fw_600">
|
||||||
|
{{item.targetAgency.agencyName}}
|
||||||
|
</view>
|
||||||
|
<view class="g_ell_1 g_fs_14" style="color: #666;margin-top: 8px;">
|
||||||
|
{{item.desp || '-'}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="status-obj g_flex_none g_flex_column_center" >
|
||||||
|
<view v-if="item.state == 0" style="color: orange;font-size: 16px;">审核中</view>
|
||||||
|
<view v-if="item.state == 1" style="color: green;font-size: 16px;">已通过</view>
|
||||||
|
<view v-if="item.state == 2" style="color: red;font-size: 16px;">已驳回</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</div>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<u-popup v-model="modalApplyData.isShow" mode="bottom" border-radius="14" width="80%" :closeable='true'>
|
||||||
|
<view style="max-height: calc(100vh - 200px);overflow-y: auto;">
|
||||||
|
<view class="g_flex_c g_h_40 g_fs_16">申请合并</view>
|
||||||
|
<view>
|
||||||
|
<view>
|
||||||
|
<view class="g_pb_8 g_pl_20 g_c_6">手机号</view>
|
||||||
|
<view class="g_flex_row_start">
|
||||||
|
<view class="g_flex_1 g_flex_column_center">
|
||||||
|
<u-input v-model="modalApplyData.tel"
|
||||||
|
placeholder="请输入"
|
||||||
|
type="number"
|
||||||
|
maxlength="11"
|
||||||
|
style="width: calc(100% - 64px); z-index: 0;background-color: #ededed;border-radius: 6px;margin: 0 auto;padding: 0 16px;"
|
||||||
|
></u-input>
|
||||||
|
</view>
|
||||||
|
<view class="g_flex_none g_flex_column_center g_mr_16">
|
||||||
|
<g-button type='primary' size='mini' btnText='查询' @clickBtn='handleSearch'></g-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="result-obj" style="padding: 12px 0 0 16px;" v-if="modalApplyData.resultList && modalApplyData.resultList.length > 0">
|
||||||
|
<u-radio-group v-model="modalApplyData.selectResult"
|
||||||
|
@change="radioGroupChange"
|
||||||
|
:wrap='true'
|
||||||
|
:active-color='themeColor'
|
||||||
|
>
|
||||||
|
<u-radio
|
||||||
|
@change="handleSelect"
|
||||||
|
v-for="(item, index) in modalApplyData.resultList" :key="index"
|
||||||
|
:name="item.agencyId"
|
||||||
|
>
|
||||||
|
{{item.agencyName || '-'}}
|
||||||
|
</u-radio>
|
||||||
|
</u-radio-group>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<view class="g_pt_12 g_pb_8 g_pl_20 g_c_6">备注</view>
|
||||||
|
<textarea class="weui-input g_flex_1 g_fs_16"
|
||||||
|
placeholder="请输入备注"
|
||||||
|
v-model="modalApplyData.desp"
|
||||||
|
placeholder-style="color:#999"
|
||||||
|
auto-height
|
||||||
|
style="min-height: 137px; width: calc(100% - 64px); z-index: 0;background-color: #ededed;border-radius: 6px;padding: 16px;margin: 0 auto;"
|
||||||
|
></textarea>
|
||||||
|
</view>
|
||||||
|
<view class="g_flex_row_center g_p_16">
|
||||||
|
<view class="g_flex_row_center" style="width: 50%;">
|
||||||
|
<g-button type='default' class="g_w_all" size='small' btnText='取消' @clickBtn='modalApplyData.isShow = false'></g-button>
|
||||||
|
</view>
|
||||||
|
<view class="g_flex_row_center" style="width: 50%;">
|
||||||
|
<g-button type='primary' size='small' btnText='提交' @clickBtn='submitApply'></g-button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="g_h_20"></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</u-popup>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
onReady() {
|
||||||
|
this.G.setNavStyle();
|
||||||
|
},
|
||||||
|
onShareAppMessage() {
|
||||||
|
return this.G.shareFun();
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
themeColor: getApp().globalData.themeColor,
|
||||||
|
globalData: getApp().globalData,
|
||||||
|
cdnBaseImg: this.G.store().cdnBaseImg,
|
||||||
|
localBaseImg: this.G.store().localBaseImg,
|
||||||
|
svgBaseImg: this.G.store().svgBaseImg,
|
||||||
|
menuList: [
|
||||||
|
{
|
||||||
|
name: "我收到的",
|
||||||
|
tip: "0",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "我发起的",
|
||||||
|
tip: "1",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
menuActive: 0,
|
||||||
|
modalApplyData:{
|
||||||
|
isShow:false,
|
||||||
|
tel:'',
|
||||||
|
desp:'',
|
||||||
|
resultList:[],
|
||||||
|
selectResult:''
|
||||||
|
},
|
||||||
|
applysRecord:[],
|
||||||
|
recivesRecord:[],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
let that = this;
|
||||||
|
that.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getList(){
|
||||||
|
let that = this,
|
||||||
|
params = {
|
||||||
|
|
||||||
|
}
|
||||||
|
that.G.Get(that.api.person_getMargeRecord,params,(res)=>{
|
||||||
|
console.log('合并记录：',res);
|
||||||
|
that.applysRecord = res.applys;
|
||||||
|
that.recivesRecord = res.recives;
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleUpdateMenu(e){
|
||||||
|
console.log(e)
|
||||||
|
let that = this;
|
||||||
|
that.menuActive = e;
|
||||||
|
},
|
||||||
|
openApply(){
|
||||||
|
let that = this;
|
||||||
|
that.modalApplyData = {
|
||||||
|
isShow:true,
|
||||||
|
tel:'',
|
||||||
|
desp:'',
|
||||||
|
resultList:[],
|
||||||
|
selectResult:''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleSearch(){
|
||||||
|
let that = this;
|
||||||
|
if(!that.modalApplyData.tel){
|
||||||
|
uni.showToast({
|
||||||
|
icon:'none',
|
||||||
|
title:'请输入手机号'
|
||||||
|
})
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
that.G.Get(that.api.person_getGroup,{
|
||||||
|
tel:that.modalApplyData.tel
|
||||||
|
},(res)=>{
|
||||||
|
console.log('团队res',res)
|
||||||
|
that.modalApplyData.resultList = res;
|
||||||
|
that.modalApplyData.selectResult = '';
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleSelect(e){
|
||||||
|
console.log('选择团队',e)
|
||||||
|
this.modalApplyData.selectResult = e;
|
||||||
|
},
|
||||||
|
submitApply(){
|
||||||
|
let that = this;
|
||||||
|
if(!that.modalApplyData.selectResult){
|
||||||
|
uni.showToast({
|
||||||
|
icon:'none',
|
||||||
|
title:'请选择要合并的团队'
|
||||||
|
})
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if(!that.modalApplyData.desp){
|
||||||
|
uni.showToast({
|
||||||
|
icon:'none',
|
||||||
|
title:'请输入备注'
|
||||||
|
})
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
that.G.Post(that.api.person_addApply,{
|
||||||
|
sourceAgencyId:uni.getStorageSync("apply-userinfo").agencyId,
|
||||||
|
targetAgencyId:that.modalApplyData.selectResult,
|
||||||
|
desp:that.modalApplyData.desp
|
||||||
|
},(res)=>{
|
||||||
|
uni.showToast({
|
||||||
|
icon:'success',
|
||||||
|
title:'申请成功'
|
||||||
|
})
|
||||||
|
that.modalApplyData.isShow = false;
|
||||||
|
uni.navigateBack();
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleSet($data,$type){
|
||||||
|
let that = this;
|
||||||
|
if($type == 1){
|
||||||
|
// 通过
|
||||||
|
uni.showModal({
|
||||||
|
content:'确认通过吗?',
|
||||||
|
success(res) {
|
||||||
|
if(res.confirm){
|
||||||
|
that.G.Get(that.api.person_applyTrue + '/' + $data.id,{},()=>{
|
||||||
|
uni.showToast({
|
||||||
|
icon:'success',
|
||||||
|
title:'已通过'
|
||||||
|
});
|
||||||
|
that.getList();
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
// 拒绝
|
||||||
|
uni.showModal({
|
||||||
|
content:'确认拒绝吗?',
|
||||||
|
success(res) {
|
||||||
|
if(res.confirm){
|
||||||
|
that.G.Get(that.api.person_applyFalse + '/' + $data.id,{},()=>{
|
||||||
|
uni.showToast({
|
||||||
|
icon:'error',
|
||||||
|
title:'已拒绝'
|
||||||
|
});
|
||||||
|
that.getList();
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.p-person-marge{
|
||||||
|
.m-applys-obj{
|
||||||
|
.m-aform{
|
||||||
|
width: calc(100% - 52px);
|
||||||
|
margin: 10px auto;
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 0 16px;
|
||||||
|
border-radius: 8px;
|
||||||
|
.label{
|
||||||
|
.icon{
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.value{
|
||||||
|
margin-left: 10px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.m-alist{
|
||||||
|
.m-item{
|
||||||
|
&:first-child{
|
||||||
|
margin-top: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.m-item{
|
||||||
|
width: calc(100% - 52px);
|
||||||
|
margin: 0px auto 10px;
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 0 16px;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue