管道基础大数据平台系统开发-【前端】-新系統界面
王旭
2023-05-10 86cdd4e6eece0ee4679e62ae347ec003db7d7425
src/views/maintenance/userManagement.vue
@@ -18,21 +18,13 @@
        <div class="flex_box">
          <div style="margin-right: auto">
            <el-form-item
              prop="uname"
              :label="$t('userManage.userInfoObj.uname')"
            >
              <el-input
                v-model="queryForm.uname"
                style="width: 200px"
              />
            </el-form-item>
            <el-form-item
              prop="depid"
              :label="$t('userManage.userInfoObj.depName')"
            >
              <el-select
                :popper-append-to-body="false"
                v-model="queryForm.depName"
                size="small"
                placeholder="请选择"
                style="width: 200px"
              >
@@ -51,26 +43,40 @@
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item
                prop="uname"
                :label="$t('userManage.userInfoObj.uname')"
            >
              <el-input
                  v-model="queryForm.uname"
                  size="small"
                  :placeholder="$t('userManage.userInfoObj.unamePlaceholder')"
                  style="width: 200px"
              >
                <i slot="suffix" class="el-icon-search" @click="queryInfo"></i>
              </el-input>
            </el-form-item>
          </div>
          <div>
<!--            <el-form-item>-->
<!--              <el-button-->
<!--                type="primary"-->
<!--                size="small"-->
<!--                @click="queryInfo('queryForm')"-->
<!--                icon="el-icon-search"-->
<!--              >-->
<!--                {{ $t("operatManage.ELM.search") }}-->
<!--              </el-button>-->
<!--            </el-form-item>-->
            <el-form-item>
              <el-button
                type="primary"
                size="small"
                @click="queryInfo('queryForm')"
                icon="el-icon-search"
                  v-if="menuStatus.insert"
                  type="success"
                  size="small"
                  @click="showAddDialog"
                  icon="el-icon-plus"
              >
                {{ $t("operatManage.ELM.search") }}
              </el-button>
            </el-form-item>
            <el-form-item>
              <el-button
                type="info"
                size="small"
                @click="resetInfo('queryForm')"
                icon="el-icon-refresh"
              >
                {{ $t("operatManage.ELM.reset") }}
                {{ $t("common.append") }}
              </el-button>
            </el-form-item>
            <el-form-item v-show="setbatchFlag">
@@ -96,19 +102,19 @@
            </el-form-item>
            <el-form-item>
              <el-button
                v-if="menuStatus.insert"
                type="success"
                size="small"
                @click="showAddDialog"
                icon="el-icon-plus"
                  type="info"
                  size="small"
                  @click="resetInfo('queryForm')"
                  icon="el-icon-refresh"
              >
                {{ $t("common.append") }}
                {{ $t("operatManage.ELM.reset") }}
              </el-button>
            </el-form-item>
          </div>
        </div>
      </el-form>
    </div>
    <div class="dividing-line"></div>
    <div
      class="table_box"
      :style="styleVar"
@@ -117,8 +123,9 @@
        ref="filterTable"
        :data="tableData"
        style="width: 100%"
        border
        class="table_height"
        height="calc(100% - 57px)"
        height="calc(100% - 45px)"
        @selection-change="handleSelectionChange"
      >
        <el-table-column
@@ -227,7 +234,7 @@
        <!-- <el-table-column
          align="center"
          prop="bak"
          :label="$t('userManage.userInfoObj.bak')"
        /> -->
        <el-table-column
@@ -246,7 +253,7 @@
        </el-table-column>
      </el-table>
      <div
        style="margin-top: 25px"
        style="margin-top: 10px;"
        class="pagination_box"
      >
        <el-pagination
@@ -264,7 +271,6 @@
    <el-dialog
      width="910px"
       top="2vh"
      :title="
        behavior == '新增用户'
          ? `${$t('common.append')}`
@@ -272,6 +278,7 @@
      "
      :visible.sync="dialogFormVisible"
      :before-close="handleClose"
      :close-on-click-modal="false"
    >
     <div style="height: 500px; overflow: auto">
      <el-form
@@ -279,7 +286,7 @@
        ref="editForm"
        :rules="rules"
        style="display: flex"
      >
        <div>
          <el-form-item
@@ -291,6 +298,7 @@
            <el-input
              v-model="editForm.uid"
              autocomplete="off"
               :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.uid')"
            ></el-input>
            <div
              class="isNewUser"
@@ -309,6 +317,7 @@
              v-model="editForm.uid"
              autocomplete="off"
              disabled
            ></el-input>
          </el-form-item>
          <!-- <el-form-item
@@ -358,6 +367,7 @@
            <el-input
              v-model="editForm.uname"
              autocomplete="off"
               :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.username')"
            ></el-input>
          </el-form-item>
          <el-form-item
@@ -369,7 +379,7 @@
              :popper-append-to-body="false"
              v-model="editForm.sex"
              clearable
              :placeholder="$t('userManage.userInfoObj.pleaseSelect')"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.userInfoObj.sex')"
            >
              <el-option
                v-for="item in sexOpt"
@@ -388,6 +398,7 @@
            <el-input
              v-model="editForm.natives"
              autocomplete="off"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.nativePlace')"
            ></el-input>
          </el-form-item>
          <el-form-item
@@ -398,8 +409,9 @@
            <el-select
              :popper-append-to-body="false"
              v-model="editForm.depid"
              placeholder="请选择"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.userInfoObj.depName')"
              @focus="setOptionWidth"
            >
              <el-option
                :value="editForm.depid"
@@ -442,6 +454,7 @@
            <el-input
              v-model="editForm.idcard"
              autocomplete="off"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.identityCard')"
            ></el-input>
          </el-form-item>
        </div>
@@ -454,6 +467,7 @@
            <el-input
              v-model="editForm.job"
              autocomplete="off"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.job')"
            ></el-input>
          </el-form-item>
          <el-form-item
@@ -464,6 +478,7 @@
            <el-input
              v-model="editForm.edu"
              autocomplete="off"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.edu')"
            ></el-input>
          </el-form-item>
          <el-form-item
@@ -474,6 +489,7 @@
            <el-input
              v-model="editForm.addr"
              autocomplete="off"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.addr')"
            ></el-input>
          </el-form-item>
          <el-form-item
@@ -484,6 +500,7 @@
            <el-input
              v-model="editForm.email"
              autocomplete="off"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.email')"
            ></el-input>
          </el-form-item>
          <el-form-item
@@ -494,6 +511,7 @@
            <el-input
              v-model="editForm.contact"
              autocomplete="off"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.contact')"
            ></el-input>
          </el-form-item>
          <el-form-item
@@ -505,7 +523,7 @@
              :popper-append-to-body="false"
              v-model="editForm.status"
              clearable
              :placeholder="$t('userManage.userInfoObj.pleaseSelect')"
             :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('userManage.userInfoObj.status')"
            >
              <el-option
                v-for="item in statusOpt"
@@ -524,6 +542,7 @@
            <el-input
              v-model="editForm.bak"
              autocomplete="off"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('userManage.userInfoObj.remarks')"
            ></el-input>
          </el-form-item>
        </div>
@@ -569,13 +588,12 @@
      </div>
    </el-dialog>
    <el-dialog
      top="2vh"
      :title="$t('common.changepassWord')"
      :visible.sync="resetPwd"
      :before-close="handleClose"
      :close-on-click-modal="false"
    >
      <el-form
        :model="pwdForm"
        ref="pwdForm"
@@ -593,6 +611,7 @@
            autocomplete="off"
            show-password
            style="width:85%"
            :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('common.AdminPassword')"
          ></el-input>
        </el-form-item>
        <el-form-item
@@ -606,6 +625,7 @@
            autocomplete="off"
            show-password
            style="width:85%"
             :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('common.NPassword')"
          ></el-input>
        </el-form-item>
        <el-form-item
@@ -619,10 +639,11 @@
            autocomplete="off"
            show-password
            style="width:85%"
             :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('common.SPassword')"
          ></el-input>
        </el-form-item>
      </el-form>
      <div
        slot="footer"
        class="dialog-footer"
@@ -918,7 +939,7 @@
      this.$nextTick(() => {
        const rect = this.$refs.container.getBoundingClientRect();
        this.tableHeight = `${rect.height + 97}px`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 30}px)`;
      });
    },
    ...mapActions(["login", "getpublickey"]),
@@ -970,14 +991,14 @@
    },
    handleNodeClickto(data, node, nodeData) {
      this.queryForm.depid = data.id;
      this.queryForm.depid = data.code;
      this.queryForm.depName = data.name;
    },
    //搜索按钮
    queryInfo() {
      let searchData = {
        uname: this.queryForm.uname.trim(),
        depid: this.queryForm.depid,
        depcode: this.queryForm.depid,
        pageIndex: this.pageIndex,
        pageSize: this.pageSize,
      };
@@ -1142,6 +1163,12 @@
                  this.resetPwd = false;
                  this.getUserInfo();
                }
                else {
                  this.$message({
                    message: res.msg,
                    type: "error",
                  });
                }
              }, 500);
            })
@@ -1320,13 +1347,13 @@
  },
};
</script>
<style lang="less" scoped>
//@import url(); 引入公共css类
.userInfo_box {
  height: 98%;
  width: 98%;
  padding: 1%;
  padding: 0.5%;
  .el-input {
    width: 300px;
@@ -1335,12 +1362,12 @@
    position: relative;
    height: auto;
    padding: 8px;
    margin-top: 20px;
    //padding: 10px;
    //margin-top: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    //margin-bottom: 20px;
    .el-form-item {
      margin: 5px;
    }
@@ -1374,4 +1401,4 @@
  }
}
</style>