样式冲突修改完成（页面样式与窗体样式进行区分配置，防止出现样式重叠问题）

zengh

2021-03-03 c8bb45a9d4891af35b5549090cec63993893889c

样式冲突修改完成（页面样式与窗体样式进行区分配置，防止出现样式重叠问题）

 src/views/policeInformationDistribution/index.vue

@@ -105,6 +105,7 @@
        indexLabel: "序号",
        calcHeight: 30,
        labelWidth: "100",
        size: "mini",
        dialogWidth: 950,
        tip: false,
        searchShow: true,
@@ -120,6 +121,7 @@
            prop: "waringType",
            search: true,
            searchSpan: 3,
            className: "waringTypeClass",
            searchLabelWidth: 80,
            searchPlaceholder: "请选择",
            type: "select",
@@ -129,7 +131,6 @@
            },
            //cascaderItem: ["city", "district"],
            dicUrl: "/api/blade-system/dict-biz/child-list?parentId=1356516807043231746",
            span: 6
          },
          {
            label: "报警时间",
@@ -143,8 +144,8 @@
            label: "报警时间",
            prop: "releaseTimeRange",
            type: "datetime",
            format: "yyyy-MM-dd hh:mm:ss",
            valueFormat: "yyyy-MM-dd hh:mm:ss",
            format: "yyyy-MM-dd",
            valueFormat: "yyyy-MM-dd",
            searchRange: true,
            searchSpan: 5,
            hide: true,
@@ -198,11 +199,12 @@
            prop: "deviceNumber"
          },
          {
            label: "行政区",
            label: "省份",
            prop: "province",
            search: true,
            searchSpan: 3,
            searchLabelWidth: 60,
            searchSpan: 2,
            searchLabelWidth: 45,
            span:5,
            type: "select",
            props: {
              label: "name",
@@ -210,7 +212,6 @@
            },
            cascaderItem: ["city", "district"],
            dicUrl: "/api/blade-system/region/select",
            span: 6,
            className: "cityClass1"
          },
          {
@@ -219,13 +220,13 @@
            type: "select",
            searchLabelWidth: 1,
            searchSpan: 2,
            span:3,
            search: true,
            props: {
              label: "name",
              value: "code"
            },
            dicUrl: "/api/blade-system/region/select?code={{key}}",
            span: 3,
            labelWidth: "0",
            className: "cityClass2"
          },
@@ -233,6 +234,7 @@
            label: "区县",
            searchSpan: 2,
            searchLabelWidth: 1,
            span:3,
            search: true,
            prop: "district",
            type: "select",
@@ -241,19 +243,18 @@
              value: "code"
            },
            dicUrl: "/api/blade-system/region/select?code={{key}}",
            span: 3,
            labelWidth: "0",
            className: "cityClass3"
          },
          {
            label: "处理状态",
            search: true,
            searchSpan: 3,
            searchSpan: 2,
            slot: true,
            searchLabelWidth: 80,
            searchPlaceholder: "请选择",
            prop: "type",
            type: "select",
            className: "selectClass",
            dicData: [
              {
                label: "待处理",
@@ -522,15 +523,10 @@
</script>

<style>
.cityClass1 {
  padding-right: 5px !important;
}

.cityClass3 div label {
  display: none;
}
  .el-card__body .selectClass{
    width: 12%;
  }

.cityClass3 {
  padding-left: 5px !important;
}

</style>

 src/views/realTimePolice/real.vue

@@ -348,7 +348,7 @@
              prop: "waringType",
              search: true,
              searchSpan: 3,
              searchLabelWidth: 80,
              className: "waringTypeClass",
              searchPlaceholder: "请选择",
              type: "select",
              props: {
@@ -357,7 +357,6 @@
              },
              //cascaderItem: ["city", "district"],
              dicUrl: "/api/blade-system/dict-biz/child-list?parentId=1356516807043231746",
              span: 6
            },
            {
              label: "报警时间",
@@ -371,8 +370,8 @@
              label: "报警时间",
              prop: "releaseTimeRange",
              type: "datetime",
              format: "yyyy-MM-dd HH:mm:ss",
              valueFormat: "yyyy-MM-dd HH:mm:ss",
              format: "yyyy-MM-dd",
              valueFormat: "yyyy-MM-dd",
              searchRange: true,
              searchSpan: 5,
              hide: true,
@@ -428,11 +427,12 @@
            {
              label: "生成警单",
              search: true,
              searchSpan: 3,
              searchSpan: 2,
              slot: true,
              searchPlaceholder: "",
              searchPlaceholder: " ",
              prop: "jtype",
              type: "select",
              className: "jtypeClass",
              dicData: [
                {
                  label: "否",
@@ -448,8 +448,8 @@
              label: "省份",
              prop: "province",
              search: true,
              searchSpan: 3,
              searchLabelWidth: 60,
              searchSpan: 2,
              searchLabelWidth: 45,
              placeholder: "省份",
              type: "select",
              props: {
@@ -1083,14 +1083,6 @@
                .getElementById("real_audio")
                .setAttribute("src", URL.createObjectURL(blob));

              console.log(
                blob,
                newbolb,
                fileOfBlob,
                window.URL.createObjectURL(blob),
                99999
              );

              this.recorder.play();

              newCallAxios
@@ -1121,11 +1113,43 @@
</script>

<style>
  .cityClass1 {
    padding-right: 5px !important;

  .el-card__body .jtypeClass{
    width: 10%;
  }

  .cityClass2 {
  .el-card__body .waringTypeClass{
    width: 12%;
  }

  /*页面样式*/
  .el-card__body .cityClass1 {
    width: 155px;
    padding-right: 0px !important;
  }
  .el-card__body .cityClass2 {
    width: 100px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .el-card__body .cityClass3 {
    width: 100px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  /*新增窗体样式*/
  .el-dialog .cityClass1 {
    width: 220px;
    padding-right: 0px !important;
  }
  .el-dialog .cityClass2 {
    width: 110px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .el-dialog .cityClass3 {
    width: 110px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
@@ -1136,10 +1160,6 @@

  .cityClass3 div label {
    display: none;
  }

  .cityClass3 {
    padding-left: 5px !important;
  }

  .old-video-dialog {

 src/views/realTimePolice/realHistory.vue

@@ -437,25 +437,6 @@
</script>

<style>
  .cityClass1 {
    padding-right: 5px !important;
  }

  .cityClass2 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .cityClass2 div label {
    display: none;
  }

  .cityClass3 div label {
    display: none;
  }

  .cityClass3 {
    padding-left: 5px !important;
  }

</style>