sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

评价机构信息

Browse Source
This commit is contained in:
WX0lxh
2026-01-16 16:34:46 +08:00
parent f8a7f94433
commit ce7d261e4b
3 changed files with 598 additions and 372 deletions
Download Patch File Download Diff File Expand all files Collapse all files

256
packageB/institution/evaluationAgencyDetail.vue Normal file
View File

@@ -0,0 +1,256 @@
<template>
<div class="app-box">
<div class="con-box">
<div class="cards">
<div class="cardHead">
<div class="cardHeadLeft">
<div class="cardTitle">{{organ.organName}}</div>
</div>
<div class="rightBtn" @click="handleOperation()"></div>
</div>
<div class="heng"></div>
<div class="cardCon">
<div class="conten">机构联系人：{{organ.contactName}}</div>
<div class="conten">联系方式：{{organ.contactPhone}}</div>
<div class="conten">机构地址：{{organ.address}}</div>
</div>
</div>
<div style="width: 100%;margin-bottom: 40rpx;">
<div class="title">
<div></div>
<div>评价流程说明</div>
</div>
<div class="kcCon">
<div class="kcIntroduction" v-if="organ.processDescription">{{organ.processDescription}}</div>
<div v-else style="text-align: center;line-height: 100rpx;">暂无数据</div>
</div>
</div>
<div style="width: 100%;margin-bottom: 40rpx;">
<div class="title">
<div></div>
<div>评价项目</div>
</div>
<div class="kcCon">
<div class="kcIntroduction" v-if="organ.organContent">{{organ.organContent}}</div>
<div v-else style="text-align: center;line-height: 100rpx;">暂无数据</div>
</div>
</div>
<div style="width: 100%;margin-bottom: 30rpx;">
<div class="title">
<div></div>
<div>资质证书</div>
</div>
<div class="kcCon">
<div v-for="(item, index) in certs":key = "index" style="width: 100%;">
<div v-for="(url, index2) in item" :key = "index2" style="width: 100%;">
<image :src="url" mode="" style="width: 100%;"></image>
</div>
</div>
<div v-if="certs.length==0" style="text-align: center;line-height: 100rpx;">暂无数据</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { inject, ref, reactive } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api, navTo, navBack,urls } = inject('globalFunction');
import config from "@/config.js"
const organ = ref({});
const courses = ref([]);
const certs = ref([]);
const certs2 = ref([]);
const teams=ref([])
const certIndex=ref(1)
const organId=ref('')
const Authorization=ref('')
onLoad((options) => {
organId.value=options.organId
});
onShow(()=>{
Authorization.value=uni.getStorageSync('Padmin-Token')||''
let params={
organId:organId.value
}
$api.myRequest('/train/public/rate/organ/model', params).then((resData) => {
if(resData.code==200){
organ.value = (resData.data ? resData.data :{});
certs2.value = (resData ? JSON.parse(resData.data.zhengshu):[]);
for(var i =0;i<certs2.value.length;i++){
certs2.value[i].url =config.LCBaseUrl + "/file/minio" + certs2.value[i].url;
}
var certsArr = [];var flag = 0;
for(var i =0;i<certs2.value.length;i++){
flag ++
certsArr.push(certs2.value[i])
if(flag == 3){
var arrs = [];
for(var j =0;j<3;j++){
arrs.push(certsArr[j].url)
}
certs.value.push(arrs);
certsArr = [];
flag = 0;
}else{
if(i == certs2.value.length -1){
var arrs = [];
for(var j =0;j<certsArr.length;j++){
arrs.push(certsArr[j].url)
}
certs.value.push(arrs);
}
}
}
}
});
})
</script>
<style lang="stylus" scoped>
.app-box{
width: 100%;
height: 100vh;
position: relative;
.con-box{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top:0;
z-index: 10;
padding: 20rpx 28rpx;
box-sizing: border-box;
overflow: hidden;
.cards{
width: 100%;
min-height: 260rpx;
height: auto;
background: linear-gradient(0deg, #D4E3FE 0%, #EBF1FF 100%);
border-radius: 12rpx;
border: 2px solid #EDF5FF;
margin-bottom: 40rpx;
padding: 20rpx 30rpx 0;
box-sizing: border-box
.cardHead{
display: flex;
align-items: center;
justify-content: space-between;
.cardHeadLeft{
display: flex;
align-items: center
width: 100%;
.cardTitle{
font-weight: bold;
font-size: 32rpx;
color: #0069CB;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.titleType{
border-radius: 4px;
font-size: 22rpx;
color: #157EFF;
width: 100rpx;
height: 38rpx;
text-align: center;
line-height: 38rpx;
margin-left: 10rpx;
}
}
}
.heng{
width: 30%;
height: 4rpx;
background: linear-gradient(88deg, #015EEA 0%, #00C0FA 100%);
margin: 10rpx 0 20rpx;
}
.cardCon{
display: flex;
flex-wrap: wrap;
.conten{
width: 100%;
font-size: 26rpx;
color: #666666;
display: flex;
align-items: center
margin-bottom: 10rpx;
}
.status-tags{
display: flex;
align-items: center;
}
}
.flooter{
border-top: 1px solid #ccc;
display: flex;
justify-content: flex-end;
align-items: center;
view{
font-size: 28rpx;
margin-left: 30rpx;
color: #2175F3;
padding-top: 14rpx;
}
}
}
}
}
.title{
width: 100%
display: flex
align-items: center
font-size: 32rpx
font-weight: 600
}
.title>view:first-child{
width: 10rpx;
height: 46rpx;
background-color: #FD7565;
margin-right: 20rpx;
border-radius: 10rpx;
}
.kcCon{
margin-top: 20rpx;
width: 100%
}
.kcIntroduction{
background: rgba(20,136,245,0.1);
padding: 20rpx;
box-sizing: border-box;
border-radius: 10rpx;
margin-bottom: 20rpx;
}
.faculty{
border: 1px solid #ddd;
border-radius: 10rpx;
padding: 10rpx;
margin-bottom: 20rpx;
box-sizing: border-box;
.facultyHead{
width: 100%;
height: 80rpx;
border-radius: 10rpx;
color: #fff;
font-size: 30rpx;
background: linear-gradient(88deg, #3E8BFF 0%, #0DB5FB 100%);
display: flex;
align-items: center
padding: 0 20rpx;
box-sizing: border-box;
}
.facultyCon{
font-size: 26rpx;
color: #666666;
padding: 20rpx 0;
box-sizing: border-box;
}
}
</style>