| | |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 问题类型: |
| | | </label> |
| | | </label> |
| | | <span class="data-detail">违规</span> |
| | | </div> |
| | | <div class="data-item__right"> |
| | | <label class="data-title"> |
| | | 大类名称: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.category}}</span> |
| | | <span class="data-detail">{{baseCase.violations.categoryText}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | |
| | | <label class="data-title"> |
| | | 小类名称: |
| | | </label> |
| | | <!-- <span class="data-detail">{{baseCase.violations}}</span> --> |
| | | <span class="data-detail">{{baseCase.violations.typeText}}</span> |
| | | </div> |
| | | <div class="data-item__right"> |
| | | <label class="data-title"> |
| | | 事件等级: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | <span class="data-detail">{{baseCase.violations.gradeText}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | |
| | | <label class="data-title"> |
| | | 案由: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | <span class="data-detail">{{baseCase.violations.actionCause}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <!-- <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 所属区县: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | </div> --> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 所属街道: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.streetText}}</span> |
| | | </div> |
| | | <div class="data-item__right"> |
| | | <label class="data-title"> |
| | | 所属社区: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | <span class="data-detail">{{baseCase.communityText}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | | <!-- <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 所属街道: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.streetId}}</span> |
| | | <span class="data-detail">{{baseCase.streetText}}</span> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | |
| | | <label class="data-title"> |
| | | 关联商铺名称: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | <span class="data-detail">{{baseCase.violations.shopName}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | |
| | | <label class="data-title"> |
| | | 问题描述: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | <span class="data-detail">{{baseCase.violations.description}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-user"> |
| | |
| | | <label class="data-title"> |
| | | 反映人: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.createUser}}</span> |
| | | <span class="data-detail">{{baseCase.violations.informant}}</span> |
| | | </div> |
| | | <div class="data-item__right"> |
| | | <label class="data-title"> |
| | | 联系方式: |
| | | </label> |
| | | <span class="data-detail">12345678901</span> |
| | | <span class="data-detail">{{baseCase.violations.informantPhoneCode}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | |
| | | <label class="data-title"> |
| | | 身份证号: |
| | | </label> |
| | | <span class="data-detail">123456789987654321</span> |
| | | <span class="data-detail">{{baseCase.violations.informantIdCard}}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="show-item"> |
| | | <div class="show-wrap"> |
| | | <MyProcess v-if="activeIndex === 1" :handlePassVo="handlePassVo" :baseCase="baseCase"></MyProcess> |
| | | <MyFilePicture v-else-if="activeIndex === 2" :filesPictureVo="filesPictureVo" ></MyFilePicture> |
| | | <MySovleProblem v-else-if="activeIndex === 3" :problemProVo="problemProVo"></MySovleProblem> |
| | | <MyScene v-else :currentSitVo="currentSitVo"></MyScene> |
| | | <MyFilePicture v-else-if="activeIndex === 2" :filesPictureVo="filesPictureVo" :mycode='mycode'></MyFilePicture> |
| | | <MySovleProblem v-else-if="activeIndex === 3" :baseCase="baseCase" :handlePassVo="handlePassVo"></MySovleProblem> |
| | | <MyScene v-else :currentSitVo="currentSitVo" :baseCase="baseCase"></MyScene> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | baseCase:{}, |
| | | handlePassVo:{}, |
| | | currentSitVo:{}, |
| | | problemProVo:{}, |
| | | // problemProVo:{}, |
| | | filesPictureVo:{} |
| | | |
| | | } |
| | |
| | | this.baseCase = info.baseCase; |
| | | this.handlePassVo = info.handlePassVo; |
| | | this.currentSitVo = info.currentSitVo; |
| | | this.problemProVo = info.problemProVo; |
| | | // this.problemProVo = info.problemProVo; |
| | | this.filesPictureVo = info.filesPictureVo; |
| | | console.log(info); |
| | | console.log(info); |
| | | }, |
| | | methods: { |
| | | changeComponent(index) { |
| | | this.activeIndex = index; |
| | | }, |
| | | }, |
| | | props: ['info'] |
| | | props: ['info','mycode'] |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |