chenrui
/
zdxtLawEnforcementCodeView
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

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

v4
zouyx 2 years ago
parent
995ce3c90e
commit
68fd42de38
2 changed files with 465 additions and 369 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 156
      src/views/enterprise/enterpriseEvaluate/evaluate.vue
  2. 256
      src/views/enterprise/registrationDetail.vue

156
src/views/enterprise/enterpriseEvaluate/evaluate.vue
View File

@ -258,20 +258,14 @@
>1、是否存在逐利检查，接受被检查企业的馈赠、报酬、福利等?</span >1、是否存在逐利检查，接受被检查企业的馈赠、报酬、福利等?</span
> >
<div class="otherProBlemItemIconList"> <div class="otherProBlemItemIconList">
<div v-if="submitData.problem1 == 1" @click="checkProblem1(1)"> <div @click="checkProblem1(1)" class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div :class="submitData.problem1 == 1 ? 'onbad' : 'bad'"></div>
<span>是</span> <span>是</span>
</div> </div>
<div v-else @click="checkProblem1(1)"> <div @click="checkProblem1(0)" class="otherProBlemItemIcon">
<van-icon name="good-job-o" /> <div
<span>是</span> :class="submitData.problem1 == 0 ? 'ongood' : 'good'"
</div> ></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> <span>否</span>
</div> </div>
</div> </div>
@ -279,20 +273,14 @@
<div class="otherProBlemItem"> <div class="otherProBlemItem">
<span>2、是否存在要求被检查企业提供宴请、娱乐、旅游等活动?</span> <span>2、是否存在要求被检查企业提供宴请、娱乐、旅游等活动?</span>
<div class="otherProBlemItemIconList"> <div class="otherProBlemItemIconList">
<div v-if="submitData.problem2 == 1" @click="checkProblem2(1)"> <div @click="checkProblem2(1)" class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <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> <span>是</span>
</div> </div>
<div v-if="submitData.problem2 == 0" @click="checkProblem2(0)"> <div @click="checkProblem2(0)" class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>否</span> :class="submitData.problem2 == 0 ? 'ongood' : 'good'"
</div> ></div>
<div v-else @click="checkProblem2(0)">
<van-icon name="good-job-o" />
<span>否</span> <span>否</span>
</div> </div>
</div> </div>
@ -302,20 +290,14 @@
>3、是否存在干扰企业正常生产经营，刻意要求法定代表人到场行为?</span >3、是否存在干扰企业正常生产经营，刻意要求法定代表人到场行为?</span
> >
<div class="otherProBlemItemIconList"> <div class="otherProBlemItemIconList">
<div v-if="submitData.problem3 == 1" @click="checkProblem3(1)"> <div @click="checkProblem3(1)" class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div :class="submitData.problem3 == 1 ? 'onbad' : 'bad'"></div>
<span>是</span> <span>是</span>
</div> </div>
<div v-else @click="checkProblem3(1)"> <div @click="checkProblem3(0)" class="otherProBlemItemIcon">
<van-icon name="good-job-o" /> <div
<span>是</span> :class="submitData.problem3 == 0 ? 'ongood' : 'good'"
</div> ></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> <span>否</span>
</div> </div>
</div> </div>
@ -325,20 +307,14 @@
>4、是否存在任性处罚企业，乱查封、乱扣押、乱冻结、动辄责令停产停业的行为?</span >4、是否存在任性处罚企业，乱查封、乱扣押、乱冻结、动辄责令停产停业的行为?</span
> >
<div class="otherProBlemItemIconList"> <div class="otherProBlemItemIconList">
<div v-if="submitData.problem4 == 1" @click="checkProblem4(1)"> <div @click="checkProblem4(1)" class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div :class="submitData.problem4 == 1 ? 'onbad' : 'bad'"></div>
<span>是</span>
</div>
<div v-else @click="checkProblem4(1)">
<van-icon name="good-job-o" />
<span>是</span> <span>是</span>
</div> </div>
<div v-if="submitData.problem4 == 0" @click="checkProblem4(0)"> <div @click="checkProblem4(0)" class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>否</span> :class="submitData.problem4 == 0 ? 'ongood' : 'good'"
</div> ></div>
<div v-else @click="checkProblem4(0)">
<van-icon name="good-job-o" />
<span>否</span> <span>否</span>
</div> </div>
</div> </div>
@ -348,20 +324,14 @@
>5、是否存在变相检查，以观摩、督导、考察等名义行检查之实?</span >5、是否存在变相检查，以观摩、督导、考察等名义行检查之实?</span
> >
<div class="otherProBlemItemIconList"> <div class="otherProBlemItemIconList">
<div v-if="submitData.problem5 == 1" @click="checkProblem5(1)"> <div @click="checkProblem5(1)" class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div :class="submitData.problem5 == 1 ? 'onbad' : 'bad'"></div>
<span>是</span>
</div>
<div v-else @click="checkProblem5(1)">
<van-icon name="good-job-o" />
<span>是</span> <span>是</span>
</div> </div>
<div v-if="submitData.problem5 == 0" @click="checkProblem5(0)"> <div @click="checkProblem5(0)" class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>否</span> :class="submitData.problem5 == 0 ? 'ongood' : 'good'"
</div> ></div>
<div v-else @click="checkProblem5(0)">
<van-icon name="good-job-o" />
<span>否</span> <span>否</span>
</div> </div>
</div> </div>
@ -381,7 +351,7 @@ import { uploadFile } from "@/util/fileUpload";
import { reactive, ref } from "vue"; import { reactive, ref } from "vue";
import * as w6s from "szient-js-sdk"; import * as w6s from "szient-js-sdk";
import { addEvaluateInfo } from "@/api/enterprise"; import { addEvaluateInfo } from "@/api/enterprise";
import { showSuccessToast } from "vant"; import { showFailToast, showSuccessToast } from "vant";
const { useCommon, useMy } = $globalStore; const { useCommon, useMy } = $globalStore;
const router = useRouter(); const router = useRouter();
const route = useRoute(); const route = useRoute();
@ -473,6 +443,33 @@ const save = () => {
submitData.otherProblemSwitch = 1; submitData.otherProblemSwitch = 1;
} }
submitData.fileObjList = []; submitData.fileObjList = [];
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);
}
);
} 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( addEvaluateInfo(
submitData, submitData,
(success) => { (success) => {
@ -486,6 +483,8 @@ const save = () => {
console.log(error); console.log(error);
} }
); );
}
}
}; };
const uploadFiles = (file) => { const uploadFiles = (file) => {
console.log(file); console.log(file);
@ -691,7 +690,8 @@ const deleteFile = (file, index) => {
box-sizing: border-box; box-sizing: border-box;
} }
.otherProBlemItem { .otherProBlemItem {
padding: 15px; padding: 6px;
line-height: 30px;
} }
.otherProBlemText { .otherProBlemText {
font-size: 16px; font-size: 16px;
@ -788,4 +788,36 @@ const deleteFile = (file, index) => {
background-size: 100%; background-size: 100%;
opacity: 1; 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> </style>

256
src/views/enterprise/registrationDetail.vue
View File

@ -143,7 +143,8 @@
<div v-if="submitData.isEvaluate == 1"> <div v-if="submitData.isEvaluate == 1">
<van-divider class="divdsty" /> <van-divider class="divdsty" />
<van-cell-group> <van-cell-group>
<div class="qy-name">评价</div> <div class="cardsty">
<div class="evaluateText">评价</div>
<!-- <div class="eval-list"> <!-- <div class="eval-list">
<div <div
id="evalBad" id="evalBad"
@ -180,22 +181,19 @@
id="evalVeryGood" id="evalVeryGood"
:class="3 == submitData.satisfactionLevel ? 'active' : ''" :class="3 == submitData.satisfactionLevel ? 'active' : ''"
> >
<span></span <span></span><label>满意</label>
><label>满意</label>
</div> </div>
<div <div
id="evalGood" id="evalGood"
:class="2 == submitData.satisfactionLevel ? 'active' : ''" :class="2 == submitData.satisfactionLevel ? 'active' : ''"
> >
<span></span <span></span><label>较满意</label>
><label>较满意</label>
</div> </div>
<div <div
id="evalBad" id="evalBad"
:class="1 == submitData.satisfactionLevel ? 'active' : ''" :class="1 == submitData.satisfactionLevel ? 'active' : ''"
> >
<span></span <span></span><label>不满意</label>
><label>不满意</label>
</div> </div>
</div> </div>
<div class="LevelIsNot1" v-if="submitData.satisfactionLevel != 1"> <div class="LevelIsNot1" v-if="submitData.satisfactionLevel != 1">
@ -211,19 +209,29 @@
readonly readonly
/> />
</span> </span>
<span v-if="submitData.serviceExperience == 1" class="starText" <span
v-if="submitData.serviceExperience == 1"
class="starText"
>非常不满意</span >非常不满意</span
> >
<span v-if="submitData.serviceExperience == 2" class="starText" <span
v-if="submitData.serviceExperience == 2"
class="starText"
>不满意</span >不满意</span
> >
<span v-if="submitData.serviceExperience == 3" class="starText" <span
v-if="submitData.serviceExperience == 3"
class="starText"
>基本满意</span >基本满意</span
> >
<span v-if="submitData.serviceExperience == 4" class="starText" <span
v-if="submitData.serviceExperience == 4"
class="starText"
>满意</span >满意</span
> >
<span v-if="submitData.serviceExperience == 5" class="starText" <span
v-if="submitData.serviceExperience == 5"
class="starText"
>非常满意</span >非常满意</span
> >
</div> </div>
@ -235,7 +243,8 @@
:size="25" :size="25"
color="#ffd21e" color="#ffd21e"
void-icon="star" void-icon="star"
void-color="#eee" readonly void-color="#eee"
readonly
/> />
</span> </span>
<span v-if="submitData.checkEffect == 1" class="starText" <span v-if="submitData.checkEffect == 1" class="starText"
@ -262,22 +271,33 @@
:size="25" :size="25"
color="#ffd21e" color="#ffd21e"
void-icon="star" void-icon="star"
void-color="#eee" readonly void-color="#eee"
readonly
/> />
</span> </span>
<span v-if="submitData.proceduralLegality == 1" class="starText" <span
v-if="submitData.proceduralLegality == 1"
class="starText"
>非常不满意</span >非常不满意</span
> >
<span v-if="submitData.proceduralLegality == 2" class="starText" <span
v-if="submitData.proceduralLegality == 2"
class="starText"
>不满意</span >不满意</span
> >
<span v-if="submitData.proceduralLegality == 3" class="starText" <span
v-if="submitData.proceduralLegality == 3"
class="starText"
>基本满意</span >基本满意</span
> >
<span v-if="submitData.proceduralLegality == 4" class="starText" <span
v-if="submitData.proceduralLegality == 4"
class="starText"
>满意</span >满意</span
> >
<span v-if="submitData.proceduralLegality == 5" class="starText" <span
v-if="submitData.proceduralLegality == 5"
class="starText"
>非常满意</span >非常满意</span
> >
</div> </div>
@ -289,22 +309,33 @@
:size="25" :size="25"
color="#ffd21e" color="#ffd21e"
void-icon="star" void-icon="star"
void-color="#eee" readonly void-color="#eee"
readonly
/> />
</span> </span>
<span v-if="submitData.checkEffectiveness == 1" class="starText" <span
v-if="submitData.checkEffectiveness == 1"
class="starText"
>非常不满意</span >非常不满意</span
> >
<span v-if="submitData.checkEffectiveness == 2" class="starText" <span
v-if="submitData.checkEffectiveness == 2"
class="starText"
>不满意</span >不满意</span
> >
<span v-if="submitData.checkEffectiveness == 3" class="starText" <span
v-if="submitData.checkEffectiveness == 3"
class="starText"
>基本满意</span >基本满意</span
> >
<span v-if="submitData.checkEffectiveness == 4" class="starText" <span
v-if="submitData.checkEffectiveness == 4"
class="starText"
>满意</span >满意</span
> >
<span v-if="submitData.checkEffectiveness == 5" class="starText" <span
v-if="submitData.checkEffectiveness == 5"
class="starText"
>非常满意</span >非常满意</span
> >
</div> </div>
@ -359,41 +390,35 @@
>1、是否存在逐利检查，接受被检查企业的馈赠、报酬、福利等?</span >1、是否存在逐利检查，接受被检查企业的馈赠、报酬、福利等?</span
> >
<div class="otherProBlemItemIconList"> <div class="otherProBlemItemIconList">
<div v-if="submitData.problem1 == 1"> <div class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>是</span> :class="submitData.problem1 == 1 ? 'onbad' : 'bad'"
</div> ></div>
<div v-else>
<van-icon name="good-job-o" />
<span>是</span> <span>是</span>
</div> </div>
<div v-if="submitData.problem1 == 0"> <div class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>否</span> :class="submitData.problem1 == 0 ? 'ongood' : 'good'"
</div> ></div>
<div v-else>
<van-icon name="good-job-o" />
<span>否</span> <span>否</span>
</div> </div>
</div> </div>
</div> </div>
<div class="otherProBlemItem"> <div class="otherProBlemItem">
<span>2、是否存在要求被检查企业提供宴请、娱乐、旅游等活动?</span> <span
>2、是否存在要求被检查企业提供宴请、娱乐、旅游等活动?</span
>
<div class="otherProBlemItemIconList"> <div class="otherProBlemItemIconList">
<div v-if="submitData.problem2 == 1"> <div class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>是</span> :class="submitData.problem2 == 1 ? 'onbad' : 'bad'"
</div> ></div>
<div v-else>
<van-icon name="good-job-o" />
<span>是</span> <span>是</span>
</div> </div>
<div v-if="submitData.problem2 == 0"> <div class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>否</span> :class="submitData.problem2 == 0 ? 'ongood' : 'good'"
</div> ></div>
<div v-else>
<van-icon name="good-job-o" />
<span>否</span> <span>否</span>
</div> </div>
</div> </div>
@ -403,20 +428,16 @@
>3、是否存在干扰企业正常生产经营，刻意要求法定代表人到场行为?</span >3、是否存在干扰企业正常生产经营，刻意要求法定代表人到场行为?</span
> >
<div class="otherProBlemItemIconList"> <div class="otherProBlemItemIconList">
<div v-if="submitData.problem3 == 1"> <div class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>是</span> :class="submitData.problem3 == 1 ? 'onbad' : 'bad'"
</div> ></div>
<div v-else >
<van-icon name="good-job-o" />
<span>是</span> <span>是</span>
</div> </div>
<div v-if="submitData.problem3 == 0"> <div class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>否</span> :class="submitData.problem3 == 0 ? 'ongood' : 'good'"
</div> ></div>
<div v-else>
<van-icon name="good-job-o" />
<span>否</span> <span>否</span>
</div> </div>
</div> </div>
@ -426,20 +447,16 @@
>4、是否存在任性处罚企业，乱查封、乱扣押、乱冻结、动辄责令停产停业的行为?</span >4、是否存在任性处罚企业，乱查封、乱扣押、乱冻结、动辄责令停产停业的行为?</span
> >
<div class="otherProBlemItemIconList"> <div class="otherProBlemItemIconList">
<div v-if="submitData.problem4 == 1"> <div class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>是</span> :class="submitData.problem4 == 1 ? 'onbad' : 'bad'"
</div> ></div>
<div v-else>
<van-icon name="good-job-o" />
<span>是</span> <span>是</span>
</div> </div>
<div v-if="submitData.problem4 == 0"> <div class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>否</span> :class="submitData.problem4 == 0 ? 'ongood' : 'good'"
</div> ></div>
<div v-else>
<van-icon name="good-job-o" />
<span>否</span> <span>否</span>
</div> </div>
</div> </div>
@ -449,21 +466,18 @@
>5、是否存在变相检查，以观摩、督导、考察等名义行检查之实?</span >5、是否存在变相检查，以观摩、督导、考察等名义行检查之实?</span
> >
<div class="otherProBlemItemIconList"> <div class="otherProBlemItemIconList">
<div v-if="submitData.problem5 == 1"> <div class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
<span>是</span> :class="submitData.problem5 == 1 ? 'onbad' : 'bad'"
</div> ></div>
<div v-else>
<van-icon name="good-job-o" />
<span>是</span> <span>是</span>
</div> </div>
<div v-if="submitData.problem5 == 0"> <div class="otherProBlemItemIcon">
<van-icon name="good-job-o" color="#FFD700" /> <div
:class="submitData.problem5 == 0 ? 'ongood' : 'good'"
></div>
<span>否</span> <span>否</span>
</div> </div>
<div v-else>
<van-icon name="good-job-o" />
<span>否</span>
</div> </div>
</div> </div>
</div> </div>
@ -1232,7 +1246,7 @@ export default {
.file-upload { .file-upload {
position: relative; position: relative;
min-height: 3rem; 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;
border-top: 5px solid #f4f4f4; border-top: 5px solid #f4f4f4;
@ -1471,7 +1485,7 @@ export default {
.eval-list > div > label { .eval-list > div > label {
margin: 0.2rem 0; margin: 0.2rem 0;
color: #999; color: #999;
font-size: 0.35rem; // font-size: 0.35rem;
} }
.eval-list > div.active > label { .eval-list > div.active > label {
@ -1481,9 +1495,9 @@ export default {
.eval-list > div > span { .eval-list > div > span {
display: block; display: block;
margin: 0.2rem auto 0.1rem; margin: 0.5rem auto 0.2rem;
width: 0.8rem; width: 0.8rem;
height: 0.8rem; height: 1rem;
} }
.eval-list > div#evalBad > span { .eval-list > div#evalBad > span {
@ -1526,28 +1540,46 @@ export default {
.van-hairline-unset--top-bottom:after { .van-hairline-unset--top-bottom:after {
border: 0; border: 0;
} }
.LevelIsNot1{ .evaluateText {
padding-top: 10px; font-size: 0.42rem;
padding-left: 30px; }
// background-color: #999 .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 { .eval-item {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 0.27rem 0; margin: 0.27rem 0;
font-weight: 800;
} }
.otherProBlem { .otherProBlem {
margin: 3% 0; margin: 3% 0;
width: 100%; width: 100%;
padding: 5%;
background: #fff; background: #fff;
border-radius: 0.2rem; border-radius: 0.2rem;
font-size: 0.37rem;
box-sizing: border-box; box-sizing: border-box;
} }
// .otherProBlem span{
// font-size: 0.37rem;
// }
.otherProBlemItem { .otherProBlemItem {
padding: 15px; padding: 7px;
line-height: 30px;
} }
.otherProBlemText { .otherProBlemText {
font-size: 16px; font-size: 16px;
@ -1558,5 +1590,37 @@ export default {
display: flex; display: flex;
float: right; 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> </style>

Write Preview
Loading…
Cancel
Save