样式修改

zhanghua

2022-12-14 405eeb045cfecff07b80a33582033be6cc52ed33

样式修改

 src/components/detail/index.vue

@@ -3,163 +3,183 @@
        <div class="view-data">
            <div class="data-item">
                <div class="data-item__left">
                    <label class="data-title">
                        问题类型:
                    </label> 
                    <span class="data-detail">{{ getCategoryLabel(baseCase.category) }}</span>
          <label class="data-title"> 问题类型: </label>
          <span class="data-detail">{{
            getCategoryLabel(baseCase.category)
          }}</span>
                </div>
                <div class="data-item__right">
                    <label class="data-title">
                        大类名称:
                    </label>
                    <span class="data-detail">{{baseCase.violationsVO.categoryText}}</span>
          <label class="data-title"> 大类名称: </label>
          <span class="data-detail">{{
            baseCase.violationsVO.categoryText
          }}</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.typeText}}</span>
                </div>
                <div class="data-item__right">
                    <label class="data-title">
                        事件等级:
                    </label>
          <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>
                    <span class="data-detail">{{baseCase.violationsVO.actionCause}}</span>
          <label class="data-title"> 案由: </label>
          <span class="data-detail">{{
            baseCase.violationsVO.actionCause
          }}</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.streetText}}</span>
                </div>
                <div class="data-item__right">
                    <label class="data-title">
                        所属社区:
                    </label>
          <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>
                    <span class="data-detail">{{baseCase.violationsVO.description}}</span>
          <label class="data-title"> 问题描述: </label>
          <span class="data-detail">{{
            baseCase.violationsVO.description
          }}</span>
                </div>
            </div>
            <div class="data-user">
                <div class="data-item">
                    <div class="data-item__left">
                        <label class="data-title">
                            反映人:
                        </label>
                        <span class="data-detail">{{baseCase.violationsVO.informant}}</span>
            <label class="data-title"> 反映人: </label>
            <span class="data-detail">{{
              baseCase.violationsVO.informant
            }}</span>
                    </div>
                    <div class="data-item__right">
                        <label class="data-title">
                            联系方式:
                        </label>
                        <span class="data-detail">{{baseCase.violationsVO.informantPhoneCode}}</span>
            <label class="data-title"> 联系方式: </label>
            <span class="data-detail">{{
              baseCase.violationsVO.informantPhoneCode
            }}</span>
                    </div>
                </div>
                <div class="data-item">
                    <div class="data-item__left">
                        <label class="data-title">
                            身份证号:
                        </label>
                        <span class="data-detail">{{baseCase.violationsVO.informantIdCard}}</span>
            <label class="data-title"> 身份证号: </label>
            <span class="data-detail">{{
              baseCase.violationsVO.informantIdCard
            }}</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="view-process">
            <div class="process-header">
                <div class="process-title-item" v-for="item in titleList" :key="item.title"
                    @click="changeComponent(item.index)">
                    <div :class="['process-title',activeIndex===item.index ? 'title-active' : '' ]">{{item.title}}</div>
                    <div :class="['under-line',activeIndex===item.index ? 'line-active' : '' ]"></div>
        <div
          class="process-title-item"
          v-for="item in titleList"
          :key="item.title"
          @click="changeComponent(item.index)"
        >
          <div
            :class="[
              'process-title',
              activeIndex === item.index ? 'title-active' : '',
            ]"
          >
            {{ item.title }}
          </div>
          <div
            :class="[
              'under-line',
              activeIndex === item.index ? 'line-active' : '',
            ]"
          ></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" :mycode='mycode'></MyFilePicture>
                    <MySovleProblem v-else-if="activeIndex === 3" :baseCase="baseCase" :handlePassVo="handlePassVo"></MySovleProblem>
                    <MyScene v-else :currentSitVo="currentSitVo" :baseCase="baseCase"></MyScene>
          <MyProcess
            v-if="activeIndex === 1"
            :handlePassVo="handlePassVo"
            :baseCase="baseCase"
          ></MyProcess>
          <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>
    </div>
</template>
<script>
import MyProcess from '@/components/process'
import MyFilePicture from '@/components/filePictrue'
import MySovleProblem from '@/components/solveProblem'
import MyScene from '@/components/scene'
import MyProcess from "@/components/process";
import MyFilePicture from "@/components/filePictrue";
import MySovleProblem from "@/components/solveProblem";
import MyScene from "@/components/scene";
import { CATEGOTY } from "@/utils/helper";

export default {
    components: { 
        MyProcess, MyFilePicture, MySovleProblem, MyScene
    MyProcess,
    MyFilePicture,
    MySovleProblem,
    MyScene,
    },
    data() {
        return {
            myInfo: {

            },
      myInfo: {},
            activeIndex: 1,
            titleList: [
                {
                    title: '办理经过',
          title: "办理经过",
                    index: 1,
                },
                {
                    title: '案卷图片',
          title: "案卷图片",
                    index: 2,
                },
                {
                    title: '问题处理',
          title: "问题处理",
                    index: 3,
                },
                {
                    title: '现场情况',
          title: "现场情况",
                    index: 4,
                },
            ], 
            baseCase:{},
            handlePassVo:{},
            currentSitVo:{},
            filesPictureVo:{}
            
        }
      filesPictureVo: {},
    };
    },
    created() {
        this.baseCase = this.info.baseCase;
@@ -172,11 +192,11 @@
            this.activeIndex = index;
        },
      getCategoryLabel(category) {
          return CATEGOTY.find(item => item.value === category).label;
      }
      return CATEGOTY.find((item) => item.value === category).label;
    },
    props: ['info','mycode']
}
  },
  props: ["info", "mycode"],
};
</script>
<style lang="scss" scoped>
.view {
@@ -185,9 +205,9 @@

    .view-data {
        color: #4b9bb7;
        flex: 4;
    // flex: 4;
        padding: 0 30px 0 20px;

    width: 480px;
        .data-item {
            display: flex;
            justify-content: space-between;
@@ -195,6 +215,11 @@
        }

        border: 1px solid #17324c;
    .data-detail {
      line-height: 1.8;
      max-width: 240px;
      display: inline-grid;
    }
    }

    .view-process {
@@ -230,7 +255,7 @@
            height: 600px;
            position: relative;
            .show-wrap{
                overflow: scroll;
        overflow: auto;
                height: 600px;
            }
        }

 src/components/illdetail/index.vue

@@ -130,7 +130,7 @@
          <MyFilePicture
            v-else-if="activeIndex === 2"
            :filesPictureVo="filesPictureVo"
            :mycode='mycode'
            :mycode="mycode"
          ></MyFilePicture>
          <MySovleProblem
            v-else-if="activeIndex === 3"
@@ -222,6 +222,12 @@
      display: flex;
      // justify-content: space-between;
      line-height: 20px;

      .data-detail {
        line-height: 1.8;
        max-width: 240px;
        display: inline-grid;
      }
    }

    border: 1px solid #17324c;
@@ -268,7 +274,7 @@
      height: 600px;
      position: relative;
      .show-wrap {
        overflow: scroll;
        overflow: auto;
        height: 600px;
      }
    }

 src/components/map/index.vue

@@ -7,6 +7,15 @@
    data() {
        return {
            map: null,
    };
  },
  created() {
    debugger;
    if (!this.point) {
      this.point = { x: "119.27179890", y: "28.59027084" };
    }
    if (!this.zoom) {
      this.zoom = 15;
        }
    },
    mounted() {
@@ -17,13 +26,25 @@
        })
            .then((AMap) => {
                this.map = new AMap.Map("container");
                this.map.setZoomAndCenter(15,['119.27179890', '28.59027084']);
        this.map.setZoomAndCenter(this.zoom, [this.point.x, this.point.y]);
        if (this.mark) {
          // 创建一个 Marker 实例：
          var marker = new AMap.Marker({
            position: new AMap.LngLat(this.point.x, this.point.y), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
            title: this.mark.title,
          });

          // 将创建的点标记添加到已有的地图实例：
          this.map.add(marker);
        }
            })
            .catch((e) => {
                console.log(e);
            });
    }
}
  },

  props: ["point", "zoom", "mark"],
};
</script>
<style lang="scss" scoped>
#container {

 src/views/intelligentPatrol/studyJudge/index.vue

@@ -2,9 +2,10 @@
  <div class="study-judge">
    <div class="study-judge-header">
      <span
      >您有<span @click="openDialogTable">{{ countData.review }}</span>条待审核报警信息,今日立案{{
          countData.register
        }}条,再学习{{ countData.study }}条</span
        >您有<span @click="openDialogTable">{{ countData.review }}</span
        >条待审核报警信息,今日立案{{ countData.register }}条,再学习{{
          countData.study
        }}条</span
      >
    </div>
    <div class="study-judge-main">
@@ -17,12 +18,10 @@
        <div class="sjm-header-right">
          <el-button size="small" @click="createVideo(currentEvent, 'live')"
          >实时预览
          </el-button
          >
          </el-button>
          <el-button size="small" @click="createVideo(currentEvent, 'playback')"
          >录像回放
          </el-button
          >
          </el-button>
        </div>
      </div>
      <div class="sjm-content">
@@ -44,9 +43,13 @@
        </div>
        <div class="sjm-content-center">
          <div class="map">
            <MyMap></MyMap>
            <MyMap :point="point" :zoom="zoom" :mark="mark"></MyMap>

            <!-- <iframe
              style="height: 488px; min-width: 460px"
              src="https://183.245.159.161:8282/OneMap/index.html#/OneMap?code=2&clientVersion=&skin=white&locale=zh&otherAuthor=allowable"
            ></iframe> -->
          </div>
          <!-- <iframe src="https://183.245.159.161:8282/OneMap/index.html#/OneMap?code=2&clientVersion=&skin=white&locale=zh&otherAuthor=allowable"></iframe> -->
        </div>
        <div class="sjm-content-right">
          <div class="card-box">
@@ -101,8 +104,7 @@
                      v-for="item in stateList"
                      :key="item.id"
                  >{{ item.label }}
                  </el-radio
                  >
                  </el-radio>
                </el-radio-group>
              </el-form-item>
              <el-form-item label="大类名称:" prop="categoryId">
@@ -150,12 +152,10 @@
                    :disabled="currentPage === 1"
                    @click="pageChange('prev')"
                >上一条
                </el-button
                >
                </el-button>
                <el-button @click.native.prevent="handleConfirm"
                >确认
                </el-button
                >
                </el-button>
                <el-button @click="pageChange('next')">下一条</el-button>
              </el-form-item>
            </el-form>
@@ -257,7 +257,7 @@
        review: 0,
        register: 0,
      },
      isShowTable: true,
      isShowTable: false,
      currentEvent: {},
      stateList: [
        {
@@ -323,11 +323,14 @@
      domId: "dom1",
      ctrl: "ctrl1",
      playType: "live",
      point: null,
      mark: null,
      zoom: null,
    };
  },
  methods: {
    openDialogTable(){
      this.isShowTable = true
      this.isShowTable = true;
    },
    pageChange(type) {
      if (type === "next") {
@@ -343,6 +346,12 @@
        .getInspectionData({ current: this.currentPage })
        .then(({ records }) => {
          this.currentEvent = records[0];
          this.point = {
            x: this.currentEvent.longitude,
            y: this.currentEvent.latitude,
          };
          this.zoom = 19;
          this.mark = { title: this.currentEvent.address };
          if (this.currentEvent?.picData) {
            this.imageList = this.currentEvent.picData
              .split(",")
@@ -587,7 +596,7 @@
  beforeDestroy() {
    clearInterval(this.timer);
    this.timer = null;
  }
  },
};
</script>

@@ -616,7 +625,6 @@
          margin-left: 4vw;
        }
      }

      .sjm-header-right {
        flex: 1;
        display: flex;
@@ -651,6 +659,9 @@
        }
      }

      .sjm-content-center {
        width: calc(100% - 800px);
      }
      .sjm-content-right {
        .card-box {
          .card-header {
@@ -664,7 +675,7 @@

  .el-form {
    ::v-deep .el-form-item {
      margin-bottom: 5px;
      margin-bottom: 15px;
    }

    ::v-deep .el-form-item__label {
@@ -678,7 +689,7 @@
}

.map {
  height: 488px;
  height: 100%;
  min-width: 460px;
}
</style>

 src/views/operate/car/myIndex/update/index.vue

@@ -225,7 +225,7 @@
            height: 600px;
            position: relative;
            .show-wrap{
                overflow: scroll;
                overflow: auto;
                height: 600px;
            }
        }

 src/views/operate/disposal/casepool/dispatch/index.vue

@@ -79,13 +79,13 @@
                    </el-table-column>
                </el-table>
                <!-- 详情页展示 -->
                <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)" v-if="dialogView"
                <el-dialog :visible.sync="dialogView" title="基础信息(人工)" v-if="dialogView"
                    :before-close="handleClose">
                    <MyDetail :info=info v-if="mystatus===1"></MyDetail>
                    <MyIllDetail :info=info v-else></MyIllDetail>
                </el-dialog>
                <!-- 上传页面 -->
                <el-dialog :visible.sync="dialogUpload" width="80%" title="上传处置结果" v-if="dialogUpload"
                <el-dialog :visible.sync="dialogUpload" title="上传处置结果" v-if="dialogUpload"
                    :before-close="handleClose">
                    <uploadVio v-if="mystatus === 1" :imageResourceId="imageResourceId" :caseId="caseId" :mycode="caseCode" :vioData="vioData"  @closeDialog="closeDialog"></uploadVio>
                    <uploadIll v-else :caseId="caseId" :mycode="caseCode" @closeDialog="closeDialog" :illData="illData"></uploadIll>

 src/views/operate/disposal/casepool/escalation/index.vue

@@ -73,7 +73,7 @@
        <!-- 详情页展示 -->
        <el-dialog
          :visible.sync="dialogView"
          width="80%"
          width="60%"
          title="基础信息(人工)"
          v-if="dialogView"
          :before-close="handleClose"

 src/views/operate/disposal/casepool/learn/index.vue

@@ -77,7 +77,7 @@
                    </el-table-column>
                </el-table>
                <!-- 详情页展示 -->
                <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)" v-if="dialogView"
                <el-dialog :visible.sync="dialogView" width="60%" title="基础信息(人工)" v-if="dialogView"
                    :before-close="handleClose">
                    <MyDetail :info=info v-if="mystatus === 1"></MyDetail>
                    <MyIllDetail :info=info v-else></MyIllDetail>

 src/views/operate/disposal/casepool/learn/updateUser/index.vue

@@ -225,7 +225,7 @@
            height: 600px;
            position: relative;
            .show-wrap{
                overflow: scroll;
                overflow: auto;
                height: 600px;
            }
        }

 src/views/operate/disposal/casepool/notDeal/index.vue

@@ -70,7 +70,7 @@
                    </el-table-column>
                </el-table>
                <!-- 详情页展示 -->
                <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)" v-if="dialogView"
                <el-dialog :visible.sync="dialogView" width="60%" title="基础信息(人工)" v-if="dialogView"
                    :before-close="handleClose">
                    <MyDetail :info=info v-if="mystatus===1"></MyDetail>
                    <MyIllDetail :info=info v-else></MyIllDetail>

 src/views/operate/disposal/casepool/notDeal/updateUser/index.vue

@@ -225,7 +225,7 @@
            height: 600px;
            position: relative;
            .show-wrap{
                overflow: scroll;
                overflow: auto;
                height: 600px;
            }
        }

 src/views/operate/disposal/casepool/pool/index.vue

@@ -105,13 +105,13 @@
                    </el-table-column>
                </el-table>
                <!-- 详情页展示 -->
                <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)" v-if="dialogView"
                <el-dialog :visible.sync="dialogView" width="60%" title="基础信息(人工)" v-if="dialogView"
                    :before-close="handleClose">
                    <MyDetail :info=info v-if="mystatus === 1"></MyDetail>
                    <MyIllDetail :info=info v-else></MyIllDetail>
                </el-dialog>
                <!-- 调度 -->
                <el-dialog :visible.sync="dialogDispatch" width="80%" title="调度信息" v-if="dialogDispatch"
                <el-dialog :visible.sync="dialogDispatch" width="60%" title="调度信息" v-if="dialogDispatch"
                    :before-close="handleClose">
                    <MyDispatch :id="baseId" :mytype="mystatus" @changeDialog="changeDialog" :refresh="getUserList">
                    </MyDispatch>

 src/views/operate/management/message/checkSms/index.vue

@@ -166,7 +166,7 @@
            position: relative;

            .show-wrap {
                overflow: scroll;
                overflow: auto;
                height: 600px;
            }
        }

 src/views/operate/management/message/index.vue

@@ -66,7 +66,7 @@
        <!-- 审核页面 -->
        <el-dialog
          :visible.sync="dialogCheckSms"
          width="80%"
          width="60%"
          title="消息详情"
          :before-close="handleClose"
        >

 src/views/operate/management/myIndex/components/closure/index.vue

@@ -384,7 +384,7 @@
      position: relative;

      .show-wrap {
        overflow: scroll;
        overflow: auto;
        height: 600px;
      }
    }

 src/views/operate/management/myIndex/components/examine/index.vue

@@ -257,7 +257,7 @@
            position: relative;

            .show-wrap {
                overflow: scroll;
                overflow: auto;
                height: 600px;
            }
        }

 src/views/operate/management/myIndex/components/illExamine/index.vue

@@ -249,7 +249,7 @@
            position: relative;

            .show-wrap {
                overflow: scroll;
                overflow: auto;
                height: 600px;
            }
        }

 src/views/operate/management/myIndex/components/illclosure/index.vue

@@ -409,7 +409,7 @@
      position: relative;

      .show-wrap {
        overflow: scroll;
        overflow: auto;
        height: 600px;
      }
    }

 src/views/operate/management/myIndex/index.vue

@@ -70,19 +70,19 @@
                    </el-table-column>
                </el-table>
                <!-- 审核页面 -->
                <el-dialog :visible.sync="dialogExamine" width="80%" title="基础信息(人工)" v-if="dialogExamine"
                <el-dialog :visible.sync="dialogExamine" width="60%" title="基础信息(人工)" v-if="dialogExamine"
                    :before-close="handleClose">
                    <MyExamine :info="info" v-if="myproblem === 1" @closeDialog="closeDialog"></MyExamine>
                    <MyIllExamine :info="info" v-else  @closeDialog="closeDialog"></MyIllExamine>
                </el-dialog>
                <!-- 结案页面 -->
                <el-dialog :visible.sync="dialogClosure" width="80%" title="基础信息(人工)" v-if="dialogClosure"
                <el-dialog :visible.sync="dialogClosure" width="60%" title="基础信息(人工)" v-if="dialogClosure"
                    :before-close="handleClose">
                    <MyClosure :info="info" v-if="myproblem === 1" @closeDialog="closeDialog"></MyClosure>
                    <MyIllClosure :info="info" v-else @closeDialog="closeDialog"></MyIllClosure>
                </el-dialog>
                <!-- 详情页面 -->
                <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)" v-if="dialogView"
                <el-dialog :visible.sync="dialogView" width="60%" title="基础信息(人工)" v-if="dialogView"
                    :before-close="handleNoClose">
                    <MyDetail :info=info v-if="myproblem === 1" :mycode = 'code'></MyDetail>
                    <MyIllDetail :info=info v-else :mycode="code"></MyIllDetail>

 src/views/operate/myWait/index.vue

@@ -60,7 +60,7 @@
        <!-- 查看修改页面 -->
        <el-dialog
          :visible.sync="dialogUpdate"
          width="80%"
          width="60%"
          :title="title"
          :destroy-on-close="true"
          :key="updateFlag"

 src/views/operate/viewEvent/components/closure/index.vue

@@ -303,7 +303,7 @@
            position: relative;

            .show-wrap {
                overflow: scroll;
                overflow: auto;
                height: 600px;
            }
        }

 src/views/operate/viewEvent/components/examine/index.vue

@@ -248,7 +248,7 @@
            position: relative;

            .show-wrap {
                overflow: scroll;
                overflow: auto;
                height: 600px;
            }
        }

 src/views/operate/viewEvent/components/illExamine/index.vue

@@ -248,7 +248,7 @@
            position: relative;

            .show-wrap {
                overflow: scroll;
                overflow: auto;
                height: 600px;
            }
        }

 src/views/operate/viewEvent/components/illclosure/index.vue

@@ -313,7 +313,7 @@
            position: relative;

            .show-wrap {
                overflow: scroll;
                overflow: auto;
                height: 600px;
            }
        }

 src/views/systemSetting/platform/cockpitManage/index.vue

@@ -83,7 +83,7 @@
                    </el-table-column>
                </el-table>
                <!-- 详情页展示 -->
                <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)"
                <el-dialog :visible.sync="dialogView" width="60%" title="基础信息(人工)"
                    :before-close="handleClose">
                    <MyDetail :info=info v-if="mystatus === 1"></MyDetail>
                    <MyIllDetail :info=info v-else></MyIllDetail>