From 2bdbe42d8d4b03b46d2066e50e595a06cebd43c2 Mon Sep 17 00:00:00 2001
From: lzhe <181968431@qq.com>
Date: 星期六, 13 四月 2024 22:34:05 +0800
Subject: [PATCH] 1
---
src/views/home/widgets/components/img-logo.png | 0
src/views/login/index.vue | 118 +++++++-------
src/views/master/person/main/personPost.vue | 20 ++
src/layout/components/importTable.vue | 123 +++++++++++---
src/views/home/widgets/components/quesheng.bd026700.png | 0
src/views/home/widgets/components/about.vue | 35 +++-
src/views/master/person/main/personDepartment.vue | 20 ++
src/views/master/person/main/personPerson.vue | 20 ++
src/views/home/widgets/components/welcome.vue | 49 +----
public/img/bg-login.fb434d90.jpg | 0
src/views/login/components/passwordForm.vue | 4
src/views/home/widgets/components/info.76e912c7.png | 0
src/views/home/widgets/components/ver.vue | 58 ++++---
13 files changed, 282 insertions(+), 165 deletions(-)
diff --git a/public/img/bg-login.fb434d90.jpg b/public/img/bg-login.fb434d90.jpg
new file mode 100644
index 0000000..2b73ebc
--- /dev/null
+++ b/public/img/bg-login.fb434d90.jpg
Binary files differ
diff --git a/src/layout/components/importTable.vue b/src/layout/components/importTable.vue
index 2b2ffe0..791d1a5 100644
--- a/src/layout/components/importTable.vue
+++ b/src/layout/components/importTable.vue
@@ -1,55 +1,122 @@
<template>
- <div>
- <el-steps direction="vertical" :active="1">
- <el-step title="鍑嗗鏁版嵁">
- <span class="desc">瀵煎叆鐨勬暟鎹釜鏁伴渶灏忎簬200,鎵�鏈夊厑璁稿鍏ョ殑瀛楁璇峰弬鑰冩ā鏉�;
- <span class="bolder">瀛楁涓嶇鍚堣鍒欙紝鏁存潯鏁版嵁涓嶄簣浠ュ鍏�</span>
- </span>
- <button type="button" class="el-button more-btn el-button--text el-button--mini"><span>鏇村瀛楁瀵煎叆瑙勫垯 <i class="el-icon-arrow-down no-open"></i></span></button>
- <div class="desc">
- <ul class="tip" style="">
- <li>1銆佸憳宸ュ伐鍙凤細蹇呭～锛涘伐鍙蜂笉鍙噸澶嶏紱鏀寔澶у皬鍐欏瓧姣嶃�佹暟瀛楃粍鍚堬紱</li>
- <li>2銆佸憳宸ュ鍚嶏細蹇呭～锛涘鏋滈噸鍚嶏紝寤鸿鍔犳暟瀛楀尯鍒嗭紝濡傗�滃紶涓�1鈥濓紱</li>
- <li>3銆佺姸鎬侊細蹇呭～锛涢�夋嫨鍦ㄨ亴/绂昏亴锛�</li>
- <li>4銆佺數璇濓細蹇呭～锛涘湪鏈紒涓氬唴涓嶅彲閲嶅锛�</li>
- <li>5銆丳IN鐮侊細蹇呭～锛涙敮鎸�4-6浣嶆暟瀛楋紱</li>
- <li>6銆佸矖浣嶏細闈炲繀濉紱鍙互濉叆澶氫釜宀椾綅锛屼互鑻辨枃閫楀彿鈥�,鈥欓棿闅旓紱涓嶅彲閲嶅悕锛�</li>
- <li>7銆侀偖绠憋細闈炲繀濉紱閭鏍煎紡鏍￠獙锛屾瘮濡傗��***@126.com鈥濓紱</li>
- <li>8銆侀儴闂細闈炲繀濉紱璇峰～鍐欓儴闂ㄥ畬鏁村眰绾э紱涓棿闂撮殧锛岃鐢ㄨ嫳鏂囩鍙封��-鈥滈棿闅斻�傚鈥漻x鍏徃-xx閮ㄩ棬-xx鈥�</li>
- <li>9銆佸叆鑱屾棩鏈燂細闈炲繀濉紱鏃ユ湡鏍煎紡鈥淵Y-MM-DD鈥�</li>
- </ul>
- <a class="download el-link el-link--primary is-underline"><i class="el-icon-download"></i><span class="el-link--inner">涓嬭浇妯℃澘</span></a>
- </div>
- </el-step>
- <el-step title="涓婁紶鏁版嵁鏂囦欢"></el-step>
- </el-steps>
- </div>
+ <span>
+ <el-button type="primary" @click="openimport">瀵煎叆</el-button>
+ <el-dialog title="瀵煎叆" v-model="visible" :width="900">
+ <h6><span>1</span>鍑嗗鏁版嵁</h6>
+ <span class="desc">瀵煎叆鐨勬暟鎹釜鏁伴渶灏忎簬200,鎵�鏈夊厑璁稿鍏ョ殑瀛楁璇峰弬鑰冩ā鏉�;
+ <span class="bolder">瀛楁涓嶇鍚堣鍒欙紝鏁存潯鏁版嵁涓嶄簣浠ュ鍏�</span>
+ <span class="more" @click="showDest = !showDest">鏇村瀛楁瀵煎叆瑙勫垯></span>
+ </span>
+ <div class="text-desc" :class="{showDest: showDest}">
+ <ul class="tip">
+ <li>1銆佸憳宸ュ伐鍙凤細蹇呭～锛涘伐鍙蜂笉鍙噸澶嶏紱鏀寔澶у皬鍐欏瓧姣嶃�佹暟瀛楃粍鍚堬紱</li>
+ <li>2銆佸憳宸ュ鍚嶏細蹇呭～锛涘鏋滈噸鍚嶏紝寤鸿鍔犳暟瀛楀尯鍒嗭紝濡傗�滃紶涓�1鈥濓紱</li>
+ <li>3銆佺姸鎬侊細蹇呭～锛涢�夋嫨鍦ㄨ亴/绂昏亴锛�</li>
+ <li>4銆佺數璇濓細蹇呭～锛涘湪鏈紒涓氬唴涓嶅彲閲嶅锛�</li>
+ <li>5銆丳IN鐮侊細蹇呭～锛涙敮鎸�4-6浣嶆暟瀛楋紱</li>
+ <li>6銆佸矖浣嶏細闈炲繀濉紱鍙互濉叆澶氫釜宀椾綅锛屼互鑻辨枃閫楀彿鈥�,鈥欓棿闅旓紱涓嶅彲閲嶅悕锛�</li>
+ <li>7銆侀偖绠憋細闈炲繀濉紱閭鏍煎紡鏍￠獙锛屾瘮濡傗��***@126.com鈥濓紱</li>
+ <li>8銆侀儴闂細闈炲繀濉紱璇峰～鍐欓儴闂ㄥ畬鏁村眰绾э紱涓棿闂撮殧锛岃鐢ㄨ嫳鏂囩鍙封��-鈥滈棿闅斻�傚鈥漻x鍏徃-xx閮ㄩ棬-xx鈥�</li>
+ <li>9銆佸叆鑱屾棩鏈燂細闈炲繀濉紱鏃ユ湡鏍煎紡鈥淵Y-MM-DD鈥�</li>
+ </ul>
+ </div>
+ <div class="exportBtn" @click="exportBtn">涓嬭浇妯℃澘</div>
+ <h6 class="marTop8"><span>2</span>涓婁紶鏁版嵁鏂囦欢</h6>
+ <div class="uploadBtn">
+ <el-upload class="upload" :action="uploadUrl">
+ <el-button type="primary">涓婁紶鏂囦欢</el-button>
+ </el-upload>
+ <div class="uploadBtn-desc">鐩墠鏀寔鐨勬枃浠剁被鍨嬩负.xls,.xlsx</div>
+ </div>
+ <template #footer>
+ <el-button @click="visible=false" >鍙� 娑�</el-button>
+ </template>
+ </el-dialog>
+ </span>
</template>
<script>
export default {
data() {
return {
+ visible: false,
+ showDest: true
}
},
mounted() {
},
+ props: {
+ exportUrl: {type: String, default: true },
+ uploadUrl: {type: String, default: true }
+ },
methods: {
-
+ exportBtn() {
+ this.$HTTP.get(this.exportUrl).then(res=> {
+ if(res.code == 200) {
+ window.open(res.data.link);
+ }
+ })
+ },
+ openimport() {
+ this.visible = true;
+ }
}
}
</script>
<style scoped>
+.showDest {
+ display: none;
+}
.desc {
color: #333;
+ font-size: 14px;
+ padding-left: 25px;
+}
+.tip {
+ list-style: none;
+ margin-left: 40px;
+ margin-top: 8px;
+ font-size: 12px;
}
.desc .bolder {
font-weight: bolder;
}
-.tip {
+h6 {
+ font-size: 14px;
+ margin-bottom:8px;
+}
+h6 span:nth-child(1) {
+ border-radius: 50%;
+ border: 1px solid;
+ text-align: center;
+ background: #fff;
+ width: 20px;
+ height: 20px;
+ font-size: 14px;
+ display: inline-block;
+ margin-right:8px;
+}
+.more {
+ color:#62a5a5;
+ cursor: pointer;
+}
+.marTop8 {
+ margin-top: 8px;
+}
+.uploadBtn {
+ padding-left: 25px;
+ padding-top: 4px;
+}
+.uploadBtn-desc {
+ margin-top:6px;
font-size: 12px;
- padding-left: 16px
+}
+.exportBtn {
+ color: #4f9999;
+ cursor: pointer;
+ margin-left: 40px;
+ margin-top: 8px;
}
</style>
diff --git a/src/views/home/widgets/components/about.vue b/src/views/home/widgets/components/about.vue
index efe806e..447f7ad 100644
--- a/src/views/home/widgets/components/about.vue
+++ b/src/views/home/widgets/components/about.vue
@@ -1,19 +1,25 @@
<template>
- <el-card shadow="hover" header="鍏充簬椤圭洰" class="item-background">
- <p>楂樻�ц兘 / 绮捐嚧 / 浼橀泤銆傚熀浜嶸ue3 + Element-Plus 鐨勪腑鍚庡彴鍓嶇瑙ｅ喅鏂规锛屽鏋滃枩娆㈠氨鐐逛釜鏄熸槦鏀寔涓�涓嬨��</p>
- <p>
- <a href='https://gitee.com/lolicode/scui' target="_blank">
- <img src='https://gitee.com/lolicode/scui/badge/star.svg?theme=dark' alt='star' style="vertical-align: middle">
- </a>
- </p>
+ <el-card shadow="hover" header="淇℃伅鍗�" class="item-background">
+ <div class="informationCar">
+ <div class="informationCar-info">
+ <img src="./img-logo.png">
+ <div>
+ <div>admin</div>
+ <div>admin</div>
+ </div>
+ </div>
+ <img class="car-img" src="./info.76e912c7.png">
+ </div>
+ <ul>
+ <li>涓叺鑸仈</li>
+ <li>鏈粦瀹氬憳宸�</li>
+ </ul>
+ <div class="ver">鐗堟湰鍙�: 93.1.14</div>
</el-card>
</template>
<script>
export default {
- title: "鍏充簬椤圭洰",
- icon: "el-icon-setting",
- description: "鐐逛釜鏄熸槦鏀寔涓�涓�",
data() {
return {
@@ -23,5 +29,14 @@
</script>
<style scoped>
+ .item-background {position: relative;}
.item-background p {color: #999;margin-top:10px;line-height: 1.8;}
+ .informationCar {display: flex;height: 60px;}
+ .car-img {flex: 1;}
+ .informationCar-info {width: 150px;display: flex;height: 50px;align-items: center;}
+ .informationCar-info img {width: 30px;height:30px;}
+ .informationCar-info > div {margin-left: 32px;flex: 1;}
+ .informationCar-info > div div:nth-child(1) {margin-bottom: 8px;font-size: 14px;font-weight: bold;}
+ ul {list-style: none;margin-bottom: 20px;}
+ .ver {position: absolute;bottom: 6px;right: 8px;}
</style>
diff --git a/src/views/home/widgets/components/img-logo.png b/src/views/home/widgets/components/img-logo.png
new file mode 100644
index 0000000..ecd70ca
--- /dev/null
+++ b/src/views/home/widgets/components/img-logo.png
Binary files differ
diff --git a/src/views/home/widgets/components/info.76e912c7.png b/src/views/home/widgets/components/info.76e912c7.png
new file mode 100644
index 0000000..4711923
--- /dev/null
+++ b/src/views/home/widgets/components/info.76e912c7.png
Binary files differ
diff --git a/src/views/home/widgets/components/quesheng.bd026700.png b/src/views/home/widgets/components/quesheng.bd026700.png
new file mode 100644
index 0000000..49819d6
--- /dev/null
+++ b/src/views/home/widgets/components/quesheng.bd026700.png
Binary files differ
diff --git a/src/views/home/widgets/components/ver.vue b/src/views/home/widgets/components/ver.vue
index 0725645..a02f8c3 100644
--- a/src/views/home/widgets/components/ver.vue
+++ b/src/views/home/widgets/components/ver.vue
@@ -1,40 +1,50 @@
<template>
- <el-card shadow="hover" header="鐗堟湰淇℃伅">
- <div style="height: 210px;text-align: center;">
- <img src="img/ver.svg" style="height:140px"/>
- <h2 style="margin-top: 15px;">SCUI {{$CONFIG.CORE_VER}}</h2>
- <p style="margin-top: 5px;">鏈�鏂扮増鏈� {{ver}}</p>
- </div>
- <div style="margin-top: 20px;">
- <el-button type="primary" plain round @click="golog">鏇存柊鏃ュ織</el-button>
- <el-button type="primary" plain round @click="gogit">gitee</el-button>
- </div>
- </el-card>
+ <div>
+ <el-card shadow="hover" header="蹇嵎鍏ュ彛">
+ <ul>
+ <li><div>浜哄伐-閮ㄩ棬</div></li>
+ <li><div class="addMenu" @click="showDrawer">+ 娣诲姞鑿滃崟</div></li>
+ </ul>
+ </el-card>
+ <el-drawer
+ title="鎴戞槸鏍囬"
+ :visible.sync="drawer"
+ :direction="direction"
+ :before-close="handleClose">
+ <span>鎴戞潵鍟�!</span>
+ </el-drawer>
+ </div>
</template>
<script>
export default {
- title: "鐗堟湰淇℃伅",
- icon: "el-icon-monitor",
- description: "褰撳墠椤圭洰鐗堟湰淇℃伅",
data() {
return {
- ver: 'loading...'
+ direction: "rtl",
+ drawer: false
}
},
mounted() {
- this.getVer()
+
},
methods: {
- async getVer(){
- this.ver = "1.0.0"
+ showDrawer() {
+ alert(2)
+ this.drawer = true;
+ alert(3)
},
- golog(){
- window.open("https://gitee.com/lolicode/scui/releases")
- },
- gogit(){
- window.open("https://gitee.com/lolicode/scui")
- }
+ handleClose(done) {
+ this.$confirm('纭鍏抽棴锛�').then(_ => {
+ done();
+ }).catch(_ => {});
+ }
}
}
</script>
+<style scoped>
+ ul {list-style: none;margin-bottom: 10px;overflow: hidden;}
+ ul li {float: left;margin-bottom: 8px;}
+ ul li div {border: 1px solid #3b8e8e;margin-top: 10px;height: 43px;margin-left: 10px;display: flex;align-items: center;justify-content: center;color: #3b8e8e;padding: 7px 15px;border-radius: 2px;border-radius: 2px;white-space: nowrap;cursor: pointer;}
+ ul li div:hover {background-color: #ebf4f4;}
+ .addMenu {border: 1px dashed #3b8e8e;}
+</style>
\ No newline at end of file
diff --git a/src/views/home/widgets/components/welcome.vue b/src/views/home/widgets/components/welcome.vue
index b1bf536..13f8961 100644
--- a/src/views/home/widgets/components/welcome.vue
+++ b/src/views/home/widgets/components/welcome.vue
@@ -1,36 +1,14 @@
<template>
- <el-card shadow="hover" header="娆㈣繋">
- <div class="welcome">
- <div class="logo">
- <img src="img/logo.png">
- <h2>娆㈣繋浣撻獙 SCUI</h2>
- </div>
- <div class="tips">
- <div class="tips-item">
- <div class="tips-item-icon"><el-icon><el-icon-menu/></el-icon></div>
- <div class="tips-item-message">杩欓噷鏄」鐩帶鍒跺彴锛屼綘鍙互鐐瑰嚮鍙充笂鏂圭殑鈥滆嚜瀹氫箟鈥濇寜閽潵娣诲姞绉婚櫎鎴栬�呯Щ鍔ㄩ儴浠躲��</div>
- </div>
- <div class="tips-item">
- <div class="tips-item-icon"><el-icon><el-icon-promotion/></el-icon></div>
- <div class="tips-item-message">鍦ㄦ彁楂樺墠绔畻鍔涖�佸噺灏戝甫瀹借姹傚拰浠ｇ爜鎵ц鍔涗笂澶氭浼樺寲锛屽苟涓旀寔缁潃銆�</div>
- </div>
- <div class="tips-item">
- <div class="tips-item-icon"><el-icon><el-icon-milk-tea/></el-icon></div>
- <div class="tips-item-message">椤圭洰鐩殑锛氳鍓嶇宸ヤ綔鏇村揩涔�</div>
- </div>
- </div>
- <div class="actions">
- <el-button type="primary" icon="el-icon-check" size="large" @click="godoc">鏂囨。</el-button>
- </div>
+ <el-card shadow="hover" header="鍏憡">
+ <div class="announcement">
+ <img src="./quesheng.bd026700.png">
+ <div>鏆傛棤鍐呭</div>
</div>
</el-card>
</template>
<script>
export default {
- title: "娆㈣繋",
- icon: "el-icon-present",
- description: "椤圭洰鐗硅壊浠ュ強鏂囨。閾炬帴",
data() {
return {
@@ -45,15 +23,12 @@
</script>
<style scoped>
- .welcome {}
- .welcome .logo {text-align: center;}
- .welcome .logo img {vertical-align: bottom;width: 100px;height: 100px;margin-bottom: 20px;}
- .welcome .logo h2 {font-size: 30px;font-weight: normal;display: flex;align-items: center;justify-content: center;}
-
- .tips {margin-top: 20px;padding:0 40px;}
- .tips-item {display: flex;align-items: center;justify-content: center;padding:7.5px 0;}
- .tips-item-icon {width: 40px;height:40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 18px;margin-right: 20px;color: var(--el-color-primary);background: rgba(180,180,180,0.1);}
- .tips-item-message {flex: 1;font-size: 14px;}
-
- .actions {text-align: center;margin: 40px 0 20px 0;}
+ .announcement {
+ text-align: center;
+ }
+ .announcement img {
+ text-align: center;
+ width:150px;
+ height:150px;
+ }
</style>
diff --git a/src/views/login/components/passwordForm.vue b/src/views/login/components/passwordForm.vue
index 96aeeb0..99e6d5e 100644
--- a/src/views/login/components/passwordForm.vue
+++ b/src/views/login/components/passwordForm.vue
@@ -153,6 +153,6 @@
</script>
<style>
-.login-form {margin: 0 auto;margin-top: 46px;width: 354px;}
-.inputHeight {height: 60px;line-height: 60px;}
+.login-form {margin: 0 auto;margin-top: 46px;width: 294px;}
+.inputHeight {height: 40px;line-height: 40px;}
</style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index cd988fc..468e253 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,17 +1,16 @@
<template>
<div class="login_bg">
- <div class="login_adv" style="background-image: url(img/auth_banner.jpg);">
- <div class="login_log">
- <img src="./loginlog.png" />
- </div>
- <div class="login_adv__bottom">漏 {{$CONFIG.APP_NAME}}</div>
- </div>
- <div class="login_main">
- <div class="login-form">
- <div class="title-name">鍗忓悓鍒堕�犵鐞嗙郴缁�</div>
- <password-form></password-form>
- </div>
- </div>
+ <div class="login_adv" style="background-image: url(img/bg-login.fb434d90.jpg);">
+ <div class="login_adv__bottom">
+ 漏 {{$CONFIG.APP_NAME}}
+ </div>
+ </div>
+ <div class="login_main">
+ <div class="login-form">
+ <div class="title-name">鍒堕�犱俊鎭鐞嗙郴缁�</div>
+ <password-form></password-form>
+ </div>
+ </div>
</div>
</template>
@@ -80,53 +79,50 @@
<style scoped>
.login_bg {width: 100%;height: 100%;background: #fff;display: flex;}
- .login_adv {width: 33.3%;background-color: #555;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}
- .login_adv .login_log {text-align: center;}
- .login_adv .login_log img {width:80%;padding-top:40%;}
- .login_adv__title {color: #fff;padding: 40px;position: absolute;top:0px;left:0px;right: 0px;z-index: 2;}
- .login_adv__title h2 {font-size: 40px;}
- .login_adv__title h4 {font-size: 18px;margin-top: 10px;font-weight: normal;}
- .login_adv__title p {font-size: 14px;margin-top:10px;line-height: 1.8;color: rgba(255,255,255,0.6);}
- .login_adv__title div {margin-top: 10px;display: flex;align-items: center;}
- .login_adv__title div span {margin-right: 15px;}
- .login_adv__title div i {font-size: 40px;}
- .login_adv__title div i.add {font-size: 20px;color: rgba(255,255,255,0.6);}
- .login_adv__bottom {position: absolute;left:0px;right: 0px;bottom: 0px;color: #fff;padding: 40px;background-image:linear-gradient(transparent, #000);z-index: 3;}
- .login_adv__mask {position: absolute;top:0px;left:0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.5);z-index: 1;}
-
- .login_main {display: flex;flex: 1;align-items: center;background: #fff;text-align: center;}
- .login-form {}
- .login-header {margin-bottom: 40px;}
- .login-header .logo {display: flex;align-items: center;}
- .login-header .logo img {width: 40px;height: 40px;vertical-align: bottom;margin-right: 10px;}
- .login-header .logo label {font-size: 26px;font-weight: bold;}
- .login-oauth {display: flex;justify-content:space-around;}
- .login-form .el-divider {margin-top:40px;}
-
- .login-form {}
- .login-form:deep(.el-tabs) .el-tabs__header {margin-bottom: 25px;}
- .login-form:deep(.el-tabs) .el-tabs__header .el-tabs__item {font-size: 14px;}
-
- .login-form:deep(.login-forgot) {text-align: right;}
- .login-form:deep(.login-forgot) a {color: var(--el-color-primary);}
- .login-form:deep(.login-forgot) a:hover {color: var(--el-color-primary-light-3);}
- .login-form:deep(.login-reg) {font-size: 14px;color: var(--el-text-color-primary);}
- .login-form:deep(.login-reg) a {color: var(--el-color-primary);}
- .login-form:deep(.login-reg) a:hover {color: var(--el-color-primary-light-3);}
-
- .login_config {position: absolute;top:20px;right: 20px;}
-
- .login-form:deep(.login-msg-yzm) {display: flex;width: 100%;}
- .login-form:deep(.login-msg-yzm) .el-button {margin-left: 10px;--el-button-size:42px;}
-
- .qrCodeLogin {text-align: center;position: relative;padding: 20px 0;}
- .qrCodeLogin img.qrCode {background: #fff;padding:20px;border-radius:10px;}
- .qrCodeLogin p.msg {margin-top: 15px;}
- .qrCodeLogin .qrCodeLogin-result {position: absolute;top:0;left:0;right: 0;bottom: 0;text-align: center;background: var(--el-mask-color);}
- .title-name {font-weight: 900;font-size: 24px;color: rgb(59, 142, 142);margin-top: 56px;line-height: 24px;margin-bottom:46px;}
- @media (max-width: 1000px){
- .login_main {display: block;}
- .login_main .login_config {position: static;padding:20px 20px 0 20px;text-align: right;}
- .login_adv {display: none;}
- }
+ .login_adv {width: 100%;background-color: #555;background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;}
+ .login_adv__title {color: #fff;padding: 40px;position: absolute;top:0px;left:0px;right: 0px;z-index: 2;}
+ .login_adv__title h2 {font-size: 40px;}
+ .login_adv__title h4 {font-size: 18px;margin-top: 10px;font-weight: normal;}
+ .login_adv__title p {font-size: 14px;margin-top:10px;line-height: 1.8;color: rgba(255,255,255,0.6);}
+ .login_adv__title div {margin-top: 10px;display: flex;align-items: center;}
+ .login_adv__title div span {margin-right: 15px;}
+ .login_adv__title div i {font-size: 40px;}
+ .login_adv__title div i.add {font-size: 20px;color: rgba(255,255,255,0.6);}
+ .login_adv__bottom {position: absolute;left:0px;right: 0px;bottom: 0px;color: #fff;padding: 40px;background-image:linear-gradient(transparent, #000);z-index: 3;}
+ .login_adv__mask {position: absolute;top:0px;left:0px;right: 0px;bottom: 0px;background: rgba(0,0,0,0.5);z-index: 1;}
+ .login_main {position: absolute;top: 0;right:118px;width: 370px;height: 440px;top: 52%;-webkit-transform: translateY(-50%);transform: translateY(-50%);background: #fff;text-align: center;padding: 22px 25px 28px;}
+ .login-form {}
+ .login-header {margin-bottom: 40px;}
+ .login-header .logo {display: flex;align-items: center;}
+ .login-header .logo img {width: 40px;height: 40px;vertical-align: bottom;margin-right: 10px;}
+ .login-header .logo label {font-size: 26px;font-weight: bold;}
+ .login-oauth {display: flex;justify-content:space-around;}
+ .login-form .el-divider {margin-top:40px;}
+
+ .login-form {}
+ .login-form:deep(.el-tabs) .el-tabs__header {margin-bottom: 25px;}
+ .login-form:deep(.el-tabs) .el-tabs__header .el-tabs__item {font-size: 14px;}
+
+ .login-form:deep(.login-forgot) {text-align: right;}
+ .login-form:deep(.login-forgot) a {color: var(--el-color-primary);}
+ .login-form:deep(.login-forgot) a:hover {color: var(--el-color-primary-light-3);}
+ .login-form:deep(.login-reg) {font-size: 14px;color: var(--el-text-color-primary);}
+ .login-form:deep(.login-reg) a {color: var(--el-color-primary);}
+ .login-form:deep(.login-reg) a:hover {color: var(--el-color-primary-light-3);}
+
+ .login_config {position: absolute;top:20px;right: 20px;}
+
+ .login-form:deep(.login-msg-yzm) {display: flex;width: 100%;}
+ .login-form:deep(.login-msg-yzm) .el-button {margin-left: 10px;--el-button-size:42px;}
+
+ .qrCodeLogin {text-align: center;position: relative;padding: 20px 0;}
+ .qrCodeLogin img.qrCode {background: #fff;padding:20px;border-radius:10px;}
+ .qrCodeLogin p.msg {margin-top: 15px;}
+ .qrCodeLogin .qrCodeLogin-result {position: absolute;top:0;left:0;right: 0;bottom: 0;text-align: center;background: var(--el-mask-color);}
+ .title-name {font-weight: 900;font-size: 24px;color: #409eff;margin-top: 56px;line-height: 24px;margin-bottom:46px;}
+ @media (max-width: 1000px){
+ .login_main {display: block;}
+ .login_main .login_config {position: static;padding:20px 20px 0 20px;text-align: right;}
+ .login_adv {display: none;}
+ }
</style>
diff --git a/src/views/master/person/main/personDepartment.vue b/src/views/master/person/main/personDepartment.vue
index 347dd2f..99f00f0 100644
--- a/src/views/master/person/main/personDepartment.vue
+++ b/src/views/master/person/main/personDepartment.vue
@@ -12,6 +12,10 @@
<div class="right-top">
<div class="right-bottom">
<el-button type="primary" @click="addPerson">+ 娣诲姞閮ㄩ棬</el-button>
+ <!-- 瀵煎叆 -->
+ <import-table class="exportBtn" :exportUrl="exportUrl" :uploadUrl="uploadUrl"></import-table>
+ <!-- 瀵煎嚭 -->
+ <el-button type="primary" @click="getExport">瀵煎嚭</el-button>
<el-button type="danger" plain @click="delPerson">鍒犻櫎</el-button>
</div>
<div>
@@ -68,11 +72,14 @@
<save-dialog v-if="dialog.save" ref="saveDialog" @success="addHandleSuccess" @closed="dialog.save=false"></save-dialog>
</template>
<script>
+ import importTable from '@/layout/components/importTable.vue'
import saveDialog from './department'
export default {
name: "bakalaka",
data(){
return {
+ uploadUrl: "/api/blade-cps/group/import?groupType=group_organization&groupCategory=1",
+ exportUrl: "/api/blade-cps/organization/export-template",
selectId: "",
selection: [],
total: 0,
@@ -99,9 +106,16 @@
this.getOrganizationList();
},
components: {
- saveDialog
+ saveDialog,importTable
},
methods: {
+ getExport() {
+ this.$HTTP.get(`/api/blade-cps/organization/export-organization?`+this.$TOOL.qsStringify(this.searchData)).then(res=> {
+ if(res.code == 200) {
+ window.open(res.data.link);
+ }
+ })
+ },
addHandleSuccess() {
this.getOrganizationList();
},
@@ -314,4 +328,8 @@
line-height: 20px;
margin-right: 6px;
}
+ .exportBtn {
+ margin-left:8px;
+ margin-right:8px;
+ }
</style>
diff --git a/src/views/master/person/main/personPerson.vue b/src/views/master/person/main/personPerson.vue
index 8886cb4..981cc55 100644
--- a/src/views/master/person/main/personPerson.vue
+++ b/src/views/master/person/main/personPerson.vue
@@ -40,6 +40,10 @@
<div class="right-bottom">
<el-button type="primary" @click="addPerson">+ 娣诲姞鍛樺伐</el-button>
<el-button type="primary" @click="changeDepartment">閮ㄩ棬璋冩暣</el-button>
+ <!-- 瀵煎叆 -->
+ <import-table class="exportBtn" :exportUrl="exportUrl" :uploadUrl="uploadUrl"></import-table>
+ <!-- 瀵煎嚭 -->
+ <el-button type="primary" @click="getExport">瀵煎嚭</el-button>
<el-button type="danger" plain @click="delPerson">鍒犻櫎</el-button>
</div>
<div class="right-table">
@@ -125,11 +129,14 @@
<save-dialog v-if="dialog.save" ref="saveDialog" @success="personHandleSuccess" @closed="dialog.save=false"></save-dialog>
</template>
<script>
+ import importTable from '@/layout/components/importTable.vue'
import saveDialog from './save'
export default {
name: "personPerson",
data(){
return {
+ uploadUrl: "/api/blade-cps/employee/import-employee",
+ exportUrl: "/api/blade-cps/employee/export-template",
titleList: [],
delPersonModel: false,
searchIcon: "el-icon-search",
@@ -174,9 +181,16 @@
this.getOrganizationList(); //閮ㄩ棬
},
components: {
- saveDialog
+ saveDialog,importTable
},
methods: {
+ getExport() {
+ this.$HTTP.get(`/api/blade-cps/employee/export-employee?`+this.$TOOL.qsStringify(this.searchData)).then(res=> {
+ if(res.code == 200) {
+ window.open(res.data.link);
+ }
+ })
+ },
parentIdChange(val) {
// var $parentId = this.$refs.parentTree.getCurrentNode().title;
// this.depatmentForm.$parentId = $parentId;
@@ -494,4 +508,8 @@
line-height: 20px;
margin-right: 6px;
}
+ .exportBtn {
+ margin-left:8px;
+ margin-right:8px;
+ }
</style>
diff --git a/src/views/master/person/main/personPost.vue b/src/views/master/person/main/personPost.vue
index c1312b3..a6cccdd 100644
--- a/src/views/master/person/main/personPost.vue
+++ b/src/views/master/person/main/personPost.vue
@@ -12,6 +12,10 @@
<div class="right-top">
<div class="right-bottom">
<el-button type="primary" @click="addPerson">+ 娣诲姞宀椾綅</el-button>
+ <!-- 瀵煎叆 -->
+ <import-table class="exportBtn" :exportUrl="exportUrl" :uploadUrl="uploadUrl"></import-table>
+ <!-- 瀵煎嚭 -->
+ <el-button type="primary" @click="getExport">瀵煎嚭</el-button>
<el-button type="danger" plain @click="delPerson">鍒犻櫎</el-button>
</div>
<div>
@@ -68,11 +72,14 @@
</el-dialog>
</template>
<script>
+ import importTable from '@/layout/components/importTable.vue'
import saveDialog from './post'
export default {
name: "bakalaka",
data(){
return {
+ uploadUrl: "/api/blade-system/post/import-post",
+ exportUrl: "/api/blade-system/post/export-template",
totle: "0",
postSearchData: {
current: 1,
@@ -97,9 +104,16 @@
this.getPost();
},
components: {
- saveDialog
+ saveDialog,importTable
},
methods: {
+ getExport() {
+ this.$HTTP.get(`/api/blade-system/post/export-post?`+this.$TOOL.qsStringify(this.postSearchData)).then(res=> {
+ if(res.code == 200) {
+ window.open(res.data.link);
+ }
+ })
+ },
delData(type) {
this.$HTTP.post(`/api/blade-system/post/remove?ids=${this.selectId}&type=${type}`).then(res=> {
if(res.code == 200) {
@@ -300,4 +314,8 @@
line-height: 20px;
margin-right: 6px;
}
+ .exportBtn {
+ margin-left:8px;
+ margin-right:8px;
+ }
</style>
--
Gitblit v1.9.3