|
|
|
@ -18,7 +18,31 @@
|
|
|
|
</a-breadcrumb-item>
|
|
|
|
</a-breadcrumb-item>
|
|
|
|
</a-breadcrumb>
|
|
|
|
</a-breadcrumb>
|
|
|
|
<!-- 主体区域 -->
|
|
|
|
<!-- 主体区域 -->
|
|
|
|
<div class="maincontent w">
|
|
|
|
<div class="maincontent w">
|
|
|
|
|
|
|
|
<div class="m-money-obj g_mb_20 g_p_20 g_flex_row_between"
|
|
|
|
|
|
|
|
style="background-color: #fff;border-radius: 6px;width: 800px;margin: 0 auto 20px;"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<div class="g_flex_row_start">
|
|
|
|
|
|
|
|
<div style="font-size: 16px;font-weight: 600;margin-right: 4px;">代理佣金</div>
|
|
|
|
|
|
|
|
<div class="g_flex_column_center" @click="isSee = !isSee" style="cursor: pointer;">
|
|
|
|
|
|
|
|
<i class="iconfont icon-zhengyan11" style="font-size: 22px;color: #ff4400;line-height: 0.1;" v-if="isSee"></i>
|
|
|
|
|
|
|
|
<i class="iconfont icon-biyan11" style="font-size: 22px;color: #ff4400;line-height: 0.1;margin-top: -4px;" v-if="!isSee"></i>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="g_flex_row_end" @click="viewDetail" style="cursor: pointer;">
|
|
|
|
|
|
|
|
<div class="g_flex_column_center g_fs_14">
|
|
|
|
|
|
|
|
<span v-if="isSee">
|
|
|
|
|
|
|
|
{{ jobDetail.servetype }}
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<span v-if="!isSee">
|
|
|
|
|
|
|
|
***
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="g_flex_column_center">
|
|
|
|
|
|
|
|
<i class="iconfont icon-xiangyou1"></i>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!-- 职教 -->
|
|
|
|
<!-- 职教 -->
|
|
|
|
<div class="maincontentleft" v-if="from == 'vocational'">
|
|
|
|
<div class="maincontentleft" v-if="from == 'vocational'">
|
|
|
|
<div class="subset">
|
|
|
|
<div class="subset">
|
|
|
|
@ -72,12 +96,13 @@
|
|
|
|
</a-modal>
|
|
|
|
</a-modal>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="subsetright">
|
|
|
|
<div class="subsetright">
|
|
|
|
<div class="topbox">
|
|
|
|
<div class="topbox" v-if="false">
|
|
|
|
<div>服务费</div>
|
|
|
|
<div>服务费</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<span>{{ jobDetail.serviceCharge }}</span>
|
|
|
|
<span>{{ jobDetail.serviceCharge }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style="color: #a1a1a1;font-size: 14px;margin-left: 15px;">{{ jobDetail.up_time }}</div>
|
|
|
|
<div class="sub-bottombox">
|
|
|
|
<div class="sub-bottombox">
|
|
|
|
<!-- <button type="primary" class="jobDespBtn">
|
|
|
|
<!-- <button type="primary" class="jobDespBtn">
|
|
|
|
<a :href="customServiceUrl" target="_blank"> <i class="iconfont icon-kefu_lan mr6"></i>联系客服</a>
|
|
|
|
<a :href="customServiceUrl" target="_blank"> <i class="iconfont icon-kefu_lan mr6"></i>联系客服</a>
|
|
|
|
@ -168,12 +193,13 @@
|
|
|
|
</a-modal>
|
|
|
|
</a-modal>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="subsetright">
|
|
|
|
<div class="subsetright">
|
|
|
|
<div class="topbox">
|
|
|
|
<div class="topbox" v-if="false">
|
|
|
|
<div>服务费</div>
|
|
|
|
<div>服务费</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<span>{{ jobDetail.servetype }}</span>
|
|
|
|
<span>{{ jobDetail.servetype }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div style="color: #a1a1a1;font-size: 14px;margin-left: 15px;">{{ jobDetail.up_time }}</div>
|
|
|
|
<div class="sub-bottombox fss">
|
|
|
|
<div class="sub-bottombox fss">
|
|
|
|
<button type="primary" class="jobDespBtn" v-if="jobClassify == 1">
|
|
|
|
<button type="primary" class="jobDespBtn" v-if="jobClassify == 1">
|
|
|
|
|
|
|
|
|
|
|
|
@ -200,7 +226,7 @@
|
|
|
|
<h1>
|
|
|
|
<h1>
|
|
|
|
<div class="infotitle">
|
|
|
|
<div class="infotitle">
|
|
|
|
<span @click="tabchange = 1" :class="tabchange === 1 ? 'active' : ''">基本信息</span>
|
|
|
|
<span @click="tabchange = 1" :class="tabchange === 1 ? 'active' : ''">基本信息</span>
|
|
|
|
<span @click="tabchange = 0" :class="tabchange === 0 ? 'active' : ''">财务结算</span>
|
|
|
|
<span @click="tabchange = 0" :class="tabchange === 0 ? 'active' : ''" v-if="false">财务结算</span>
|
|
|
|
<span @click="tabchange = 2" :class="tabchange === 2 ? 'active' : ''">职位描述</span>
|
|
|
|
<span @click="tabchange = 2" :class="tabchange === 2 ? 'active' : ''">职位描述</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</h1>
|
|
|
|
</h1>
|
|
|
|
@ -526,6 +552,7 @@ export default {
|
|
|
|
// 组件状态值
|
|
|
|
// 组件状态值
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
|
|
|
|
isSee:true,
|
|
|
|
agency: {},
|
|
|
|
agency: {},
|
|
|
|
onSiteUsersInfo: "",
|
|
|
|
onSiteUsersInfo: "",
|
|
|
|
customServiceUsers: [],
|
|
|
|
customServiceUsers: [],
|
|
|
|
@ -924,7 +951,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
this.jobDetail.up_time = this.timeShowXXX2(this.jobDetail.updateTime)
|
|
|
|
this.storeImage = [...storeImage, ...storeVideo];
|
|
|
|
this.storeImage = [...storeImage, ...storeVideo];
|
|
|
|
console.log("this.storeImage", this.storeImage);
|
|
|
|
console.log("this.storeImage", this.storeImage);
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
@ -937,6 +964,27 @@ export default {
|
|
|
|
} catch (error) {
|
|
|
|
} catch (error) {
|
|
|
|
console.log(error);
|
|
|
|
console.log(error);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
timeShowXXX2(val){
|
|
|
|
|
|
|
|
const now = Date.now();
|
|
|
|
|
|
|
|
const diff = now - val;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const seconds = Math.floor(diff / 1000);
|
|
|
|
|
|
|
|
const minutes = Math.floor(seconds / 60);
|
|
|
|
|
|
|
|
const hours = Math.floor(minutes / 60);
|
|
|
|
|
|
|
|
const days = Math.floor(hours / 24);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (days < 2) {
|
|
|
|
|
|
|
|
if (hours > 0) {
|
|
|
|
|
|
|
|
return `${hours}小时前`;
|
|
|
|
|
|
|
|
} else if (minutes > 0) {
|
|
|
|
|
|
|
|
return `${minutes}分钟前`;
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
return `${seconds}秒前`;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
return `${days}天前`;
|
|
|
|
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
* 获取登录人对应的客户经理信息
|
|
|
|
* 获取登录人对应的客户经理信息
|
|
|
|
@ -1098,6 +1146,16 @@ export default {
|
|
|
|
this.previewImage = file;
|
|
|
|
this.previewImage = file;
|
|
|
|
this.previewVisible = true;
|
|
|
|
this.previewVisible = true;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
viewDetail(){
|
|
|
|
|
|
|
|
let that = this;
|
|
|
|
|
|
|
|
console.log('ces',that.jobDetail.returnFeeDesp);
|
|
|
|
|
|
|
|
const h = this.$createElement;
|
|
|
|
|
|
|
|
this.$info({
|
|
|
|
|
|
|
|
title: that.jobDetail.returnFeeDesp || '-',
|
|
|
|
|
|
|
|
onOk() {},
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
@ -1204,8 +1262,8 @@ export default {
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
/deep/ .maincontent {
|
|
|
|
/deep/ .maincontent {
|
|
|
|
display: flex;
|
|
|
|
// display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
// justify-content: space-between;
|
|
|
|
margin-top: 12px;
|
|
|
|
margin-top: 12px;
|
|
|
|
.maincontentleft {
|
|
|
|
.maincontentleft {
|
|
|
|
width: 800px;
|
|
|
|
width: 800px;
|
|
|
|
|