Browse Source

企业端评价相关

v4
zouyx 2 years ago
parent
commit
995ce3c90e
  1. 647
      src/views/enterprise/enterpriseEvaluate/evaluate.vue
  2. 1221
      src/views/enterprise/registrationDetail.vue

647
src/views/enterprise/enterpriseEvaluate/evaluate.vue

@ -1,35 +1,160 @@
<template> <template>
<div class="address_edit"> <div class="address_edit">
<div class="warp_body"> <div class="warp_body">
<!-- <div class="cardsty"><label>处置单位</label><span>{{data.dataObj.orgText}}</span></div>-->
<div class="cardsty"> <div class="cardsty">
<h4>您对我们的执法检查满意吗?</h4> <h4>您对我们的执法检查满意吗?</h4>
<!-- <div class="eval-item">
<label>请评价</label>
<span class="eval-star">
<van-icon @click="checkDealSpeedMetrics(n)" class="active" name="star"
v-for="n in data.dataObj.dealSpeedMetrics"/>
<van-icon @click="checkDealSpeedMetrics(n + data.dataObj.dealSpeedMetrics)" name="star"
v-for="n in (3 - data.dataObj.dealSpeedMetrics)"/>
</span>
<span class="eval-star-font" v-if="data.dataObj.dealSpeedMetrics == 1">不满意</span>
<span class="eval-star-font" v-if="data.dataObj.dealSpeedMetrics == 2">较满意</span>
<span class="eval-star-font" v-if="data.dataObj.dealSpeedMetrics == 3">满意</span>-->
<!-- <span v-if="data.dataObj.dealSpeedMetrics == 4">满意</span>
<span v-if="data.dataObj.dealSpeedMetrics == 5">非常满意</span> -->
<!-- </div>-->
<div class="eval-list"> <div class="eval-list">
<div id="evalBad" :class="1==submitData.serviceExperience?'active':''"> <!-- <div id="evalVeryGood" :class="3==submitData.serviceExperience?'active':''">
<span @click="checkServiceMetrics(1)"></span><label>不满意</label> <span @click="checkServiceMetrics(3)"></span><label>满意</label>
</div> </div>
<div id="evalGood" :class="2==submitData.serviceExperience?'active':''"> <div id="evalGood" :class="2==submitData.serviceExperience?'active':''">
<span @click="checkServiceMetrics(2)"></span><label>较满意</label> <span @click="checkServiceMetrics(2)"></span><label>较满意</label>
</div> </div>
<div id="evalVeryGood" :class="3==submitData.serviceExperience?'active':''"> <div id="evalBad" :class="1==submitData.serviceExperience?'active':''">
<span @click="checkServiceMetrics(3)"></span><label>满意</label> <span @click="checkServiceMetrics(1)"></span><label>不满意</label>
</div> -->
<div
id="evalVeryGood"
:class="3 == submitData.satisfactionLevel ? 'active' : ''"
>
<span @click="checkSatisfactionLevel(3)"></span><label>满意</label>
</div>
<div
id="evalGood"
:class="2 == submitData.satisfactionLevel ? 'active' : ''"
>
<span @click="checkSatisfactionLevel(2)"></span
><label>较满意</label>
</div>
<div
id="evalBad"
:class="1 == submitData.satisfactionLevel ? 'active' : ''"
>
<span @click="checkSatisfactionLevel(1)"></span
><label>不满意</label>
</div>
</div>
<div class="LevelIsNot1" v-if="submitData.satisfactionLevel != 1">
<div class="eval-item">
<label class="starText">文明执法</label>
<span class="eval-star">
<van-rate
v-model="submitData.serviceExperience"
:size="25"
color="#ffd21e"
void-icon="star"
void-color="#eee"
/>
</span>
<span v-if="submitData.serviceExperience == 1" class="starText"
>非常不满意</span
>
<span v-if="submitData.serviceExperience == 2" class="starText"
>不满意</span
>
<span v-if="submitData.serviceExperience == 3" class="starText"
>基本满意</span
>
<span v-if="submitData.serviceExperience == 4" class="starText"
>满意</span
>
<span v-if="submitData.serviceExperience == 5" class="starText"
>非常满意</span
>
</div> </div>
<div class="eval-item">
<label class="starText">执法效率</label>
<span class="eval-star">
<van-rate
v-model="submitData.checkEffect"
:size="25"
color="#ffd21e"
void-icon="star"
void-color="#eee"
/>
</span>
<span v-if="submitData.checkEffect == 1" class="starText"
>非常不满意</span
>
<span v-if="submitData.checkEffect == 2" class="starText"
>不满意</span
>
<span v-if="submitData.checkEffect == 3" class="starText"
>基本满意</span
>
<span v-if="submitData.checkEffect == 4" class="starText"
>满意</span
>
<span v-if="submitData.checkEffect == 5" class="starText"
>非常满意</span
>
</div>
<div class="eval-item">
<label class="starText">程序合法</label>
<span class="eval-star">
<van-rate
v-model="submitData.proceduralLegality"
:size="25"
color="#ffd21e"
void-icon="star"
void-color="#eee"
/>
</span>
<span v-if="submitData.proceduralLegality == 1" class="starText"
>非常不满意</span
>
<span v-if="submitData.proceduralLegality == 2" class="starText"
>不满意</span
>
<span v-if="submitData.proceduralLegality == 3" class="starText"
>基本满意</span
>
<span v-if="submitData.proceduralLegality == 4" class="starText"
>满意</span
>
<span v-if="submitData.proceduralLegality == 5" class="starText"
>非常满意</span
>
</div>
<div class="eval-item">
<label class="starText">检查效果</label>
<span class="eval-star">
<van-rate
v-model="submitData.checkEffectiveness"
:size="25"
color="#ffd21e"
void-icon="star"
void-color="#eee"
/>
</span>
<span v-if="submitData.checkEffectiveness == 1" class="starText"
>非常不满意</span
>
<span v-if="submitData.checkEffectiveness == 2" class="starText"
>不满意</span
>
<span v-if="submitData.checkEffectiveness == 3" class="starText"
>基本满意</span
>
<span v-if="submitData.checkEffectiveness == 4" class="starText"
>满意</span
>
<span v-if="submitData.checkEffectiveness == 5" class="starText"
>非常满意</span
>
</div>
</div>
<div class="cardsty" v-else>
<label>意见|建议</label>
<van-field
class="eval-cont"
v-model="submitData.evaluateDescription"
rows="5"
autosize
type="textarea"
maxlength="100"
show-word-limit
/>
</div> </div>
<!-- <div class="eval-item"> <!-- <div class="eval-item">
<label>检查效果</label> <label>检查效果</label>
@ -73,7 +198,6 @@
<span v-if="data.dataObj.feedbackQualityMetrics == 4">满意</span> <span v-if="data.dataObj.feedbackQualityMetrics == 4">满意</span>
<span v-if="data.dataObj.feedbackQualityMetrics == 5">非常满意</span> <span v-if="data.dataObj.feedbackQualityMetrics == 5">非常满意</span>
</div> --> </div> -->
<!-- <div class="eval-all"> <!-- <div class="eval-all">
<span>整体评价:</span> <span>整体评价:</span>
<i class="verygood bad" v-if="data.dataObj.approveCode == 1 || data.dataObj.approveCode == 2"></i> <i class="verygood bad" v-if="data.dataObj.approveCode == 1 || data.dataObj.approveCode == 2"></i>
@ -87,12 +211,12 @@
<span v-if="data.dataObj.approveCode == 6">未评价</span> <span v-if="data.dataObj.approveCode == 6">未评价</span>
<span v-if="data.dataObj.approveCode == 7">无效评价</span> <span v-if="data.dataObj.approveCode == 7">无效评价</span>
</div> --> </div> -->
</div> </div>
<div class="cardsty"> <!-- <div class="cardsty">
<label>意见|建议</label> <label>意见|建议</label>
<van-field class="eval-cont" <van-field
class="eval-cont"
v-model="submitData.evaluateDescription" v-model="submitData.evaluateDescription"
rows="5" rows="5"
autosize autosize
@ -100,21 +224,151 @@
maxlength="100" maxlength="100"
show-word-limit show-word-limit
/> />
</div> -->
</div> <div class="file-upload" v-if="submitData.satisfactionLevel == 1">
<div class="file-upload">
<div class="file-upload-center"> <div class="file-upload-center">
<label>附&nbsp; &nbsp; &nbsp; &nbsp;件</label> <span>(不多于 8张)</span> <label>附&nbsp; &nbsp; &nbsp; &nbsp;件</label>
<span>(不多于 8张)</span>
</div> </div>
<van-uploader v-model="submitData.fileObjList" class="file" multiple max-count="8" <van-uploader
:after-read="uploadFiles" :before-delete="deleteFile"> v-model="submitData.fileObjList"
class="file"
multiple
max-count="8"
:after-read="uploadFiles"
:before-delete="deleteFile"
>
<template #preview-cover="{ file }"> <template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">{{ file.name }}</div> <div class="preview-cover van-ellipsis">{{ file.name }}</div>
</template> </template>
</van-uploader> </van-uploader>
</div> </div>
<div class="otherProBlem">
<span class="otherProBlemText">其他问题</span>
<van-switch
v-model="submitData.otherProblemSwitchBoolean"
active-color="#00CD00"
size="20px"
/>
<div v-if="submitData.otherProblemSwitchBoolean">
<div class="otherProBlemItem">
<span
>1、是否存在逐利检查,接受被检查企业的馈赠、报酬、福利等?</span
>
<div class="otherProBlemItemIconList">
<div v-if="submitData.problem1 == 1" @click="checkProblem1(1)">
<van-icon name="good-job-o" color="#FFD700" />
<span>是</span>
</div>
<div v-else @click="checkProblem1(1)">
<van-icon name="good-job-o" />
<span>是</span>
</div>
<div v-if="submitData.problem1 == 0" @click="checkProblem1(0)">
<van-icon name="good-job-o" color="#FFD700" />
<span>否</span>
</div>
<div v-else @click="checkProblem1(0)">
<van-icon name="good-job-o" />
<span>否</span>
</div>
</div>
</div>
<div class="otherProBlemItem">
<span>2、是否存在要求被检查企业提供宴请、娱乐、旅游等活动?</span>
<div class="otherProBlemItemIconList">
<div v-if="submitData.problem2 == 1" @click="checkProblem2(1)">
<van-icon name="good-job-o" color="#FFD700" />
<span>是</span>
</div>
<div v-else @click="checkProblem2(1)">
<van-icon name="good-job-o" />
<span>是</span>
</div>
<div v-if="submitData.problem2 == 0" @click="checkProblem2(0)">
<van-icon name="good-job-o" color="#FFD700" />
<span>否</span>
</div>
<div v-else @click="checkProblem2(0)">
<van-icon name="good-job-o" />
<span>否</span>
</div>
</div>
</div>
<div class="otherProBlemItem">
<span
>3、是否存在干扰企业正常生产经营,刻意要求法定代表人到场行为?</span
>
<div class="otherProBlemItemIconList">
<div v-if="submitData.problem3 == 1" @click="checkProblem3(1)">
<van-icon name="good-job-o" color="#FFD700" />
<span>是</span>
</div>
<div v-else @click="checkProblem3(1)">
<van-icon name="good-job-o" />
<span>是</span>
</div>
<div v-if="submitData.problem3 == 0" @click="checkProblem3(0)">
<van-icon name="good-job-o" color="#FFD700" />
<span>否</span>
</div>
<div v-else @click="checkProblem3(0)">
<van-icon name="good-job-o" />
<span>否</span>
</div>
</div>
</div>
<div class="otherProBlemItem">
<span
>4、是否存在任性处罚企业,乱查封、乱扣押、乱冻结、动辄责令停产停业的行为?</span
>
<div class="otherProBlemItemIconList">
<div v-if="submitData.problem4 == 1" @click="checkProblem4(1)">
<van-icon name="good-job-o" color="#FFD700" />
<span>是</span>
</div>
<div v-else @click="checkProblem4(1)">
<van-icon name="good-job-o" />
<span>是</span>
</div>
<div v-if="submitData.problem4 == 0" @click="checkProblem4(0)">
<van-icon name="good-job-o" color="#FFD700" />
<span>否</span>
</div>
<div v-else @click="checkProblem4(0)">
<van-icon name="good-job-o" />
<span>否</span>
</div>
</div>
</div>
<div class="otherProBlemItem">
<span
>5、是否存在变相检查,以观摩、督导、考察等名义行检查之实?</span
>
<div class="otherProBlemItemIconList">
<div v-if="submitData.problem5 == 1" @click="checkProblem5(1)">
<van-icon name="good-job-o" color="#FFD700" />
<span>是</span>
</div>
<div v-else @click="checkProblem5(1)">
<van-icon name="good-job-o" />
<span>是</span>
</div>
<div v-if="submitData.problem5 == 0" @click="checkProblem5(0)">
<van-icon name="good-job-o" color="#FFD700" />
<span>否</span>
</div>
<div v-else @click="checkProblem5(0)">
<van-icon name="good-job-o" />
<span>否</span>
</div>
</div>
</div>
</div>
</div>
<van-action-bar> <van-action-bar>
<van-button round block type="info" @click="save">提交</van-button> <van-button round block type="info" @click="save">提交</van-button>
</van-action-bar> </van-action-bar>
@ -123,18 +377,16 @@
</template> </template>
<script setup name="register"> <script setup name="register">
import { uploadFile } from "@/util/fileUpload";
import { reactive, ref } from "vue";
import {uploadFile} from '@/util/fileUpload' import * as w6s from "szient-js-sdk";
import {reactive, ref} from "vue"; import { addEvaluateInfo } from "@/api/enterprise";
import * as w6s from 'szient-js-sdk'; import { showSuccessToast } from "vant";
import {addEvaluateInfo} from "@/api/enterprise"; const { useCommon, useMy } = $globalStore;
import {showSuccessToast} from 'vant'; const router = useRouter();
const {useCommon, useMy} = $globalStore const route = useRoute();
const router = useRouter();
const route = useRoute(); const data = reactive({
const data = reactive({
dataObj: { dataObj: {
dealSpeedMetrics: 0, dealSpeedMetrics: 0,
dealEffectMetrics: 0, dealEffectMetrics: 0,
@ -142,69 +394,115 @@
feedbackQualityMetrics: 0, feedbackQualityMetrics: 0,
writingEvaluation: "", writingEvaluation: "",
}, },
}); });
//保存参数 //保存参数
const submitData = reactive({ const submitData = reactive({
fileObjList: [], fileObjList: [],
enforcementName:"", enforcementName: "",
enforcementId:"", enforcementId: "",
evaluateDescription:"", evaluateDescription: "",
linkman:"", linkman: "",
linkmanTel:"", linkmanTel: "",
authorization:"", authorization: "",
enterpriseName:"", enterpriseName: "",
enterpriseNumber:"", enterpriseNumber: "",
inspectionEfficiency:0, // inspectionEfficiency:0,
checkEffect:0, // checkEffect:0,
serviceExperience:3, // serviceExperience:3,
checkQuality:0, // checkQuality:0,
fileList:[], fileList: [],
userId: useCommon.userId, userId: useCommon.userId,
}); satisfactionLevel: 3,
serviceExperience: 0,
onMounted(() => { checkEffect: 0,
proceduralLegality: 0,
checkEffectiveness: 0,
otherProblemSwitch: 0,
otherProblemSwitchBoolean: true,
problem1: 0,
problem2: 0,
problem3: 0,
problem4: 0,
problem5: 0,
});
onMounted(() => {
submitData.enforcementId = route?.query?.id; submitData.enforcementId = route?.query?.id;
submitData.enforcementName = route?.query?.lawEnforcementItemText; submitData.enforcementName = route?.query?.lawEnforcementItemText;
}); });
const checkDealSpeedMetrics = (n) => { const checkDealSpeedMetrics = (n) => {
data.dataObj.dealSpeedMetrics = n; data.dataObj.dealSpeedMetrics = n;
//检查效率 //检查效率
submitData.inspectionEfficiency = n; submitData.inspectionEfficiency = n;
} };
const checkDealEffectMetrics = (n) => { const checkDealEffectMetrics = (n) => {
data.dataObj.dealEffectMetrics = n; data.dataObj.dealEffectMetrics = n;
submitData.checkQuality = n; submitData.checkQuality = n;
} };
const checkServiceMetrics = (n) => { const checkServiceMetrics = (n) => {
data.dataObj.serviceMetrics = n; data.dataObj.serviceMetrics = n;
submitData.serviceExperience = n; submitData.serviceExperience = n;
} };
const checkFeedbackQualityMetrics = (n) => { const checkFeedbackQualityMetrics = (n) => {
data.dataObj.feedbackQualityMetrics = n; data.dataObj.feedbackQualityMetrics = n;
submitData.checkEffect = n; submitData.checkEffect = n;
} };
const checkSatisfactionLevel = (n) => {
const save = () => { submitData.satisfactionLevel = n;
console.log(submitData);
};
const checkProblem1 = (n) => {
submitData.problem1 = n;
};
const checkProblem2 = (n) => {
submitData.problem2 = n;
};
const checkProblem3 = (n) => {
submitData.problem3 = n;
};
const checkProblem4 = (n) => {
submitData.problem4 = n;
};
const checkProblem5 = (n) => {
submitData.problem5 = n;
};
const save = () => {
submitData.enterpriseNumber = useCommon.enterpriseNumber; submitData.enterpriseNumber = useCommon.enterpriseNumber;
addEvaluateInfo(submitData,success=>{ if (submitData.otherProblemSwitchBoolean) {
if(success.success){ submitData.otherProblemSwitch = 1;
showSuccessToast('保存成功'); }
router.push({path:"/enterprise/registrationList"}) submitData.fileObjList = [];
addEvaluateInfo(
submitData,
(success) => {
if (success.success) {
showSuccessToast("保存成功");
router.push({ path: "/enterprise/registrationList" });
} }
},error =>{ },
(error) => {
console.log("评价失败"); console.log("评价失败");
console.log(error); console.log(error);
})
} }
const uploadFiles = (file) => { );
};
const uploadFiles = (file) => {
console.log(file);
if (Array.isArray(file)) {
for (let i = 0; i < file.length; i++) {
uploadFile(file[i], (res) => {
submitData.fileList.push(res.url);
});
}
} else {
uploadFile(file, (res) => { uploadFile(file, (res) => {
submitData.fileList.push(res.url) submitData.fileList.push(res.url);
}); });
} }
};
const deleteFile = (file, index) => { const deleteFile = (file, index) => {
// submitData.fileListObj.filter((item, indexs) => { // submitData.fileListObj.filter((item, indexs) => {
// if (index.index == indexs) { // if (index.index == indexs) {
// submitData.fileListObj.splice(indexs, 1);//splice 删除 // submitData.fileListObj.splice(indexs, 1);//splice 删除
@ -212,24 +510,23 @@
// }); // });
submitData.fileList.filter((item, indexs) => { submitData.fileList.filter((item, indexs) => {
if (index.index == indexs) { if (index.index == indexs) {
submitData.fileList.splice(indexs, 1);//splice 删除 submitData.fileList.splice(indexs, 1); //splice 删除
} }
}); });
return true; return true;
} };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.address_edit { .address_edit {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
background-color: #ebf3fb; background-color: #ebf3fb;
} }
.warp_body { .warp_body {
margin: 2% 3%; margin: 2% 3%;
padding-bottom: 3rem; padding-bottom: 3rem;
width: 94%; width: 94%;
@ -238,19 +535,19 @@
//background-image: linear-gradient(to bottom, #ebf3fb, #fff); //background-image: linear-gradient(to bottom, #ebf3fb, #fff);
background: transparent; background: transparent;
overflow-y: auto; overflow-y: auto;
} }
.file-upload { .file-upload {
position: relative; position: relative;
min-height: 3.0rem; min-height: 3rem;
/*max-height: 6.5rem;*/ /*max-height: 6.5rem;*/
padding: 1rem 0.27rem 0.27rem 0.43rem; padding: 1rem 0.27rem 0.27rem 0.43rem;
box-sizing: border-box; box-sizing: border-box;
background: #fff; background: #fff;
border-radius: 0.2rem; border-radius: 0.2rem;
} }
.file-upload-center { .file-upload-center {
position: absolute; position: absolute;
top: 0.27rem; top: 0.27rem;
left: 0.43rem; left: 0.43rem;
@ -262,19 +559,20 @@
font-size: 0.32rem; font-size: 0.32rem;
color: #b9b9b9; color: #b9b9b9;
} }
} }
.file { .file {
position: relative; position: relative;
width: 100%; width: 100%;
height: calc(100% - 1.5rem); height: calc(100% - 1.5rem);
} }
/deep/ .van-uploader__upload, /deep/ .van-uploader__preview-image { /deep/ .van-uploader__upload,
/deep/ .van-uploader__preview-image {
width: 1.95rem !important; width: 1.95rem !important;
} }
.preview-cover { .preview-cover {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
box-sizing: border-box; box-sizing: border-box;
@ -284,9 +582,9 @@
font-size: 0.32rem; font-size: 0.32rem;
text-align: center; text-align: center;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
} }
.zoom { .zoom {
/*margin-top: 0.65rem; /*margin-top: 0.65rem;
padding-top: 0.27rem; padding-top: 0.27rem;
padding-left: 0.27rem;*/ padding-left: 0.27rem;*/
@ -297,9 +595,9 @@
margin: 0 0.21rem 0.21rem 0; margin: 0 0.21rem 0.21rem 0;
font-size: 0.35rem; font-size: 0.35rem;
} }
} }
.cardsty { .cardsty {
margin: 3% 0; margin: 3% 0;
width: 100%; width: 100%;
padding: 5%; padding: 5%;
@ -307,84 +605,110 @@
border-radius: 0.2rem; border-radius: 0.2rem;
font-size: 0.37rem; font-size: 0.37rem;
box-sizing: border-box; box-sizing: border-box;
} }
.cardsty h4 { .cardsty h4 {
margin: 0.2rem 0 0.5rem; margin: 0.2rem 0 0.5rem;
font-size: 0.42rem; font-size: 0.42rem;
} }
.cardsty label { .cardsty label {
margin-right: 0.3rem; margin-right: 0.3rem;
color: #323233; color: #323233;
} }
.eval-item { .eval-item {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 0.27rem 0; margin: 0.27rem 0;
} }
.eval-star { .eval-star {
margin: 0 0.7rem 0 0.2rem; margin: 0 0.7rem 0 0.2rem;
} }
.eval-star i { .eval-star i {
margin: 0 0.3rem; margin: 0 0.3rem;
color: #ddd; color: #ddd;
font-size: 0.5rem; font-size: 0.5rem;
} }
.eval-star i.active { .eval-star i.active {
color: #fbb516; color: #fbb516;
} }
.eval-star-font{ .eval-star-font {
font-weight: bold; font-weight: bold;
} }
.eval-all { .eval-all {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 8% 2% 3%; margin: 8% 2% 3%;
padding: 8% 0 0 0; padding: 8% 0 0 0;
width: 96%; width: 96%;
border-top: 0.02667rem solid #eee; border-top: 0.02667rem solid #eee;
} }
.eval-all i { .eval-all i {
display: inline-block; display: inline-block;
margin: 0 0.3rem 0 0.5rem; margin: 0 0.3rem 0 0.5rem;
width: 0.75rem; width: 0.75rem;
height: 0.75rem; height: 0.75rem;
background: url("../../assets/images/eval-verygood.png") no-repeat; background: url("../../assets/images/eval-verygood.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.eval-all i.good { .eval-all i.good {
background: url("../../assets/images/eval-good.png") no-repeat; background: url("../../assets/images/eval-good.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.eval-all i.bad { .eval-all i.bad {
background: url("../../assets/images/eval-bad.png") no-repeat; background: url("../../assets/images/eval-bad.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.eval-cont { .eval-cont {
margin: 3% 0; margin: 3% 0;
width: 100%; width: 100%;
border-radius: 0.15rem; border-radius: 0.15rem;
border: 1px solid #f5f6f7; border: 1px solid #f5f6f7;
box-sizing: border-box; box-sizing: border-box;
line-height: 1.5; line-height: 1.5;
} }
.starText {
// font-size: 16px;
font-weight: 800;
}
.otherProBlem {
margin: 3% 0;
width: 100%;
padding: 5%;
background: #fff;
border-radius: 0.2rem;
font-size: 0.37rem;
box-sizing: border-box;
}
.otherProBlemItem {
padding: 15px;
}
.otherProBlemText {
font-size: 16px;
margin-right: 10px;
}
.otherProBlemItemIconList {
padding-right: 15px;
display: flex;
float: right;
}
/deep/ .eval-cont textarea.van-field__control { /deep/ .eval-cont textarea.van-field__control {
padding: 0.1rem; padding: 0.1rem;
text-align: justify; text-align: justify;
} }
/deep/ .van-button { /deep/ .van-button {
margin: 5% 3%; margin: 5% 3%;
padding: 0; padding: 0;
width: 94%; width: 94%;
@ -395,74 +719,73 @@
background: #1367fe; background: #1367fe;
border: 1px solid #1367fe; border: 1px solid #1367fe;
text-align: center; text-align: center;
} }
/deep/ .van-action-bar { /deep/ .van-action-bar {
box-shadow: 0 0 0.27rem #e5e5e5; box-shadow: 0 0 0.27rem #e5e5e5;
} }
.eval-list { .eval-list {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 3%; margin: 3%;
} }
.eval-list > div { .eval-list > div {
width: 30%; width: 30%;
text-align: center; text-align: center;
} }
.eval-list > div > label { .eval-list > div > label {
margin: 0.2rem 0; margin: 0.2rem 0;
color: #999; color: #999;
} }
.eval-list > div.active > label { .eval-list > div.active > label {
color: #323233; color: #323233;
font-weight: 600; font-weight: 600;
} }
.eval-list > div > span { .eval-list > div > span {
display: block; display: block;
margin: 0.5rem auto 0.2rem; margin: 0.5rem auto 0.2rem;
width: 0.8rem; width: 0.8rem;
height: 1.0rem; height: 1rem;
} }
.eval-list > div#evalBad > span { .eval-list > div#evalBad > span {
background: url("../../../assets/images/eval-bad-dis.png") no-repeat; background: url("../../../assets/images/eval-bad-dis.png") no-repeat;
background-size: 100%; background-size: 100%;
opacity: .5; opacity: 0.5;
} }
.eval-list > div#evalGood > span { .eval-list > div#evalGood > span {
background: url("../../../assets/images/eval-good-dis.png") no-repeat; background: url("../../../assets/images/eval-good-dis.png") no-repeat;
background-size: 100%; background-size: 100%;
opacity: .5; opacity: 0.5;
} }
.eval-list > div#evalVeryGood > span { .eval-list > div#evalVeryGood > span {
background: url("../../../assets/images/eval-verygood-dis.png") no-repeat; background: url("../../../assets/images/eval-verygood-dis.png") no-repeat;
background-size: 100%; background-size: 100%;
opacity: .5; opacity: 0.5;
} }
.eval-list > div#evalBad.active > span { .eval-list > div#evalBad.active > span {
background: url("../../../assets/images/eval-bad.png") no-repeat; background: url("../../../assets/images/eval-bad.png") no-repeat;
background-size: 100%; background-size: 100%;
opacity: 1; opacity: 1;
} }
.eval-list > div#evalGood.active > span { .eval-list > div#evalGood.active > span {
background: url("../../../assets/images/eval-good.png") no-repeat; background: url("../../../assets/images/eval-good.png") no-repeat;
background-size: 100%; background-size: 100%;
opacity: 1; opacity: 1;
} }
.eval-list > div#evalVeryGood.active > span { .eval-list > div#evalVeryGood.active > span {
background: url("../../../assets/images/eval-verygood.png") no-repeat; background: url("../../../assets/images/eval-verygood.png") no-repeat;
background-size: 100%; background-size: 100%;
opacity: 1; opacity: 1;
} }
</style> </style>

1221
src/views/enterprise/registrationDetail.vue

File diff suppressed because it is too large
Loading…
Cancel
Save