|
|
@ -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>附 件</label> <span>(不多于 8张)</span> |
|
|
<label>附 件</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> |
|
|
|