src/components/detail/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/components/illdetail/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/components/process/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/components/solveProblem/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/operate/disposal/casepool/pool/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/components/detail/index.vue
@@ -3,13 +3,15 @@ <div class="view-data"> <div class="data-item"> <div class="data-item__left"> <label class="data-title"> 问题类型: </label> <label class="data-title"> 问题类型:</label> <span class="data-detail">{{ getCategoryLabel(baseCase.category) }}</span> </div> <div class="data-item__right"> <label class="data-title"> 大类名称: </label> </div> <div class="data-item"> <div class="data-item__left"> <label class="data-title"> 大类名称:</label> <span class="data-detail">{{ baseCase.violationsVO.categoryText }}</span> @@ -17,17 +19,19 @@ </div> <div class="data-item"> <div class="data-item__left"> <label class="data-title"> 小类名称: </label> <label class="data-title"> 小类名称:</label> <span class="data-detail">{{ baseCase.violationsVO.typeText }}</span> </div> <div class="data-item__right"> <label class="data-title"> 事件等级: </label> </div> <div class="data-item"> <div class="data-item__left"> <label class="data-title"> 事件等级:</label> <span class="data-detail">{{ baseCase.violationsVO.gradeText }}</span> </div> </div> <div class="data-item"> <div class="data-item__left"> <label class="data-title"> 案由: </label> <label class="data-title"> 案由:</label> <span class="data-detail">{{ baseCase.violationsVO.actionCause }}</span> @@ -35,29 +39,31 @@ </div> <div class="data-item"> <div class="data-item__left"> <label class="data-title"> 所属街道: </label> <label class="data-title"> 所属街道:</label> <span class="data-detail">{{ baseCase.streetText }}</span> </div> <div class="data-item__right"> <label class="data-title"> 所属社区: </label> </div> <div class="data-item"> <div class="data-item__left"> <label class="data-title"> 所属社区:</label> <span class="data-detail">{{ baseCase.communityText }}</span> </div> </div> <div class="data-item"> <div class="data-item__left"> <label class="data-title"> 事发地点: </label> <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> <label class="data-title"> 商铺名称:</label> <span class="data-detail">{{ baseCase.violationsVO.shopName }}</span> </div> </div> <div class="data-item"> <div class="data-item__left"> <label class="data-title"> 问题描述: </label> <label class="data-title"> 问题描述:</label> <span class="data-detail">{{ baseCase.violationsVO.description }}</span> @@ -66,13 +72,15 @@ <div class="data-user"> <div class="data-item"> <div class="data-item__left"> <label class="data-title"> 反映人: </label> <label class="data-title"> 反映人:</label> <span class="data-detail">{{ baseCase.violationsVO.informant }}</span> </div> </div> <div class="data-item"> <div class="data-item__right"> <label class="data-title"> 联系方式: </label> <label class="data-title"> 联系方式:</label> <span class="data-detail">{{ baseCase.violationsVO.informantPhoneCode }}</span> @@ -80,7 +88,7 @@ </div> <div class="data-item"> <div class="data-item__left"> <label class="data-title"> 身份证号: </label> <label class="data-title"> 身份证号:</label> <span class="data-detail">{{ baseCase.violationsVO.informantIdCard }}</span> @@ -215,10 +223,22 @@ } border: 1px solid #17324c; .data-title { line-height: 1.8; width: 70px; text-align: right; display: inline-grid; } .data-detail { line-height: 1.8; max-width: 240px; display: inline-grid; color: #333; width: calc(100% - 70px) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; } } src/components/illdetail/index.vue
@@ -11,6 +11,8 @@ <el-form-item label="问题类型:"> <span class="data-detail">违建</span> </el-form-item> </div> <div class="data-item"> <el-form-item label="违建类别:"> <span class="data-detail">{{ baseCase.categoryText }}</span> </el-form-item> @@ -40,6 +42,8 @@ <el-form-item label="违建地点:"> <span class="data-detail">{{ baseCase.site }}</span> </el-form-item> </div> <div class="data-item"> <el-form-item label="所属社区:"> <span class="data-detail">{{ baseCase.communityText }}</span> </el-form-item> @@ -187,8 +191,8 @@ handlePassVo: {}, currentSitVo: {}, filesPictureVo: {}, pic:[], media:[] pic: [], media: [], }; }, created() { @@ -226,6 +230,7 @@ line-height: 20px; .data-detail { color: #333; line-height: 1.8; max-width: 240px; display: inline-grid; src/components/process/index.vue
@@ -1,36 +1,13 @@ <template> <div class="my-process"> <div class="my-pro-header"> <div class="pro-step" v-for="(item, index) in list" :key="item.name"> <div class="pro-step-top"> <div :class="[ 'circle', active === index ? 'in-process__circle' : active > index ? 'finish' : 'wait', ]" ></div> <div :class="['line', active > index ? 'finish-line' : '']" v-if="index < list.length - 1 ? true : false" ></div> </div> <div :class="[ 'pro-step-name', active === index ? 'in-process' : active > index ? 'finish-name' : 'wait', ]" > {{ item.name }} </div> </div> <el-steps :space="260" :active="active" finish-status="success"> <el-step v-for="item in list" :title="item.name" :key="item.title" ></el-step> </el-steps> </div> <div class="my-pro-main"> <div class="pro-step-ver" v-for="(item, index) in list" :key="item.title"> @@ -122,7 +99,7 @@ } else if (mystate === 9) { this.active = 4; } else { this.active = -1; this.active = 0; } this.list = mylist; }, @@ -140,7 +117,8 @@ .my-process { padding-top: 50px; .my-pro-header { display: flex; padding: 0 30px; line-height: 1; .pro-step { flex: 1; @@ -222,5 +200,8 @@ .finish-name { color: #4b9bb7; } .desc-content-message { color: #666; } } </style> src/components/solveProblem/index.vue
@@ -5,7 +5,7 @@ <div class="sovle-limit">剩余时间:{{getRestTime(dispatchInfo.disposeDate)}}</div> </div> <div class="sovle-timeline"> <el-timeline> <el-timeline > <el-timeline-item :color="mycolor" v-for="item in list" :key="item.id"> <div class="title"> <div class="title-left">【{{item.name}}】处理人: {{item.disposeRecords && item.disposeRecords.length @@ -80,7 +80,7 @@ <style lang="scss" scoped> .sovle-problem { .sovle-header { padding: 0 200px; padding: 0 40px; display: flex; line-height: 60px; justify-content: space-between; src/views/operate/disposal/casepool/pool/index.vue
@@ -45,7 +45,8 @@ :row-class-name="tableRowClassName" @selection-change="tableChange" > <el-table-column label="序号" type="index" min-width="10"> </el-table-column> <el-table-column label="序号" type="index" min-width="10"> </el-table-column> <el-table-column prop="code" label="事件编号" min-width="18"> <template slot-scope="scope"> <el-link @click="JumpView(scope.row)">{{ @@ -135,14 +136,22 @@ </el-table> <!-- 详情页展示 --> <el-dialog custom-class="customWidth" :visible.sync="dialogView" width="60%" title="基础信息(人工)" v-if="dialogView" :before-close="handleClose2" > <MyDetail :info="info" v-if="mystatus === 1"></MyDetail> <MyIllDetail :info="info" v-else></MyIllDetail> <MyDetail style="min-width: 300px" :info="info" v-if="mystatus === 1" ></MyDetail> <MyIllDetail style="min-width: 500px" :info="info" v-else ></MyIllDetail> </el-dialog> <!-- 调度 --> <el-dialog @@ -817,3 +826,8 @@ } } </style> <style> .customWidth { width: 1000px !important; } </style>