1.处理浏览器兼容问题

loulijun2021

2022-06-23 6379e064d1bd765981439c8a31d100c45eb31c2b

 src/views/template.vue

@@ -1,7 +1,7 @@
<template>
  <div>
    <div class="body" style="background-color: #ffffff;  padding: 20px 10px 0 20px;" :style="{height:mainHeight+'px'}">
      <div style="height: 50px;">
      <div>
        <el-form
          ref="form"
          :model="form"
@@ -9,7 +9,7 @@
          inline
          style="display: flex;justify-content: space-between"
        >
          <div style="display: flex;justify-content: space-around;width: 85%">
          <div class="elForm">
            <el-form-item label="组织编码" style=" display: flex;">
              <el-input v-model="form.OrgCode" placeholder="请输入" style="width: calc(100%-30px)" />
            </el-form-item>
@@ -30,7 +30,7 @@
              <el-input v-model="form.UserName" style="width: calc(100%-30px)" placeholder="请输入" />
            </el-form-item>
          </div>
          <div style="display: flex;align-items: start;margin-top: 5px;">
          <div style="display: flex;align-items: start;margin-top: 5px;z-index: 2">
            <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
            <el-button type="info" icon="el-icon-refresh" @click="reset">重置</el-button>
          </div>
@@ -46,8 +46,8 @@
        <el-table
          :data="tableData"
          border
          :style="{width: 100+'%',height:tableHeight+'px',}"
          highlight-current-row
          :style="{width: 100+'%',height:tableHeight+'px'}"
          :header-cell-style="this.$headerCellStyle"
          :cell-style="this.$cellStyle"
          @sort-change="sortChange"
@@ -57,7 +57,7 @@
          <!--            width="50"-->
          <!--          />-->
          <el-table-column
            prop="id"
            prop="RowNum"
            width="50"
            label="序号"
          />
@@ -384,13 +384,12 @@
          AddUpdateOrganization(data).then(res => {
            if (res.code === '200') {
              this.$message.success(this.operation === 'add' ? '添加成功！' : '修改成功！')
              this.dialogVisible = false
              this.getOrganizationSearch()
            } else {
              this.$message.error(this.operation === 'add' ? '添加失败！' : '修改失败！')
            }
          })

          this.dialogVisible = false
        }
      })
    },
@@ -412,6 +411,8 @@
  height: 30px;
  display: flex;
  align-items: center;
  border: 1px solid $main_color;
  padding: 0 20px;
}

::v-deep .el-button--info {
@@ -419,10 +420,16 @@
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: $main_color !important;
}

::v-deep .el-dialog__footer {
  display: flex;
  justify-content: flex-end;
}

.footerButton {
@@ -435,6 +442,7 @@
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

::v-deep .el-button--default:hover {
@@ -460,7 +468,8 @@
}

::v-deep .el-input__inner {
  height: 30px
  height: 30px;
  line-height: 30px;
}

::v-deep .el-table .caret-wrapper {
@@ -495,20 +504,22 @@
.el-checkbox.is-bordered.is-checked {
  border-color: $main_color;
}

::v-deep .el-radio__input.is-checked .el-radio__inner {
  border-color: $main_color;
  background: $main_color;
}

::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner{
::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: $main_color;
  background: $main_color;
}

::v-deep .el-checkbox__input.is-checked + .el-checkbox__label {
  color: $main_color !important;
}

::v-deep .el-checkbox.is-bordered+.el-checkbox.is-bordered{
::v-deep .el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin: 10px 30px 0px 0;
}

@@ -519,4 +530,11 @@
::v-deep .el-radio.is-bordered + .el-radio.is-bordered {
  margin: 10px 30px 0px 0;
}

.elForm {
  display: flex;
  justify-content: flex-start;
  width: 85%;
  flex-wrap: wrap;
}
</style>