Browse Source

企业端评价相关及样式修改

v4
zouyx 2 years ago
parent
commit
68fd42de38
  1. 178
      src/views/enterprise/enterpriseEvaluate/evaluate.vue
  2. 656
      src/views/enterprise/registrationDetail.vue

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

@ -258,20 +258,14 @@
>1、是否存在逐利检查,接受被检查企业的馈赠、报酬、福利等?</span
>
<div class="otherProBlemItemIconList">
<div v-if="submitData.problem1 == 1" @click="checkProblem1(1)">
<van-icon name="good-job-o" color="#FFD700" />
<div @click="checkProblem1(1)" class="otherProBlemItemIcon">
<div :class="submitData.problem1 == 1 ? 'onbad' : 'bad'"></div>
<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" />
<div @click="checkProblem1(0)" class="otherProBlemItemIcon">
<div
:class="submitData.problem1 == 0 ? 'ongood' : 'good'"
></div>
<span>否</span>
</div>
</div>
@ -279,20 +273,14 @@
<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" />
<div @click="checkProblem2(1)" class="otherProBlemItemIcon">
<div :class="submitData.problem2 == 1 ? 'onbad' : 'bad'"></div>
<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" />
<div @click="checkProblem2(0)" class="otherProBlemItemIcon">
<div
:class="submitData.problem2 == 0 ? 'ongood' : 'good'"
></div>
<span>否</span>
</div>
</div>
@ -302,20 +290,14 @@
>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" />
<div @click="checkProblem3(1)" class="otherProBlemItemIcon">
<div :class="submitData.problem3 == 1 ? 'onbad' : 'bad'"></div>
<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" />
<div @click="checkProblem3(0)" class="otherProBlemItemIcon">
<div
:class="submitData.problem3 == 0 ? 'ongood' : 'good'"
></div>
<span>否</span>
</div>
</div>
@ -325,20 +307,14 @@
>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" />
<div @click="checkProblem4(1)" class="otherProBlemItemIcon">
<div :class="submitData.problem4 == 1 ? 'onbad' : 'bad'"></div>
<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" />
<div @click="checkProblem4(0)" class="otherProBlemItemIcon">
<div
:class="submitData.problem4 == 0 ? 'ongood' : 'good'"
></div>
<span>否</span>
</div>
</div>
@ -348,20 +324,14 @@
>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" />
<div @click="checkProblem5(1)" class="otherProBlemItemIcon">
<div :class="submitData.problem5 == 1 ? 'onbad' : 'bad'"></div>
<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" />
<div @click="checkProblem5(0)" class="otherProBlemItemIcon">
<div
:class="submitData.problem5 == 0 ? 'ongood' : 'good'"
></div>
<span>否</span>
</div>
</div>
@ -381,7 +351,7 @@ import { uploadFile } from "@/util/fileUpload";
import { reactive, ref } from "vue";
import * as w6s from "szient-js-sdk";
import { addEvaluateInfo } from "@/api/enterprise";
import { showSuccessToast } from "vant";
import { showFailToast, showSuccessToast } from "vant";
const { useCommon, useMy } = $globalStore;
const router = useRouter();
const route = useRoute();
@ -473,19 +443,48 @@ const save = () => {
submitData.otherProblemSwitch = 1;
}
submitData.fileObjList = [];
addEvaluateInfo(
submitData,
(success) => {
if (success.success) {
showSuccessToast("保存成功");
router.push({ path: "/enterprise/registrationList" });
console.log(submitData.satisfactionLevel);
console.log(submitData.satisfactionLevel == 3);
console.log(submitData.serviceExperience == 0);
if (submitData.satisfactionLevel == 1) {
addEvaluateInfo(
submitData,
(success) => {
if (success.success) {
showSuccessToast("保存成功");
router.push({ path: "/enterprise/registrationList" });
}
},
(error) => {
console.log("评价失败");
console.log(error);
}
},
(error) => {
console.log("评价失败");
console.log(error);
);
} else {
if (submitData.serviceExperience == 0) {
showFailToast("请为 文明执法项 评分");
} else if (submitData.checkEffect == 0) {
showFailToast("请为 执法效率项评分");
} else if (submitData.proceduralLegality == 0) {
showFailToast("请为 程序合法项 评分");
} else if (submitData.checkEffectiveness == 0) {
showFailToast("请为 检查效果项 评分");
} else {
addEvaluateInfo(
submitData,
(success) => {
if (success.success) {
showSuccessToast("保存成功");
router.push({ path: "/enterprise/registrationList" });
}
},
(error) => {
console.log("评价失败");
console.log(error);
}
);
}
);
}
};
const uploadFiles = (file) => {
console.log(file);
@ -691,7 +690,8 @@ const deleteFile = (file, index) => {
box-sizing: border-box;
}
.otherProBlemItem {
padding: 15px;
padding: 6px;
line-height: 30px;
}
.otherProBlemText {
font-size: 16px;
@ -788,4 +788,36 @@ const deleteFile = (file, index) => {
background-size: 100%;
opacity: 1;
}
.otherProBlemItemIcon {
display: flex;
padding: 5px;
}
.onbad {
background: url("../../../assets/images/onbad.png") no-repeat;
background-size: 100%;
height: 20px;
width: 20px;
opacity: 1;
}
.ongood {
background: url("../../../assets/images/ongood.png") no-repeat;
background-size: 100%;
height: 20px;
width: 20px;
opacity: 1;
}
.bad {
background: url("../../../assets/images/bad.png") no-repeat;
background-size: 100%;
height: 20px;
width: 20px;
opacity: 1;
}
.good {
background: url("../../../assets/images/good.png") no-repeat;
background-size: 100%;
height: 20px;
width: 20px;
opacity: 1;
}
</style>

656
src/views/enterprise/registrationDetail.vue

@ -143,8 +143,9 @@
<div v-if="submitData.isEvaluate == 1">
<van-divider class="divdsty" />
<van-cell-group>
<div class="qy-name">评价</div>
<!-- <div class="eval-list">
<div class="cardsty">
<div class="evaluateText">评价</div>
<!-- <div class="eval-list">
<div
id="evalBad"
:class="1 == submitData.serviceExperience ? 'active' : ''"
@ -166,8 +167,8 @@
<span @click="checkServiceMetrics(3)"></span><label>满意</label>
</div>
</div> -->
<div class="eval-list">
<!-- <div id="evalVeryGood" :class="3==submitData.serviceExperience?'active':''">
<div class="eval-list">
<!-- <div id="evalVeryGood" :class="3==submitData.serviceExperience?'active':''">
<span @click="checkServiceMetrics(3)"></span><label>满意</label>
</div>
<div id="evalGood" :class="2==submitData.serviceExperience?'active':''">
@ -176,299 +177,312 @@
<div id="evalBad" :class="1==submitData.serviceExperience?'active':''">
<span @click="checkServiceMetrics(1)"></span><label>不满意</label>
</div> -->
<div
id="evalVeryGood"
:class="3 == submitData.satisfactionLevel ? 'active' : ''"
>
<span></span
><label>满意</label>
</div>
<div
id="evalGood"
:class="2 == submitData.satisfactionLevel ? 'active' : ''"
>
<span></span
><label>较满意</label>
</div>
<div
id="evalBad"
:class="1 == submitData.satisfactionLevel ? 'active' : ''"
>
<span></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"
readonly
/>
</span>
<span v-if="submitData.serviceExperience == 1" class="starText"
>非常不满意</span
<div
id="evalVeryGood"
:class="3 == submitData.satisfactionLevel ? 'active' : ''"
>
<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 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" readonly
/>
</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" readonly
/>
</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" readonly
/>
</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></span><label>满意</label>
</div>
<div
id="evalGood"
:class="2 == submitData.satisfactionLevel ? 'active' : ''"
>
<span v-if="submitData.checkEffectiveness == 5" class="starText"
>非常满意</span
<span></span><label>较满意</label>
</div>
<div
id="evalBad"
:class="1 == submitData.satisfactionLevel ? 'active' : ''"
>
<span></span><label>不满意</label>
</div>
</div>
</div>
<div v-else>
<van-field label="意见|建议" readonly />
<van-field
class="complaint-cont"
v-model="submitData.evaluateDescription"
rows="5"
autosize
readonly
type="textarea"
show-word-limit
/>
<div class="file-upload">
<div class="file-upload-center">
<label>附&nbsp; &nbsp; &nbsp; &nbsp;件</label>
<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"
readonly
/>
</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 class="zoom">
<img
v-for="(ite, index) in data.evaluateImageList"
class="img"
:src="ite"
alt="预览图片"
@click="imagePreview2(index)"
:key="index"
/>
<van-image-preview
v-model:show="data.show2"
:images="data.evaluateImageList"
@change="onChange2"
ref="imagePre2"
<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"
readonly
/>
</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"
readonly
/>
</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"
readonly
/>
</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
>
<template v-slot:index>第{{ indexImg2 + 1 }}页</template>
</van-image-preview>
</div>
</div>
</div>
<div class="otherProBlem">
<span class="otherProBlemText">其他问题</span>
<van-switch
v-model="submitData.otherProblemSwitchBoolean"
active-color="#00CD00"
size="20px"
disabled
/>
<div v-if="submitData.otherProblemSwitchBoolean">
<div class="otherProBlemItem">
<span
>1、是否存在逐利检查,接受被检查企业的馈赠、报酬、福利等?</span
>
<div class="otherProBlemItemIconList">
<div v-if="submitData.problem1 == 1">
<van-icon name="good-job-o" color="#FFD700" />
<span>是</span>
</div>
<div v-else>
<van-icon name="good-job-o" />
<span>是</span>
</div>
<div v-if="submitData.problem1 == 0">
<van-icon name="good-job-o" color="#FFD700" />
<span>否</span>
</div>
<div v-else>
<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">
<van-icon name="good-job-o" color="#FFD700" />
<span>是</span>
</div>
<div v-else>
<van-icon name="good-job-o" />
<span>是</span>
</div>
<div v-if="submitData.problem2 == 0">
<van-icon name="good-job-o" color="#FFD700" />
<span>否</span>
</div>
<div v-else>
<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">
<van-icon name="good-job-o" color="#FFD700" />
<span>是</span>
</div>
<div v-else >
<van-icon name="good-job-o" />
<span>是</span>
</div>
<div v-if="submitData.problem3 == 0">
<van-icon name="good-job-o" color="#FFD700" />
<span>否</span>
</div>
<div v-else>
<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">
<van-icon name="good-job-o" color="#FFD700" />
<span>是</span>
</div>
<div v-else>
<van-icon name="good-job-o" />
<span>是</span>
</div>
<div v-if="submitData.problem4 == 0">
<van-icon name="good-job-o" color="#FFD700" />
<span>否</span>
</div>
<div v-else>
<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">
<van-icon name="good-job-o" color="#FFD700" />
<span>是</span>
</div>
<div v-else>
<van-icon name="good-job-o" />
<span>是</span>
</div>
<div v-if="submitData.problem5 == 0">
<van-icon name="good-job-o" color="#FFD700" />
<span>否</span>
<van-field label="意见|建议" readonly />
<van-field
class="complaint-cont"
v-model="submitData.evaluateDescription"
rows="5"
autosize
readonly
type="textarea"
show-word-limit
/>
<div class="file-upload">
<div class="file-upload-center">
<label>附&nbsp; &nbsp; &nbsp; &nbsp;件</label>
</div>
<div class="zoom">
<img
v-for="(ite, index) in data.evaluateImageList"
class="img"
:src="ite"
alt="预览图片"
@click="imagePreview2(index)"
:key="index"
/>
<van-image-preview
v-model:show="data.show2"
:images="data.evaluateImageList"
@change="onChange2"
ref="imagePre2"
>
<template v-slot:index>第{{ indexImg2 + 1 }}页</template>
</van-image-preview>
</div>
</div>
</div>
<div v-else>
<van-icon name="good-job-o" />
<span>否</span>
<div class="otherProBlem">
<span class="otherProBlemText">其他问题</span>
<van-switch
v-model="submitData.otherProblemSwitchBoolean"
active-color="#00CD00"
size="20px"
disabled
/>
<div v-if="submitData.otherProblemSwitchBoolean">
<div class="otherProBlemItem">
<span
>1、是否存在逐利检查,接受被检查企业的馈赠、报酬、福利等?</span
>
<div class="otherProBlemItemIconList">
<div class="otherProBlemItemIcon">
<div
:class="submitData.problem1 == 1 ? 'onbad' : 'bad'"
></div>
<span>是</span>
</div>
<div class="otherProBlemItemIcon">
<div
:class="submitData.problem1 == 0 ? 'ongood' : 'good'"
></div>
<span>否</span>
</div>
</div>
</div>
<div class="otherProBlemItem">
<span
>2、是否存在要求被检查企业提供宴请、娱乐、旅游等活动?</span
>
<div class="otherProBlemItemIconList">
<div class="otherProBlemItemIcon">
<div
:class="submitData.problem2 == 1 ? 'onbad' : 'bad'"
></div>
<span>是</span>
</div>
<div class="otherProBlemItemIcon">
<div
:class="submitData.problem2 == 0 ? 'ongood' : 'good'"
></div>
<span>否</span>
</div>
</div>
</div>
<div class="otherProBlemItem">
<span
>3、是否存在干扰企业正常生产经营,刻意要求法定代表人到场行为?</span
>
<div class="otherProBlemItemIconList">
<div class="otherProBlemItemIcon">
<div
:class="submitData.problem3 == 1 ? 'onbad' : 'bad'"
></div>
<span>是</span>
</div>
<div class="otherProBlemItemIcon">
<div
:class="submitData.problem3 == 0 ? 'ongood' : 'good'"
></div>
<span>否</span>
</div>
</div>
</div>
<div class="otherProBlemItem">
<span
>4、是否存在任性处罚企业,乱查封、乱扣押、乱冻结、动辄责令停产停业的行为?</span
>
<div class="otherProBlemItemIconList">
<div class="otherProBlemItemIcon">
<div
:class="submitData.problem4 == 1 ? 'onbad' : 'bad'"
></div>
<span>是</span>
</div>
<div class="otherProBlemItemIcon">
<div
:class="submitData.problem4 == 0 ? 'ongood' : 'good'"
></div>
<span>否</span>
</div>
</div>
</div>
<div class="otherProBlemItem">
<span
>5、是否存在变相检查,以观摩、督导、考察等名义行检查之实?</span
>
<div class="otherProBlemItemIconList">
<div class="otherProBlemItemIcon">
<div
:class="submitData.problem5 == 1 ? 'onbad' : 'bad'"
></div>
<span>是</span>
</div>
<div class="otherProBlemItemIcon">
<div
:class="submitData.problem5 == 0 ? 'ongood' : 'good'"
></div>
<span>否</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</van-cell-group>
</div>
</van-form>
@ -1232,7 +1246,7 @@ export default {
.file-upload {
position: relative;
min-height: 3rem;
max-height: 6.5rem;
// max-height: 6.5rem;
padding: 1rem 0.27rem 0.27rem 0.43rem;
box-sizing: border-box;
border-top: 5px solid #f4f4f4;
@ -1471,7 +1485,7 @@ export default {
.eval-list > div > label {
margin: 0.2rem 0;
color: #999;
font-size: 0.35rem;
// font-size: 0.35rem;
}
.eval-list > div.active > label {
@ -1481,9 +1495,9 @@ export default {
.eval-list > div > span {
display: block;
margin: 0.2rem auto 0.1rem;
margin: 0.5rem auto 0.2rem;
width: 0.8rem;
height: 0.8rem;
height: 1rem;
}
.eval-list > div#evalBad > span {
@ -1526,28 +1540,46 @@ export default {
.van-hairline-unset--top-bottom:after {
border: 0;
}
.LevelIsNot1{
padding-top: 10px;
padding-left: 30px;
// background-color: #999
.evaluateText {
font-size: 0.42rem;
}
.cardsty {
margin: 3% 0;
width: 100%;
padding: 5%;
background: #fff;
border-radius: 0.2rem;
font-size: 0.37rem;
box-sizing: border-box;
}
.cardsty label {
margin-right: 0.4rem;
color: #323233;
}
.eval-star {
margin: 0 0.7rem 0 0.2rem;
}
.eval-item {
display: flex;
align-items: center;
margin: 0.27rem 0;
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;
}
// .otherProBlem span{
// font-size: 0.37rem;
// }
.otherProBlemItem {
padding: 15px;
padding: 7px;
line-height: 30px;
}
.otherProBlemText {
font-size: 16px;
@ -1558,5 +1590,37 @@ export default {
display: flex;
float: right;
}
.otherProBlemItemIcon {
display: flex;
padding: 3px;
}
.onbad {
background: url("../../assets/images/onbad.png") no-repeat;
background-size: 100%;
height: 20px;
width: 20px;
opacity: 1;
}
.ongood {
background: url("../../assets/images/ongood.png") no-repeat;
background-size: 100%;
height: 20px;
width: 20px;
opacity: 1;
}
.bad {
background: url("../../assets/images/bad.png") no-repeat;
background-size: 100%;
height: 20px;
width: 20px;
opacity: 1;
}
.good {
background: url("../../assets/images/good.png") no-repeat;
background-size: 100%;
height: 20px;
width: 20px;
opacity: 1;
}
</style>

Loading…
Cancel
Save