| | |
| | | <template> |
| | | <div class="view"> |
| | | <div class="view-data"> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 问题类型: |
| | | </label> |
| | | <span class="data-detail">违建</span> |
| | | </div> |
| | | <div class="data-item__right"> |
| | | <label class="data-title"> |
| | | 大类名称: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.category}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 小类名称: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | </div> |
| | | <div class="data-item__right"> |
| | | <label class="data-title"> |
| | | 事件等级: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 案由: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 所属区县: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | </div> |
| | | <div class="data-item__right"> |
| | | <label class="data-title"> |
| | | 所属社区: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 所属街道: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.streetId}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 事发地点: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.site}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 关联商铺名称: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 问题描述: |
| | | </label> |
| | | <span class="data-detail">xxx</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-user"> |
| | | <el-form :model="baseCase" label-position="right" ref="viewForm" label-width="160px"> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 反映人: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.createUser}}</span> |
| | | </div> |
| | | <div class="data-item__right"> |
| | | <label class="data-title"> |
| | | 联系方式: |
| | | </label> |
| | | <span class="data-detail">12345678901</span> |
| | | </div> |
| | | <el-form-item label="问题类型:"> |
| | | <span class="data-detail">违建</span> |
| | | </el-form-item> |
| | | <el-form-item label="违建类别:"> |
| | | <span class="data-detail">xxxxxx</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <div class="data-item__left"> |
| | | <label class="data-title"> |
| | | 身份证号: |
| | | </label> |
| | | <span class="data-detail">123456789987654321</span> |
| | | </div> |
| | | <el-form-item label="当事人姓名:"> |
| | | <span class="data-detail">xxxxxx</span> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="当事人身份证号:"> |
| | | <span class="data-detail">xxxxxx</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="当事人联系电话:"> |
| | | <span class="data-detail">xxxx</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="违建地点:"> |
| | | <span class="data-detail">xxxx</span> |
| | | </el-form-item> |
| | | <el-form-item label="所属社区:"> |
| | | <span class="data-detail">xxxxx</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="身份证正反面照片:"> |
| | | <img src="" alt=""> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <img src="" alt=""> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="执法违建情况"> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="违建具体位置:"> |
| | | <span class="data-detail">xxxxxxx</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="违法建设长、宽、高:"> |
| | | <span class="data-detail">xxxxxxx xxxxx xxxxxx</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="违法建设面积:"> |
| | | <span class="data-detail">xxxxxxx</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="违法建筑材料:"> |
| | | <span class="data-detail">xxxxxxx</span> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | <div class="view-process"> |
| | | <div class="process-header"> |
| | |
| | | } |
| | | |
| | | border: 1px solid #17324c; |
| | | :deep(.el-form-item__label) { |
| | | color: #4b9bb7; |
| | | } |
| | | |
| | | :deep(.el-textarea__inner) { |
| | | background-color: #17324c; |
| | | color: #4b9bb7; |
| | | } |
| | | } |
| | | |
| | | .view-process { |