From 12abf3b445be263b147b7ba40c5c529df5cad2da Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期四, 22 九月 2022 16:34:49 +0800
Subject: [PATCH] 组织机构管理
---
src/assets/lang/zh.js | 40 ++
src/views/userManage/orgManage.vue | 983 ++++++++++++++++++++++++++++++++++++++++-------------
src/assets/lang/en.js | 40 ++
3 files changed, 814 insertions(+), 249 deletions(-)
diff --git a/src/assets/lang/en.js b/src/assets/lang/en.js
index 16eefe1..f7aeaa0 100644
--- a/src/assets/lang/en.js
+++ b/src/assets/lang/en.js
@@ -343,6 +343,46 @@
fv9: 'Other',
},
orgManage: 'Org Manage',
+ orgManageObj:{
+ companyName:"companyName",
+ flatType:"flatType",
+ inquire:"inquire",
+ delete:"delete",
+ add:"add",
+ num:"num",
+ phone:"phone",
+ operate:"operate",
+ edit:"edit",
+ unitInformation:"unitInformation",
+ userList:"userList",
+ username:"username",
+ ChineseNameUsername:"ChineseName username",
+ phoneNumberToTeceiveShortMessages:"phoneNumber to teceiveShort messages",
+ status:"status",
+ confirm:"confirm",
+ close:"close",
+ administrativeDvisionsList:"administrativeDvisions List",
+ name:"name",
+ coding:"coding",
+ codeOfAdministrativeDivision:"code of administrative division",
+ LevelForExaminationAndApproval:"Level for examination and approval",
+ seaAreaUseClass:"seaAreaUseClass",
+ reset:"reset",
+ immediatelyCreate:"immediatelyCreate",
+ pinyinInitials:"pinyinInitials",
+ abbreviation:"abbreviation",
+ unitCode:"unitCode",
+ organizationCode:"organizationCode",
+ companyAdministrator:"companyAdministrator",
+ picture:"picture",
+ division:"division",
+ EMail:"EMail",
+ fax:"fax",
+ postalCode:"postalCode",
+ website:"website",
+ cmpanyAddress:"cmpanyAddress",
+ companyIntroduction:"companyIntroduction",
+ },
userAuditing: 'User Auditing',
UA: {
userName: 'User Name',
diff --git a/src/assets/lang/zh.js b/src/assets/lang/zh.js
index f8f78c3..4f9cad7 100644
--- a/src/assets/lang/zh.js
+++ b/src/assets/lang/zh.js
@@ -341,6 +341,46 @@
fv9: '鍏朵粬',
},
orgManage: '缁勭粐鏈烘瀯绠＄悊',
+ orgManageObj:{
+ companyName:"鍗曚綅鍚嶇О",
+ flatType:"鍗曚綅绫诲瀷",
+ inquire:"鏌ヨ",
+ delete:"娓呴櫎",
+ add:"鏂板",
+ num:"搴忓彿",
+ phone:"鑱旂郴鐢佃瘽",
+ operate:"鎿嶄綔",
+ edit:"缂栬緫",
+ unitInformation:"鍗曚綅淇℃伅",
+ userList:"鐢ㄦ埛-鍒楄〃",
+ username:"鐢ㄦ埛鍚嶇О",
+ ChineseNameUsername:"涓枃鍚嶃�愮敤鎴峰悕銆�",
+ phoneNumberToTeceiveShortMessages:"鎵嬫満鍙枫�愭帴鏀剁煭淇°��",
+ status:"鐘舵��",
+ confirm:"纭畾",
+ close:"鍏抽棴",
+ administrativeDvisionsList:"琛屾斂鍖哄垝-鍒楄〃",
+ name:"鍖哄煙鍚嶇О",
+ coding:"缂栫爜",
+ codeOfAdministrativeDivision:"琛屾斂鍖哄垝浠ｇ爜",
+ LevelForExaminationAndApproval:"瀹℃壒绾у埆",
+ seaAreaUseClass:"娴峰煙浣跨敤绛夌骇",
+ reset:"閲嶇疆",
+ immediatelyCreate:"绔嬪嵆鍒涘缓",
+ pinyinInitials:"鎷奸煶棣栧瓧姣�",
+ abbreviation:"鍗曚綅绠�绉�",
+ unitCode:"鍗曚綅缂栫爜",
+ organizationCode:"鍗曚綅缁勭粐鏈烘瀯浠ｇ爜",
+ companyAdministrator:"鍗曚綅绠＄悊鍛�",
+ picture:"鍥剧墖",
+ division:"鎵�灞炲尯鍒�",
+ EMail:"E-Mail鍦板潃",
+ fax:"浼犵湡",
+ postalCode:"閭斂缂栫爜",
+ website:"缃戝潃",
+ cmpanyAddress:"鍗曚綅鍦板潃",
+ companyIntroduction:"鍗曚綅浠嬬粛",
+ },
userAuditing: '鐢ㄦ埛瀹℃牳',
UA: {
userName: '鐢ㄦ埛鍚嶇О',
diff --git a/src/views/userManage/orgManage.vue b/src/views/userManage/orgManage.vue
index d971cb8..7ceb85b 100644
--- a/src/views/userManage/orgManage.vue
+++ b/src/views/userManage/orgManage.vue
@@ -1,307 +1,792 @@
<template>
- <div class="logLog_box">
+ <div class="menuSettings_box">
+ <div class="menuSettings_tree">
<My-bread
:list="[
- `${$t('operatManage.operatManage')}`,
- `${$t('operatManage.eventlogManage')}`,
+ `${$t('userManage.userManage')}`,
+ `${$t('userManage.orgManage')}`,
]"
></My-bread>
<el-divider />
- <div class="inquire">
- <el-form ref="ruleForm" :model="form" :inline="true">
- <el-form-item :label="$t('operatManage.ELM.username')" prop="username">
+ <el-tree
+ :data="data"
+ node-key="id"
+ default-expand-all
+ @node-drag-start="handleDragStart"
+ @node-drag-enter="handleDragEnter"
+ @node-drag-leave="handleDragLeave"
+ @node-drag-over="handleDragOver"
+ @node-drag-end="handleDragEnd"
+ @node-drop="handleDrop"
+ draggable
+ :allow-drop="allowDrop"
+ :allow-drag="allowDrag"
+ >
+ </el-tree>
+ </div>
+ <div class="menuSettings">
+ <div class="btn_box">
+ <div class="herder_box">
+ {{ $t("operatManage.operationLogObj.queryRegion") }}
+ </div>
+ <el-form :inline="true" :model="formInline" size="small">
+ <el-form-item :label="$t('userManage.orgManageObj.companyName')">
<el-input
- v-model="form.username"
- :placeholder="$t('operatManage.ELM.usernameInfo')"
- />
+ v-model="formInline.user"
+ :placeholder="$t('userManage.orgManageObj.companyName')"
+ ></el-input>
</el-form-item>
- <el-form-item
- :label="$t('operatManage.ELM.ownedSystem')"
- prop="ownedSystem"
- >
+ <el-form-item :label="$t('userManage.orgManageObj.flatType')">
<el-select
- v-model="form.ownedSystem"
- :placeholder="$t('operatManage.ELM.please')"
+ v-model="formInline.region"
+ :placeholder="$t('userManage.orgManageObj.flatType')"
>
- <el-option :label="$t('operatManage.ELM.all')" value="all" />
- <el-option :label="$t('operatManage.ELM.one')" value="one" />
+ <el-option label="鍏ㄩ儴" value="鍏ㄩ儴"></el-option>
+ <el-option label="娴峰煙琛屾斂閮ㄩ棬" value="娴峰煙琛屾斂閮ㄩ棬"></el-option>
+ <el-option label="娴峰煙鐩戞祴閮ㄩ棬" value="娴峰煙鐩戞祴閮ㄩ棬"></el-option>
+ <el-option label="娴风洃鎵ф硶閮ㄩ棬" value="娴风洃鎵ф硶閮ㄩ棬"></el-option>
+ <el-option label="鎶�鏈腑蹇�" value="鎶�鏈腑蹇�"></el-option>
+ <el-option label="淇℃伅涓績" value="淇℃伅涓績"></el-option>
+ <el-option label="鐢ㄦ捣鍗曚綅" value="鐢ㄦ捣鍗曚綅"></el-option>
</el-select>
</el-form-item>
- <el-form-item
- :label="$t('operatManage.ELM.operationType')"
- prop="operationType"
- >
- <el-select
- v-model="form.operationType"
- :placeholder="$t('operatManage.ELM.please')"
- >
- <el-option :label="$t('operatManage.ELM.all')" value="all" />
- <el-option :label="$t('operatManage.ELM.add')" value="add" />
- <el-option :label="$t('operatManage.ELM.delete')" value="delete" />
- <el-option :label="$t('operatManage.ELM.edit')" value="edit" />
- <el-option :label="$t('operatManage.ELM.query')" value="query" />
- </el-select>
- </el-form-item>
- <el-form-item :label="$t('operatManage.ELM.date')" prop="date">
- <el-date-picker
- v-model="form.date"
- type="daterange"
- align="right"
- unlink-panels
- :range-separator="$t('operatManage.ELM.to')"
- :start-placeholder="$t('operatManage.ELM.startDate')"
- :end-placeholder="$t('operatManage.ELM.endDate')"
- >
- </el-date-picker>
- </el-form-item>
- <el-form-item :label="$t('operatManage.ELM.ip')" prop="requestIp">
- <el-input v-model="form.requestIp" placeholder="璇疯緭鍏�" />
- </el-form-item>
<el-form-item>
- <el-button @click="onSubmit"
- ><i class="el-icon-search"></i> {{
- $t("operatManage.ELM.search")
- }}</el-button
+ <el-button
+ type="primary"
+ @click="onSubmit"
+ icon="el-icon-search"
+ plain
+ >{{ $t("userManage.orgManageObj.inquire") }}</el-button
>
- </el-form-item>
- <el-form-item>
- <el-button @click="resetForm('ruleForm')"
- ><i class="el-icon-delete"></i> {{
- $t("operatManage.ELM.reset")
- }}</el-button
- >
+ <el-button type="primary" icon="el-icon-delete" plain>{{
+ $t("userManage.orgManageObj.delete")
+ }}</el-button>
</el-form-item>
</el-form>
+ <div>
+ <el-button
+ type="success"
+ @click="outerVisible = true"
+ icon="el-icon-circle-plus"
+ size="small"
+ >{{ $t("userManage.orgManageObj.add") }}</el-button
+ >
+ </div>
</div>
<div class="table_box">
- <el-table :data="tableData" stripe style="width: 100%" height="99%">
+ <el-table :data="tableData" stripe>
<el-table-column
- align="center"
type="index"
- :label="$t('operatManage.ELM.index')"
- width="70px"
+ width="80"
+ :label="$t('userManage.orgManageObj.num')"
+ >
+ </el-table-column>
+ <el-table-column
+ prop="menuname"
+ :label="$t('userManage.orgManageObj.companyName')"
/>
<el-table-column
- align="center"
- prop="username"
- :label="$t('operatManage.ELM.username')"
+ prop="parentmenuname"
+ :label="$t('userManage.orgManageObj.flatType')"
/>
<el-table-column
- align="center"
- prop="ip"
- :label="$t('operatManage.ELM.ip')"
+ prop="dataBulk"
+ :label="$t('userManage.orgManageObj.phone')"
/>
<el-table-column
- align="center"
- prop="ownedSystem"
- :label="$t('operatManage.ELM.ownedSystem')"
- />
- <el-table-column
- align="center"
- prop="largeModuleName"
- :label="$t('operatManage.ELM.largeModuleName')"
- />
- <el-table-column
- align="center"
- prop="smallModuleName"
- :label="$t('operatManage.ELM.smallModuleName')"
- />
- <el-table-column
- align="center"
- prop="resourceName"
- :label="$t('operatManage.ELM.resourceName')"
- />
- <el-table-column
- align="center"
- prop="date"
- :label="$t('operatManage.ELM.date')"
- />
- <el-table-column
- align="center"
- prop="operationType"
- :label="$t('operatManage.ELM.operationType')"
- />
+ fixed="right"
+ :label="$t('userManage.orgManageObj.operate')"
+ width="280"
+ >
+ <template #default>
+ <el-button type="warning" size="small">{{
+ $t("userManage.orgManageObj.edit")
+ }}</el-button>
+ <el-button type="success" size="small">{{
+ $t("userManage.orgManageObj.add")
+ }}</el-button>
+ <el-button type="danger" size="small">{{
+ $t("userManage.orgManageObj.delete")
+ }}</el-button>
+ </template>
+ </el-table-column>
</el-table>
<div style="margin-top: 40px" class="pagination_box">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
- :current-page="currentPage"
+ :current-page="currentPage4"
:page-sizes="[10, 20, 30, 40]"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
- :total="9"
+ :total="10"
>
</el-pagination>
</div>
</div>
</div>
- </template>
-
- <script>
- import MyBread from "../../components/MyBread.vue";
-
- export default {
- //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
- components: {
- MyBread,
- },
-
- data() {
- return {
- currentPage: 1,
- form: {
- username: "",
- ownedSystem: "",
- requestIp: "",
- operationType: "",
- date: "",
+ <el-dialog title="鏂板" :visible.sync="outerVisible" :modal-append-to-body="true" :append-to-body="true">
+ <el-dialog
+ width="30%"
+ :title="dialogTitle"
+ :visible.sync="innerVisible"
+ append-to-body
+ >
+ <el-form :inline="true" :model="formInline" size="small">
+ <el-form-item :label="$t('userManage.orgManageObj.username')">
+ <el-input
+ v-model="formInline.user"
+ :placeholder="$t('userManage.orgManageObj.username')"
+ ></el-input>
+ </el-form-item>
+
+ <el-form-item>
+ <el-button
+ type="primary"
+ @click="onSubmit"
+ icon="el-icon-search"
+ plain
+ >{{ $t("userManage.orgManageObj.inquire") }}</el-button
+ >
+ <el-button type="primary" icon="el-icon-delete" plain>{{
+ $t("userManage.orgManageObj.delete")
+ }}</el-button>
+ </el-form-item>
+ </el-form>
+ <el-table
+ ref="multipleTable"
+ :data="tableData1"
+ tooltip-effect="dark"
+ style="width: 100%"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="55"> </el-table-column>
+ <el-table-column prop="name" :label="$t('userManage.orgManageObj.ChineseNameUsername')">
+ </el-table-column>
+ <el-table-column prop="name" :label="$t('userManage.orgManageObj.phoneNumberToTeceiveShortMessages')">
+ </el-table-column>
+ <el-table-column prop="address" :label="$t('userManage.orgManageObj.status')"> </el-table-column>
+ </el-table>
+ <div style="margin-top: 40px" class="pagination_box">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage4"
+ :page-sizes="[10, 20, 30, 40]"
+ :page-size="10"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="10"
+ >
+ </el-pagination>
+ </div>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary">{{$t('userManage.orgManageObj.confirm')}}</el-button>
+ <el-button @click="innerVisible = false">{{$t('userManage.orgManageObj.close')}}</el-button>
+ </div>
+ </el-dialog>
+ <el-dialog
+ width="30%"
+ title="琛屾斂鍖哄垝-鍒楄〃"
+ :visible.sync="innerVisible1"
+ append-to-body
+ >
+ <el-form :inline="true" :model="formInline" size="small">
+ <el-form-item :label="$t('userManage.orgManageObj.name')">
+ <el-input
+ v-model="formInline.user"
+ :placeholder="$t('userManage.orgManageObj.name')"
+ ></el-input>
+ </el-form-item>
+
+ <el-form-item>
+ <el-button
+ type="primary"
+ @click="onSubmit"
+ icon="el-icon-search"
+ plain
+ >{{ $t("userManage.orgManageObj.inquire") }}</el-button
+ >
+ <el-button type="primary" icon="el-icon-delete" plain>{{
+ $t("userManage.orgManageObj.delete")
+ }}</el-button>
+ </el-form-item>
+ </el-form>
+ <el-table
+ ref="multipleTable"
+ :data="tableData1"
+ tooltip-effect="dark"
+ style="width: 100%"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="55"> </el-table-column>
+ <el-table-column prop="name" :label="$t('userManage.orgManageObj.name')"> </el-table-column>
+ <el-table-column prop="address" :label="$t('userManage.orgManageObj.coding')" show-overflow-tooltip>
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ :label="$t('userManage.orgManageObj.codeOfAdministrativeDivision')"
+ show-overflow-tooltip
+ >
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ :label="$t('userManage.orgManageObj.LevelForExaminationAndApproval')"
+ show-overflow-tooltip
+ >
+ </el-table-column>
+ <el-table-column
+ prop="address"
+ :label="$t('userManage.orgManageObj.seaAreaUseClass')"
+ show-overflow-tooltip
+ >
+ </el-table-column>
+ </el-table>
+ <div style="margin-top: 40px" class="pagination_box">
+ <el-pagination
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page="currentPage4"
+ :page-sizes="[10, 20, 30, 40]"
+ :page-size="10"
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="10"
+ >
+ </el-pagination>
+ </div>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary">{{$t('userManage.orgManageObj.confirm')}}</el-button>
+ <el-button @click="innerVisible1 = false">{{$t('userManage.orgManageObj.close')}}</el-button>
+
+ </div>
+ </el-dialog>
+ <el-form
+ :model="ruleForm"
+ :rules="rules"
+ ref="ruleForm"
+ label-width="150px"
+ >
+ <div class="flexForm">
+ <div style="width: 50%">
+ <el-form-item :label="$t('userManage.orgManageObj.companyName')" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.pinyinInitials')" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.abbreviation')" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.unitCode')" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.organizationCode')" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.companyAdministrator')" prop="name">
+ <el-input
+ v-model="ruleForm.name"
+ :disabled="true"
+ style="width: calc(100% - 138px)"
+ ></el-input>
+ <el-button
+ type="primary"
+ icon="el-icon-more"
+ @click="innerVisible = true"
+ ></el-button>
+ <el-button type="danger">娓呴櫎</el-button>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.phone')" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ </div>
+ <div style="width: 50%">
+ <el-form-item :label="$t('userManage.orgManageObj.picture')">
+ <el-upload
+ :auto-upload="false"
+ class="avatar-uploader"
+ action="#"
+ :show-file-list="false"
+ :http-request="request"
+ :limit="1"
+ >
+ <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+ </el-upload>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.flatType')" prop="region">
+ <el-select
+ v-model="ruleForm.region"
+ placeholder=""
+ style="width: 100%"
+ >
+ <el-option
+ label="娴峰煙琛屾斂閮ㄩ棬"
+ value="娴峰煙琛屾斂閮ㄩ棬"
+ ></el-option>
+ <el-option
+ label="娴峰煙鐩戞祴閮ㄩ棬"
+ value="娴峰煙鐩戞祴閮ㄩ棬"
+ ></el-option>
+ <el-option
+ label="娴风洃鎵ф硶閮ㄩ棬"
+ value="娴风洃鎵ф硶閮ㄩ棬"
+ ></el-option>
+ <el-option label="鎶�鏈腑蹇�" value="鎶�鏈腑蹇�"></el-option>
+ <el-option label="淇℃伅涓績" value="淇℃伅涓績"></el-option>
+ <el-option label="鐢ㄦ捣鍗曚綅" value="鐢ㄦ捣鍗曚綅"></el-option>
+ </el-select>
+ </el-form-item>
+
+ <el-form-item :label="$t('userManage.orgManageObj.division')" prop="name">
+ <el-input
+ v-model="ruleForm.name"
+ :disabled="true"
+ style="width: calc(100% - 138px)"
+ ></el-input>
+ <el-button
+ type="primary"
+ icon="el-icon-more"
+ @click="innerVisible1 = true"
+ ></el-button>
+ <el-button type="danger">娓呴櫎</el-button>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.EMail')" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.fax')" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.postalCode')" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ </div>
+ </div>
+
+ <el-form-item :label="$t('userManage.orgManageObj.website')" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.cmpanyAddress')" prop="name">
+ <el-input v-model="ruleForm.name"></el-input>
+ </el-form-item>
+ <el-form-item :label="$t('userManage.orgManageObj.companyIntroduction')" prop="name">
+ <el-input
+ type="textarea"
+ :rows="2"
+ placeholder=""
+ v-model="ruleForm.textarea"
+ >
+ </el-input>
+ </el-form-item>
+ </el-form>
+ <div slot="footer" class="dialog-footer">
+ <el-button type="primary" @click="submitForm('ruleForm')"
+ >{{$t('userManage.orgManageObj.immediatelyCreate')}}</el-button
+ >
+ <el-button @click="resetForm('ruleForm')">{{$t('userManage.orgManageObj.reset')}}</el-button>
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import MyBread from "../../components/MyBread.vue";
+
+export default {
+ //import寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
+ components: {
+ MyBread,
+ },
+
+ data() {
+ return {
+ dialogTitle:"鐢ㄦ埛-鍒楄〃",
+ tableData1: [
+ {
+ date: "2016-05-03",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
},
- tableData: [
+ {
+ date: "2016-05-02",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
+ },
+ {
+ date: "2016-05-04",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
+ },
+ {
+ date: "2016-05-01",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
+ },
+ {
+ date: "2016-05-08",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
+ },
+ {
+ date: "2016-05-06",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
+ },
+ {
+ date: "2016-05-07",
+ name: "鐜嬪皬铏�",
+ address: "涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�",
+ },
+ ],
+ imageUrl: "",
+ ruleForm: {
+ name: "",
+ region: "",
+ date1: "",
+ date2: "",
+ delivery: false,
+ type: [],
+ resource: "",
+ desc: "",
+ },
+ rules: {
+ name: [
+ { required: true, message: "璇疯緭鍏ユ椿鍔ㄥ悕绉�", trigger: "blur" },
+ { min: 3, max: 5, message: "闀垮害鍦� 3 鍒� 5 涓瓧绗�", trigger: "blur" },
+ ],
+ region: [
+ { required: true, message: "璇烽�夋嫨娲诲姩鍖哄煙", trigger: "change" },
+ ],
+ date1: [
{
- username: "绠＄悊鍛�",
- ip: "221.182.31.12",
- date: "2022-08-05",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
- },
- {
- date: "2022-08-05",
- username: "绠＄悊鍛�",
- ownedSystem: "",
- largeModuleName: "杩愮淮鐩戞帶",
- smallModuleName: "璧勬簮鎿嶄綔鏃ュ織",
- resourceName: "",
- operationType: "鏌ヨ",
- ip: "221.182.31.12",
+ type: "date",
+ required: true,
+ message: "璇烽�夋嫨鏃ユ湡",
+ trigger: "change",
},
],
- };
+ date2: [
+ {
+ type: "date",
+ required: true,
+ message: "璇烽�夋嫨鏃堕棿",
+ trigger: "change",
+ },
+ ],
+ type: [
+ {
+ type: "array",
+ required: true,
+ message: "璇疯嚦灏戦�夋嫨涓�涓椿鍔ㄦ�ц川",
+ trigger: "change",
+ },
+ ],
+ resource: [
+ { required: true, message: "璇烽�夋嫨娲诲姩璧勬簮", trigger: "change" },
+ ],
+ desc: [{ required: true, message: "璇峰～鍐欐椿鍔ㄥ舰寮�", trigger: "blur" }],
+ },
+ outerVisible: false,
+ innerVisible: false,
+ innerVisible1: false,
+ formInline: {
+ user: "",
+ region: "",
+ },
+ currentPage4: 4,
+ tableData: [
+ {
+ menuname: "鏁版嵁璐ㄦ",
+ parentmenuname: "",
+ dataBulk: "1",
+ creationtime: "2022-7-20",
+ creationname: "寮犱笁",
+ },
+ {
+ menuname: "鏁版嵁浜ゆ崲",
+ parentmenuname: "",
+ dataBulk: "1",
+ creationtime: "2022-7-20",
+ creationname: "寮犱笁",
+ },
+ {
+ menuname: "鏁版嵁绠＄悊",
+ parentmenuname: "",
+ dataBulk: "1",
+ creationtime: "2022-7-20",
+ creationname: "寮犱笁",
+ },
+ {
+ menuname: "鏈嶅姟绠＄悊",
+ parentmenuname: "",
+ dataBulk: "1",
+ creationtime: "2022-7-20",
+ creationname: "寮犱笁",
+ },
+ {
+ menuname: "缁煎悎灞曠ず",
+ parentmenuname: "",
+ dataBulk: "1",
+ creationtime: "2022-7-20",
+ creationname: "寮犱笁",
+ },
+ {
+ menuname: "杩愮淮绠＄悊",
+ parentmenuname: "",
+ dataBulk: "1",
+ creationtime: "2022-7-20",
+ creationname: "寮犱笁",
+ },
+ {
+ menuname: "鑿滃崟绠＄悊",
+ parentmenuname: "杩愮淮绠＄悊",
+ dataBulk: "1",
+ creationtime: "2022-7-20",
+ creationname: "寮犱笁",
+ },
+ {
+ menuname: "鐢ㄦ埛绠＄悊",
+ parentmenuname: "杩愮淮绠＄悊",
+ dataBulk: "1",
+ creationtime: "2022-7-20",
+ creationname: "寮犱笁",
+ },
+ {
+ menuname: "绯荤粺绠＄悊",
+ parentmenuname: "杩愮淮绠＄悊",
+ dataBulk: "1",
+ creationtime: "2022-7-20",
+ creationname: "寮犱笁",
+ },
+ {
+ menuname: "绯荤粺閰嶇疆",
+ parentmenuname: "杩愮淮绠＄悊",
+ dataBulk: "1",
+ creationtime: "2022-7-20",
+ creationname: "寮犱笁",
+ },
+ ],
+ data: [
+ {
+ id: 1,
+ label: "涓�绾� 1",
+ children: [
+ {
+ id: 4,
+ label: "浜岀骇 1-1",
+ children: [
+ {
+ id: 9,
+ label: "涓夌骇 1-1-1",
+ },
+ {
+ id: 10,
+ label: "涓夌骇 1-1-2",
+ },
+ ],
+ },
+ ],
+ },
+ {
+ id: 2,
+ label: "涓�绾� 2",
+ children: [
+ {
+ id: 5,
+ label: "浜岀骇 2-1",
+ },
+ {
+ id: 6,
+ label: "浜岀骇 2-2",
+ },
+ ],
+ },
+ {
+ id: 3,
+ label: "涓�绾� 3",
+ children: [
+ {
+ id: 7,
+ label: "浜岀骇 3-1",
+ },
+ {
+ id: 8,
+ label: "浜岀骇 3-2",
+ children: [
+ {
+ id: 11,
+ label: "涓夌骇 3-2-1",
+ },
+ {
+ id: 12,
+ label: "涓夌骇 3-2-2",
+ },
+ {
+ id: 13,
+ label: "涓夌骇 3-2-3",
+ },
+ ],
+ },
+ ],
+ },
+ ],
+ defaultProps: {
+ children: "children",
+ label: "label",
+ },
+ multipleSelection: [],
+ };
+ },
+ methods: {
+ handleSelectionChange(val) {
+ this.multipleSelection = val;
},
- methods: {
- handleSizeChange(val) {
- console.log(`姣忛〉 ${val} 鏉);
- },
- handleCurrentChange(val) {
- console.log(`褰撳墠椤�: ${val}`);
- },
- onSubmit() {
- console.log("submit!");
- },
- resetForm(formName) {
- this.$refs[formName].resetFields();
- },
+ request(param) {},
+ onSubmit() {
+ console.log("submit!");
},
- created() {},
- };
- </script>
- <style lang="less" scoped>
- //@import url(); 寮曞叆鍏叡css绫�
- .logLog_box {
+ handleDragStart(node, ev) {
+ console.log("drag start", node);
+ },
+ handleDragEnter(draggingNode, dropNode, ev) {
+ console.log("tree drag enter: ", dropNode.label);
+ },
+ handleDragLeave(draggingNode, dropNode, ev) {
+ console.log("tree drag leave: ", dropNode.label);
+ },
+ handleDragOver(draggingNode, dropNode, ev) {
+ console.log("tree drag over: ", dropNode.label);
+ },
+ handleDragEnd(draggingNode, dropNode, dropType, ev) {
+ console.log("tree drag end: ", dropNode && dropNode.label, dropType);
+ },
+ handleDrop(draggingNode, dropNode, dropType, ev) {
+ console.log("tree drop: ", dropNode.label, dropType);
+ },
+ allowDrop(draggingNode, dropNode, type) {
+ if (dropNode.data.label === "浜岀骇 3-1") {
+ return type !== "inner";
+ } else {
+ return true;
+ }
+ },
+ allowDrag(draggingNode) {
+ return draggingNode.data.label.indexOf("涓夌骇 3-2-2") === -1;
+ },
+ handleSizeChange(val) {
+ console.log(`姣忛〉 ${val} 鏉);
+ },
+ handleCurrentChange(val) {
+ console.log(`褰撳墠椤�: ${val}`);
+ },
+ handleCheckChange() {},
+ },
+ created() {
+
+ },
+ mounted(){
+
+ // this.$nextTick(() => {
+ // console.log($t('operatManage.operationLogObj.add'))
+ // });
+ }
+};
+</script>
+<style lang="less" scoped>
+//@import url(); 寮曞叆鍏叡css绫�
+.menuSettings_box {
+ // background: rgb(240, 242, 245);
+ border-radius: 10px;
+ height: 100%;
+ padding: 10px;
+ box-sizing: border-box;
+ display: flex;
+ .menuSettings_tree {
+ width: 344px;
+ height: 100%;
background: rgb(240, 242, 245);
+ padding: 20px;
border-radius: 10px;
+ box-sizing: border-box;
+ overflow: auto;
+ .el-tree {
+ background: transparent;
+ /deep/ .el-tree-node__label {
+ font-size: 18px;
+ }
+ /deep/ .el-tree-node {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ }
+ }
+ }
+ .menuSettings {
+ width: calc(100% - 344px);
+ border-radius: 10px;
+ background: rgb(240, 242, 245);
+ margin-left: 10px;
height: 100%;
padding: 10px;
box-sizing: border-box;
- .el-input {
- width: 300px;
- }
- .inquire {
- height: 110px;
- overflow: auto;
- padding: 10px;
- margin-top: 20px;
+ overflow: auto;
+ .btn_box {
background: #fff;
- border-radius: 5px;
+ padding: 10px;
+ margin-bottom: 24px;
+
+ border-radius: 10px;
border: 1px solid rgb(202, 201, 204);
- margin-bottom: 20px;
- .el-form-item {
- margin: 7px;
+ box-sizing: border-box;
+ .delBtn {
+ margin-left: auto;
+ }
+ .herder_box {
+ padding: 10px;
+ border-bottom: 1px solid #ccc;
+ margin-bottom: 20px;
+ font-size: 14px;
}
}
.table_box {
- height: 65%;
- padding: 10px;
- background: #fff;
- border-radius: 5px;
border: 1px solid rgb(202, 201, 204);
- }
- .text-center {
- text-align: center;
+ border-radius: 10px;
+ background: #fff;
+ padding: 10px;
+ box-sizing: border-box;
+ width: 100%;
+ .el-table__body {
+ width: 100% !important;
+ }
}
}
- </style>
-
\ No newline at end of file
+}
+.avatar-uploader {
+ width: 120px;
+ height: 120px;
+ border: 1px dashed #c0ccda;
+ border-radius: 6px;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+}
+.avatar-uploader:hover {
+ border-color: #409eff;
+}
+.avatar-uploader-icon {
+ font-size: 28px;
+ color: #8c939d;
+ width: 120px;
+ height: 120px;
+ line-height: 120px;
+ text-align: center;
+}
+.avatar {
+ width: 120px;
+ height: 120px;
+ display: block;
+}
+.flexForm {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+</style>
--
Gitblit v1.9.3