1.处理浏览器兼容问题

loulijun2021

2022-06-23 6379e064d1bd765981439c8a31d100c45eb31c2b

 src/views/jcsz/yhqd.vue

@@ -1,7 +1,8 @@
<template>
  <div>
    <!--    <div class="body" style="background-color: #ffffff;  padding: 20px 10px 0 20px;">-->
    <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 +10,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.UserCode" placeholder="请输入" style="width: calc(100%-30px)" />
            </el-form-item>
@@ -19,13 +20,14 @@
            <el-form-item label="所属组织" style=" display: flex;">
              <el-cascader
                ref="cascader"
                filterable
                :options="StuOrgArr"
                :props="defaultProps"
                @change="cascaderChange"
              />
            </el-form-item>
            <el-form-item label="工资类型" style=" display: flex;">
              <el-select v-model="form.wagetype" style="width: calc(100%-30px)" placeholder="请选择">
              <el-select v-model="form.wagetype" filterable style="width: calc(100%-30px)" placeholder="请选择">
                <el-option
                  v-for="item in wagetypeArr"
                  :key="item.value"
@@ -35,7 +37,7 @@
              </el-select>
            </el-form-item>
            <el-form-item label="在职状态" style=" display: flex;">
              <el-select v-model="form.Enable" style="width: calc(100%-30px)" placeholder="请选择">
              <el-select v-model="form.Enable" filterable style="width: calc(100%-30px)" placeholder="请选择">
                <el-option
                  v-for="item in EnableArr"
                  :key="item.value"
@@ -51,11 +53,10 @@
          </div>
        </el-form>
      </div>
      <div style="margin-bottom: 20px;display: flex">
      <div style="margin-bottom: 20px;display: flex;z-index: 2">
        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">新增</el-button>
        <el-button type="primary" icon="el-icon-upload2" @click="upload">导入</el-button>
      </div>

      <div style="display: flex;border: 1px solid #eee">
        <el-table
          :data="tableData"
@@ -134,6 +135,7 @@
            prop="lm_date"
            label="创建时间"
            width="200"
            show-overflow-tooltip
            sortable="custom"
          />
          <el-table-column
@@ -191,6 +193,7 @@
        <el-form-item label="在职状态" prop="Enable">
          <el-select
            v-model="dialogForm.Enable"
            filterable
            style="width: 220px"
            placeholder="请选择"
          >
@@ -207,6 +210,7 @@
            <el-cascader
              ref="dialogCascader"
              key="cascaderKey"
              filterable
              :options="StuOrgArr"
              :props="defaultProps"
              style="width: 220px;"
@@ -216,6 +220,7 @@
          <el-form-item label="工资类型" prop="wagetype">
            <el-select
              v-model="dialogForm.wagetype"
              filterable
              style="width: 220px"
              placeholder="请选择"
            >
@@ -352,7 +357,7 @@
        prop: 'lm_date', // 排序字段
        order: 'desc', // 排序字段
        page: 1, // 第几页
        rows: 10 // 每页多少条
        rows: 20 // 每页多少条
      },
      StuOrgArr: [], // 所属组织数组
      defaultProps: {
@@ -410,8 +415,8 @@
      dialogFormRoles: {
        username: '', // 用户名称
        usercode: '', // 用户编码
        rolesArrSelectedArr: [], // 角色类型数组选中
        rolesArr: [], // 角色类型集合
        rolesArrSelectedArr: [], // 角色类型集合选中
        roleTree: [], // 角色树
        roleTreeSelectedArr: [] // 角色树选中
      },
@@ -562,11 +567,11 @@
          AddUpdateUser(data).then(res => {
            if (res.code === '200') {
              this.$message.success(this.operation === 'add' ? '添加成功！' : '修改成功！')
              this.dialogVisible = false
              this.getUserSearch()
            } else {
              this.$message.error(this.operation === 'add' ? '添加失败！' : '修改失败！')
            }
            this.dialogVisible = false
          })
        }
      })
@@ -870,17 +875,25 @@
  height: 30px;
  display: flex;
  align-items: center;
  border: 1px solid $main_color;
  padding: 0 20px;
}

::v-deep .el-button--info {
::v-deep .el-button--info{
  //background-color: $main_color !important;
  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 {
@@ -893,6 +906,7 @@
  height: 30px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

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

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

::v-deep .el-table .caret-wrapper {
@@ -1049,4 +1064,10 @@
  }

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