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

企业端评价相关

v4
zouyx 2 years ago
parent
19bd92400b
commit
995ce3c90e
2 changed files with 2235 additions and 1403 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 447
      src/views/enterprise/enterpriseEvaluate/evaluate.vue
  2. 905
      src/views/enterprise/registrationDetail.vue

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

@ -1,35 +1,160 @@
<template>
<div class="address_edit">
<div class="warp_body">
<!-- <div class="cardsty"><label>处置单位</label><span>{{data.dataObj.orgText}}</span></div>-->
<div class="cardsty">
<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 id="evalBad" :class="1==submitData.serviceExperience?'active':''">
<span @click="checkServiceMetrics(1)"></span><label>不满意</label>
<!-- <div id="evalVeryGood" :class="3==submitData.serviceExperience?'active':''">
<span @click="checkServiceMetrics(3)"></span><label>满意</label>
</div>
<div id="evalGood" :class="2==submitData.serviceExperience?'active':''">
<span @click="checkServiceMetrics(2)"></span><label>较满意</label>
</div>
<div id="evalVeryGood" :class="3==submitData.serviceExperience?'active':''">
<span @click="checkServiceMetrics(3)"></span><label>满意</label>
<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 @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 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 class="eval-item">
<label>检查效果</label>
@ -73,7 +198,6 @@
<span v-if="data.dataObj.feedbackQualityMetrics == 4">满意</span>
<span v-if="data.dataObj.feedbackQualityMetrics == 5">非常满意</span>
</div> -->
<!-- <div class="eval-all">
<span>整体评价：</span>
<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 == 7">无效评价</span>
</div> -->
</div>
<div class="cardsty">
<!-- <div class="cardsty">
<label>意见|建议</label>
<van-field class="eval-cont"
<van-field
class="eval-cont"
v-model="submitData.evaluateDescription"
rows="5"
autosize
@ -100,21 +224,151 @@
maxlength="100"
show-word-limit
/>
</div> -->
</div>
<div class="file-upload">
<div class="file-upload" v-if="submitData.satisfactionLevel == 1">
<div class="file-upload-center">
<label>附&nbsp; &nbsp; &nbsp; &nbsp;件</label> <span>(不多于 8张)</span>
<label>附&nbsp; &nbsp; &nbsp; &nbsp;件</label>
<span>(不多于 8张)</span>
</div>
<van-uploader v-model="submitData.fileObjList" class="file" multiple max-count="8"
:after-read="uploadFiles" :before-delete="deleteFile">
<van-uploader
v-model="submitData.fileObjList"
class="file"
multiple
max-count="8"
:after-read="uploadFiles"
:before-delete="deleteFile"
>
<template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">{{ file.name }}</div>
</template>
</van-uploader>
</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-button round block type="info" @click="save">提交</van-button>
</van-action-bar>
@ -123,14 +377,12 @@
</template>
<script setup name="register">
import {uploadFile} from '@/util/fileUpload'
import { uploadFile } from "@/util/fileUpload";
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 {showSuccessToast} from 'vant';
const {useCommon, useMy} = $globalStore
import { showSuccessToast } from "vant";
const { useCommon, useMy } = $globalStore;
const router = useRouter();
const route = useRoute();
@ -154,12 +406,24 @@
authorization: "",
enterpriseName: "",
enterpriseNumber: "",
inspectionEfficiency:0,
checkEffect:0,
serviceExperience:3,
checkQuality:0,
// inspectionEfficiency:0,
// checkEffect:0,
// serviceExperience:3,
// checkQuality:0,
fileList: [],
userId: useCommon.userId,
satisfactionLevel: 3,
serviceExperience: 0,
checkEffect: 0,
proceduralLegality: 0,
checkEffectiveness: 0,
otherProblemSwitch: 0,
otherProblemSwitchBoolean: true,
problem1: 0,
problem2: 0,
problem3: 0,
problem4: 0,
problem5: 0,
});
onMounted(() => {
@ -171,38 +435,72 @@
data.dataObj.dealSpeedMetrics = n;
//检查效率
submitData.inspectionEfficiency = n;
}
};
const checkDealEffectMetrics = (n) => {
data.dataObj.dealEffectMetrics = n;
submitData.checkQuality = n;
}
};
const checkServiceMetrics = (n) => {
data.dataObj.serviceMetrics = n;
submitData.serviceExperience = n;
}
};
const checkFeedbackQualityMetrics = (n) => {
data.dataObj.feedbackQualityMetrics = n;
submitData.checkEffect = n;
}
};
const checkSatisfactionLevel = (n) => {
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;
addEvaluateInfo(submitData,success=>{
if (submitData.otherProblemSwitchBoolean) {
submitData.otherProblemSwitch = 1;
}
submitData.fileObjList = [];
addEvaluateInfo(
submitData,
(success) => {
if (success.success) {
showSuccessToast('保存成功');
router.push({path:"/enterprise/registrationList"})
showSuccessToast("保存成功");
router.push({ path: "/enterprise/registrationList" });
}
},error =>{
},
(error) => {
console.log("评价失败");
console.log(error);
})
}
);
};
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) => {
submitData.fileList.push(res.url)
submitData.fileList.push(res.url);
});
}
};
const deleteFile = (file, index) => {
// submitData.fileListObj.filter((item, indexs) => {
@ -216,8 +514,7 @@
}
});
return true;
}
};
</script>
<style lang="less" scoped>
@ -242,7 +539,7 @@
.file-upload {
position: relative;
min-height: 3.0rem;
min-height: 3rem;
/*max-height: 6.5rem;*/
padding: 1rem 0.27rem 0.27rem 0.43rem;
box-sizing: border-box;
@ -270,7 +567,8 @@
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;
}
@ -379,6 +677,32 @@
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 {
padding: 0.1rem;
text-align: justify;
@ -426,25 +750,25 @@
display: block;
margin: 0.5rem auto 0.2rem;
width: 0.8rem;
height: 1.0rem;
height: 1rem;
}
.eval-list > div#evalBad > span {
background: url("../../../assets/images/eval-bad-dis.png") no-repeat;
background-size: 100%;
opacity: .5;
opacity: 0.5;
}
.eval-list > div#evalGood > span {
background: url("../../../assets/images/eval-good-dis.png") no-repeat;
background-size: 100%;
opacity: .5;
opacity: 0.5;
}
.eval-list > div#evalVeryGood > span {
background: url("../../../assets/images/eval-verygood-dis.png") no-repeat;
background-size: 100%;
opacity: .5;
opacity: 0.5;
}
.eval-list > div#evalBad.active > span {
@ -464,5 +788,4 @@
background-size: 100%;
opacity: 1;
}
</style>

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

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