管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2022-11-16 e955e0e34f52d3a8f66354f2a75b762791f918b1
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,58 +50,93 @@
    <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">
@@ -104,13 +144,13 @@
                class="el-button-sure"
                type="primary"
                @click="updDep('itemdetail')"
                >保存</el-button
                >{{ $t('common.submit') }}</el-button
              >
              <el-button
                class="el-button-sure"
                type="primary"
                @click="reset('itemdetail')"
                >取消</el-button
                >{{ $t('common.cancel') }}</el-button
              >
            </div>
          </el-form>
@@ -120,54 +160,88 @@
    <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 class="el-button-sure" @click="resetForm('ruleForm')">{{
          $t('common.cancel')
        }}</el-button>
        <el-button
          class="el-button-remove"
          type="primary"
          @click="submitForm('ruleForm')"
          v-loading.fullscreen.lock="fullscreenLoading"
          >提交</el-button
          >{{ $t('common.submit') }}</el-button
        >
      </div>
    </el-dialog>