zhanghua
2023-06-14 428216f1c3c255b107eb689cb2afac1b7ed3df80
样式优化
5个文件已修改
132 ■■■■■ 已修改文件
src/components/detail/index.vue 52 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/illdetail/index.vue 9 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/process/index.vue 45 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/solveProblem/index.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/operate/disposal/casepool/pool/index.vue 22 ●●●● 补丁 | 查看 | 原始文档 | 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>