1

Surpriseplus

2022-11-18 462782f4b2ce653e84260ca586a58c8627c4ac9c

 src/views/userManage/orgManage.vue

@@ -1,6 +1,11 @@
<template>
  <div class="menuSettings_box">
    <My-bread :list="['系统管理', '单位管理']"></My-bread>
    <My-bread
      :list="[
        `${$t('operatManage.operatManage')}`,
        `${$t('operatManage.organizationManage')}`,
      ]"
    ></My-bread>
    <el-divider />
    <div class="left_Tree">
      <el-card class="el-card-define">
@@ -45,73 +50,108 @@
    <div class="right_menu">
      <el-card class="el-card-define">
        <el-breadcrumb separator="/">
          <el-breadcrumb-item :to="{ path: '/' }">详细信息</el-breadcrumb-item>
          <el-breadcrumb-item :to="{ path: '/' }">{{
            $t('dataManage.dictionaryManageObj.particulars')
          }}</el-breadcrumb-item>
        </el-breadcrumb>
        <el-divider />

        <div class="form_box">
          <el-form :model="itemdetail" ref="itemdetail" :rules="rules">
            <el-form-item label="名称" :label-width="formLabelWidth">
            <el-form-item
              :label="$t('userManage.orgManageObj.name')"
              :label-width="formLabelWidth"
            >
              <el-input v-model="itemdetail.name" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="简称" :label-width="formLabelWidth">
            <el-form-item
              :label="$t('userManage.orgManageObj.abbreviation')"
              :label-width="formLabelWidth"
            >
              <el-input
                v-model="itemdetail.sname"
                autocomplete="off"
              ></el-input>
            </el-form-item>
            <el-form-item label="编码" :label-width="formLabelWidth">
            <el-form-item
              :label="$t('userManage.orgManageObj.unitCode')"
              :label-width="formLabelWidth"
            >
              <el-input v-model="itemdetail.code" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="机构代码" :label-width="formLabelWidth">
            <el-form-item
              :label="$t('userManage.orgManageObj.organizationCode')"
              :label-width="formLabelWidth"
            >
              <el-input
                v-model="itemdetail.uncode"
                autocomplete="off"
              ></el-input>
            </el-form-item>
            <el-form-item label="地址" :label-width="formLabelWidth">
            <el-form-item
              :label="$t('userManage.orgManageObj.cmpanyAddress')"
              :label-width="formLabelWidth"
            >
              <el-input v-model="itemdetail.addr" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="联系方式" :label-width="formLabelWidth">
            <el-form-item
              :label="$t('userManage.orgManageObj.continformation')"
              :label-width="formLabelWidth"
            >
              <el-input
                v-model="itemdetail.contact"
                autocomplete="off"
              ></el-input>
            </el-form-item>
            <el-form-item label="传真" :label-width="formLabelWidth">
            <el-form-item
              :label="$t('userManage.orgManageObj.fax')"
              :label-width="formLabelWidth"
            >
              <el-input v-model="itemdetail.fax" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="电子邮件" :label-width="formLabelWidth">
            <el-form-item
              :label="$t('userManage.orgManageObj.EMail')"
              :label-width="formLabelWidth"
            >
              <el-input
                v-model="itemdetail.email"
                autocomplete="off"
              ></el-input>
            </el-form-item>
            <el-form-item label="邮政编码" :label-width="formLabelWidth">
            <el-form-item
              :label="$t('userManage.orgManageObj.postalCode')"
              :label-width="formLabelWidth"
            >
              <el-input v-model="itemdetail.post" autocomplete="off"></el-input>
            </el-form-item>
            <el-form-item label="网站地址" :label-width="formLabelWidth">
            <el-form-item
              :label="$t('userManage.orgManageObj.WebsiteAddress')"
              :label-width="formLabelWidth"
            >
              <el-input
                v-model="itemdetail.website"
                autocomplete="off"
              ></el-input>
            </el-form-item>
            <el-form-item label="备注" :label-width="formLabelWidth">
            <el-form-item
              :label="$t('userManage.orgManageObj.remarks')"
              :label-width="formLabelWidth"
            >
              <el-input v-model="itemdetail.bak" autocomplete="off"></el-input>
            </el-form-item>
            <div class="btnBox" v-if="menuStatus.update">
              <el-button
                class="el-button-sure"
                type="primary"
                style="
                  background: #409eff;
                  border: 1px solid #409eff;
                  color: white;
                "
                @click="updDep('itemdetail')"
                >保存</el-button
                >{{ $t('common.submit') }}</el-button
              >
              <el-button
                class="el-button-sure"
                type="primary"
                @click="reset('itemdetail')"
                >取消</el-button
              >
              <el-button @click="reset('itemdetail')">{{
                $t('common.cancel')
              }}</el-button>
            </div>
          </el-form>
        </div>
@@ -120,54 +160,87 @@
    <el-dialog
      width="30%"
      top="5vh"
      title="新增子目录"
      :title="$t('common.append')"
      :visible.sync="dialogFormVisible"
    >
      <el-form :model="ruleForm" ref="ruleForm" :rules="rules">
        <el-form-item prop="name" label="名称" :label-width="formLabelWidth">
        <el-form-item
          prop="name"
          :label="$t('userManage.orgManageObj.name')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="ruleForm.name" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="简称" :label-width="formLabelWidth">
        <el-form-item
          :label="$t('userManage.orgManageObj.abbreviation')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="ruleForm.sname" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="编码" :label-width="formLabelWidth">
        <el-form-item
          :label="$t('userManage.orgManageObj.unitCode')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="ruleForm.code" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="机构代码" :label-width="formLabelWidth">
        <el-form-item
          :label="$t('userManage.orgManageObj.organizationCode')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="ruleForm.uncode" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="地址" :label-width="formLabelWidth">
        <el-form-item
          :label="$t('userManage.orgManageObj.cmpanyAddress')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="ruleForm.addr" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="联系方式" :label-width="formLabelWidth">
        <el-form-item
          :label="$t('userManage.orgManageObj.continformation')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="ruleForm.contact" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="传真" :label-width="formLabelWidth">
        <el-form-item
          :label="$t('userManage.orgManageObj.fax')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="ruleForm.fax" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="电子邮件" :label-width="formLabelWidth">
        <el-form-item
          :label="$t('userManage.orgManageObj.EMail')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="ruleForm.email" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="邮政编码" :label-width="formLabelWidth">
        <el-form-item
          :label="$t('userManage.orgManageObj.postalCode')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="ruleForm.post" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="网站地址" :label-width="formLabelWidth">
        <el-form-item
          :label="$t('userManage.orgManageObj.WebsiteAddress')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="ruleForm.website" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="备注" :label-width="formLabelWidth">
        <el-form-item
          :label="$t('userManage.orgManageObj.remarks')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="ruleForm.bak" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button class="el-button-sure" @click="resetForm('ruleForm')"
          >取消</el-button
        >
        <el-button @click="resetForm('ruleForm')">{{
          $t('common.cancel')
        }}</el-button>
        <el-button
          class="el-button-remove"
          type="primary"
          style="background: #409eff; border: 1px solid #409eff; color: white"
          @click="submitForm('ruleForm')"
          v-loading.fullscreen.lock="fullscreenLoading"
          >提交</el-button
          >{{ $t('common.submit') }}</el-button
        >
      </div>
    </el-dialog>
@@ -252,7 +325,7 @@
    };
  },
  methods: {
    getDepTree() {
    getMenuTree() {
      //获取目录树最大ID，新建节点使用
      // queryMaxId().then((res) => {
      //   this.id = res.data;
@@ -308,11 +381,12 @@
                    message: '添加成功',
                    type: 'success',
                  });
                  this.getMenuTree();

                  this.itemdetail = {};
                  this.ruleForm = {};
                  this.dialogFormVisible = false;
                  this.$refs[formName].resetFields();
                  this.getMenuTree();
                }
              }, 500);
            })
@@ -532,7 +606,7 @@
    },
  },
  mounted() {
    this.getDepTree();
    this.getMenuTree();
  },
  created() {
    var val = this.$store.state.currentPerms;
@@ -724,23 +798,6 @@
  }
  /deep/.el-form-item__label {
    color: white;
  }
  .el-button-sure {
    width: 116px;
    height: 40px;
    background: linear-gradient(180deg, #002992, #080472);
    border: 1px solid #000000;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);
    border-radius: 3px;
  }
  .el-button-remove {
    width: 116px;
    height: 40px;
    background: linear-gradient(180deg, #002992, #080472);
    border: 1px solid #000000;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.21);
    opacity: 0.5;
    border-radius: 3px;
  }
}
</style>