From cb3da48473ece18d1a6a83d2aae0715741790b5f Mon Sep 17 00:00:00 2001 From: kun <1422840143@qq.com> Date: Wed, 20 Mar 2024 18:13:55 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8A=9F=E8=83=BD=E6=A8=A1=E5=9D=97?= =?UTF-8?q?=E6=96=B0=E5=A2=9E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/emailIcon.png | Bin 0 -> 1294 bytes src/assets/images/enterpriseIcon.png | Bin 0 -> 1371 bytes src/assets/images/tableIcon/auditPassIcon.png | Bin 0 -> 796 bytes src/assets/images/tableIcon/noPassIcon.png | Bin 0 -> 1682 bytes src/assets/images/tableIcon/relativeIcon.png | Bin 0 -> 457 bytes src/assets/images/userNameIcon.png | Bin 0 -> 2590 bytes src/assets/js/http.js | 4 +- src/components/closePage.vue | 2 +- src/router/index.js | 3 +- src/views/companyAdmin/companyDiagram.vue | 2183 ++++++++++------- src/views/home/login_v2.vue | 1210 +++++++++ src/views/jxjadmin/systemSettings.vue | 68 +- 12 files changed, 2552 insertions(+), 918 deletions(-) create mode 100644 src/assets/images/emailIcon.png create mode 100644 src/assets/images/enterpriseIcon.png create mode 100644 src/assets/images/tableIcon/auditPassIcon.png create mode 100644 src/assets/images/tableIcon/noPassIcon.png create mode 100644 src/assets/images/tableIcon/relativeIcon.png create mode 100644 src/assets/images/userNameIcon.png create mode 100644 src/views/home/login_v2.vue diff --git a/src/assets/images/emailIcon.png b/src/assets/images/emailIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..9663be01a2c3e3159bcebff97785cda8e57d01a7 GIT binary patch literal 1294 zcmV+p1@ZccP)@~0drDELIAGL9O(c600d`2O+f$vv5yPy z8%G=m@ZSsu(NoQ}QdReWdf{Nw7r<0%flHY<_nN#wnm#}=eF1oa*uAzXYv<6INM-W` zH3x1{gfHzi4pIV`cqhM~*Gug2%>IvUtb8RaSK-$xe4u^H4f=^(i-n!_=kN@6=DNF#i1&U_~ zj5WE9Em;9HXg#&QyFrqE%Xcs1!Fj!OXVr;a85N$%^ZT?&>!yhV73QcwP z<;(v{25b|L`Ho*#>f1^ax+pdZj+DQvWs^V?_WZn4>N>Jwz^>CV`|Ts3TXJ*n?q+Gy z=wa+|@Yt$hu#`|>3ZW6Wr+z;Uv}Iw}bKWVNuy|}cVX&0YU`kPJmdA}IEbvYlM{^_l zmyUBlScs5FU`habA5x4zR_+yxTMr>(B7-SD=%4?x8Wl((!Pw0*#7HbK#e~M;St%*{ zV__+=!IVCFqz)1K&}uX*mKAxrsL^QP=AHeIfu$q@QxIL%p)vW-;WIl5`pFZUy}5u# zR5g?$nyuJLilrn5QwYs~ui~{;yM`V*%uFa@ue(=|=SQUM1fk3%;j zT1pAET5ZXIb=TosLP|*mY~cg}-iEgS?1>&-tJRkrxp-{C0yPQvz>(G{EipI*)=Lk4 zc=+MK@dT_%SfsIR(2PoI=tN-mfJd>^no4kV4+S}3vWnf7O&{q_59idC-0kIkrA@SJdwL`(UHM^SY6j~Pi)ojvaEt;cVfK}SFW!G>3^VN4iw#>udX^H+c6xd-;6|P z(w%emeA=;taYtMAC446T2Nzd|$^fePPj29;P7Z+$nOdwDKeW1P5cmYKVw_l-aF3g} zZ-HH0T~;__rU6C|OqD*Tmf&sBy1wROe!d%Of;)vUNGpu*<5mArQ}8My9jG%7BY)U} zmpzx6cbYQA;}~0{{-(vdwZ?Jw(^b07*qoM6N<$ Ef@6VWk^lez literal 0 HcmV?d00001 diff --git a/src/assets/images/enterpriseIcon.png b/src/assets/images/enterpriseIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..7f958689a10d83c891b2fb4f29e72edb66663b6e GIT binary patch literal 1371 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 literal 0 HcmV?d00001 diff --git a/src/assets/images/tableIcon/relativeIcon.png b/src/assets/images/tableIcon/relativeIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..00534200289aad9393e6542c68436df3edea10a6 GIT binary patch literal 457 zcmV;)0XF`LP)P001)x1^@s6V&0=O00009a7bBm001mY z001mY0i`{bsQ>@~0drDELIAGL9O(c600d`2O+f$vv5yPO` z!!Qtr?@vsTkPvhOGeJ87VS;o5vO!0P*#H&*-gzJ!kPTo1vO$ALkq{!sIV4ikm!?Xn zisb(xj!(8fMR#`ogvec>W0uBrd<-n7*zPGtM9Y4UC?JcS^%+!DV@& zfWtfK`~|>jOz>jGL>hI3xxA6)h5ASqlq5_6Z*IE)P1M?mBr(S+^-vTu}2iX&dlG7n$ zroptVUbDz$&8!Y(>M=eFXh1!fiXz5@&YGA@yn{H%W~tfL$CI?$c9_*HF{55yxU#7z z0>HnmL$8hD*1!GFA>F;MTXu()VN4C4T=PYl%k~ znnF_#<+LQv^Czo@v2u`9AIr`EkiJ?4SSR@d#VB4b|FZeo00000NkvXXu0mjfAql=Q literal 0 HcmV?d00001 diff --git a/src/assets/images/userNameIcon.png b/src/assets/images/userNameIcon.png new file mode 100644 index 0000000000000000000000000000000000000000..aa42eeb7b8c0352812f487755f1bd9be9ba88781 GIT binary patch literal 2590 zcmV+(3gPvMP)@~0drDELIAGL9O(c600d`2O+f$vv5yPbh{%H2Y97kW^VHqK#;2%X)yw^#jzDA0Uojpq8>U>JBBq zu@fL6-BlMw>*Lq%6(cAt}urQnK7m2PJs}C5>&B0&#~vGzaE^q}t2*{Cmp~GX_Q)+bslXo06_Du+;6qi^Z!kI*oyl zwzl^96<6U(AD23))S65rDz4hwBm%q}7eusBVoH*uKu=105?`VJ^G;mq8arvd2@_RR z?y8ca_+cLgy;Lf}(`s#jRPhG=Gu!3T$~Nr28HdEhN*dcRQpt@l$snmIOTeqgk%)fC zqxUae%K!NtFpStpYY`?&puHiIF2H5Fp-&(Jn7C@SHVGgJlUCMjPtt=dfFT$sjin4Uc8o%a+ZR80 zZxv$1`|syah}uPHhbjjlr2OcPcXW#mvUp&9V}X&aP!3buvg3LYK*q4h#{^M1uZAU8s|V2rxz(h2j&M z)uEQ$Qs})nU>LESJzsU0Q%}Tg&1$UmfL>@eoBU$@JH#w$Dhoq|l$9$!wUk zX#w|6g^&pt5-3Om*L|MRrP{0T+<^!%N1Cggz*;=@&Aw1Bmnq;L)m84DsKpjzq=f~N zt!9?Nqh7BIsYEapgb+D)G)7vxqU8A3m4XEr0-mc;P9XS6W37Dz5nrR-SBi5grzUpIYOz(_KabiGzqm&^wl77 zxLXi`)D7; zc_6hdQh|oT0+-K+&cQv`#VH}kMoM|Uk4ERy-9Fkuo4CIY;4}YAgk6ZUJ$_*6?h)$^ zB2E4YV#wKdKo6xTp!Qa?nQ|aT#QM}ZrBE!EDQ&bTT(>z#zW*bLKgU)k8@Yn$e(Jhu zoS&Zt(};~UuOD`M`y60;iIR~^anBEE;5nE$$TLpblP6DLbMpsLtJM~SlpjYV3)`8RGbLF8)y?*b3J?aIjhE}-MGzyH6#;W+@1&GF8b15t`_W@f?%UDzj|4HY<@=?6q z-MddwdiXDIvtoiHVV8OI>8rI=%eu4(eQw%aI2z6h-L? zs695-9l5@~4h=UkXMuGE0XfCp>%KPVfnCaEQkCNn7l|~sU*CN5KPK!e=-wZJ?b*zm zamG*W2biTNQ-IcKq1*j=>S|fd%Ixec90kWFt@Q<)WWVsMF2)|)qdbd)oC5BjJh7!* zcTxQ!U7SCH#2t$?mauQX{r`fi;8qvHDlU=r;ee-p58^J7XSL?1_#`qJa+#Mp+Iuaz z+AncOChet!sjngQTR=&|?!}WZsPB`yu*z7AxcaYG=jVUl^F5D5+DoG^zYdWwq%_UV zOP6K}aKdn4ek$brE4KDPTzDfhveC;q9O>-Y_L5;Xj0d+CPaS;$2w_N%%!?a)hq8;P01N)MR(p*y6f!do3`MFTj z(wC%p2|+4afIh6i(?S@7ZC11SD~i*^1--<<Ol zwes|7ZSj>p$Ue=4G1xf>l*^pF4DRANR#Shig3*;UFTMf1rr9Egpp4Fi4-5JHyQG7= zJnHE9_gGDdgPeaolr(18<$zEJ$-lHRoF7Lr4W1FrWG2Y_bDcK0tw?qK(iTb@OPOvC zJ&xk*u+f^@OFbg57q~CF-?#nJrX{Vbl<9}-Pd&!Rxz`$&HC+J#Y15L{P0C&swe+KP zbV^lptzv#@(~@@9q^yIvIjTiN{kB%x6z<1u0n*mj|4nvY=q7|;St;v)odUqbmR8!N zb$PW|^v>J?(i)BL=RkX0dbOpjgG|OFMdRo&Gp&Vb-g{FGzNZB z29ZvuDQ$!rfe|m&v$(bvG8v2<4Z@dhojmbBe{A)elL5_V7sPN zlJDK|@9mQ&l{TO~lTy}!5EeVa;KcNSzh?vgDaKaM(}1xtiLz AH~;_u literal 0 HcmV?d00001 diff --git a/src/assets/js/http.js b/src/assets/js/http.js index 10ede28b..1b2b505a 100644 --- a/src/assets/js/http.js +++ b/src/assets/js/http.js @@ -73,7 +73,7 @@ if (process.env.NODE_ENV == 'development') { // axios.defaults.baseURL = 'http://101.43.164.214:12350/'//中建五局线上 // axios.defaults.baseURL = 'http://182.90.224.147:15551/'//港投(成润)项目线上(1) // axios.defaults.baseURL = 'http://118.121.198.147:23232/'//港投(成润)正式 - axios.defaults.baseURL ='http://jxj.zhgdyun.com:100/' //演示平台/· + // axios.defaults.baseURL ='http://jxj.zhgdyun.com:100/' //演示平台/· // axios.defaults.baseURL ='http://192.168.34.221:8188/' //郭圣雄本地 // axios.defaults.baseURL ='http://192.168.34.221:30001/' //郭圣雄本地 // axios.defaults.baseURL ='http://192.168.34.221:12350/' //金林湾本地 @@ -83,7 +83,7 @@ if (process.env.NODE_ENV == 'development') { // axios.defaults.baseURL ='http://101.43.164.214:45001/' //上海张江 // axios.defaults.baseURL ='http://101.43.164.214:45011/' //上海优益(上海建工) // axios.defaults.baseURL = 'http://192.168.34.221:28889/' //郭圣雄本地 - // axios.defaults.baseURL ='http://192.168.34.221:9111/' //郭圣雄本地 + axios.defaults.baseURL ='http://192.168.34.221:9111/' //郭圣雄本地 // axios.defaults.baseURL = 'http://192.168.34.155:19111/' //彭洁本地 // axios.defaults.baseURL = 'http://182.90.224.237:51234' //郭圣雄远程 // axios.defaults.baseURL ='http://101.43.164.214:45020/' //沈阳和盈 diff --git a/src/components/closePage.vue b/src/components/closePage.vue index ad7faf78..81ca4da7 100644 --- a/src/components/closePage.vue +++ b/src/components/closePage.vue @@ -33,7 +33,7 @@ export default { // }) if ( this.styleType != 3 && this.$route.path.indexOf('/project/dataBoard') != -1 || - this.$route.path.indexOf('/project/videoOverview') != -1 || this.$route.path.indexOf('/project/environmentalOverview') != -1 || + this.$route.path.indexOf('/project/videoOverview') != -1 || this.$route.path.indexOf('/project/replayVideo') != -1 || this.$route.path.indexOf('/project/environmentalOverview') != -1 || this.$route.path.indexOf('/project/projectSummary') != -1 || this.$route.path.indexOf('/project/imgRanging') != -1 || this.$route.path.indexOf('/project/warningManage') != -1 ) { console.log(window.location.href.split('#/')[0] + '#/projectIndex') diff --git a/src/router/index.js b/src/router/index.js index 4b6eaaee..37b22b21 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -20,7 +20,8 @@ const routes2 = [ path: "/login", name: "login", // component: () => import('../views/home/login.vue') - component: () => import("../views/home/login_v1.vue"), + // component: () => import("../views/home/login_v1.vue"), + component: () => import("../views/home/login_v2.vue"), }, { path: "/sign", diff --git a/src/views/companyAdmin/companyDiagram.vue b/src/views/companyAdmin/companyDiagram.vue index 99aac144..f9117875 100644 --- a/src/views/companyAdmin/companyDiagram.vue +++ b/src/views/companyAdmin/companyDiagram.vue @@ -8,7 +8,7 @@ v-if=" ($store.state.userInfo.addProjectType == 1 && $store.state.userInfo.accountType != 7) || - $store.state.userInfo.addProjectType == 0 + $store.state.userInfo.addProjectType == 0 " class="plusBtn" @click=" @@ -69,7 +69,7 @@
-

{{ $t('message.videoManage.empty') }}

+

{{ $t("message.videoManage.empty") }}

@@ -138,13 +138,17 @@ > 上传账号 +
+ + 调整组织 +
- {{ $t('message.deviceManage.edit') }} + {{ $t("message.deviceManage.edit") }}
- {{ $t('message.deviceManage.delete') }} + {{ $t("message.deviceManage.delete") }}
@@ -190,7 +194,7 @@ width="15px" height="15px" /> - {{ $t('message.deviceManage.edit') }} + {{ $t("message.deviceManage.edit") }}
- {{ $t('message.deviceManage.delete') }} + {{ $t("message.deviceManage.delete") }} +
+ + + + + + + + + + + + + + + + + + + + + + + + @@ -244,7 +378,7 @@ {{ $t( - 'message.companyDiagram.dialog_ProjectPop_up.coordinatePicking' + "message.companyDiagram.dialog_ProjectPop_up.coordinatePicking" ) }} @@ -330,14 +464,14 @@ @click="addCompanyDialog = false" icon="el-icon-circle-close" size="medium" - >{{ $t('message.companyDiagram.cancel') }} + >{{ $t("message.companyDiagram.cancel") }} {{ $t('message.companyDiagram.determine') }} + >{{ $t("message.companyDiagram.determine") }} @@ -435,14 +569,14 @@ @click="addAccountDialog = false" icon="el-icon-circle-close" size="medium" - >{{ $t('message.companyDiagram.cancel') }} + >{{ $t("message.companyDiagram.cancel") }} {{ $t('message.companyDiagram.determine') }} + >{{ $t("message.companyDiagram.determine") }} @@ -535,7 +669,7 @@ {{ $t( - 'message.companyDiagram.dialog_ProjectPop_up.coordinatePicking' + "message.companyDiagram.dialog_ProjectPop_up.coordinatePicking" ) }} @@ -608,7 +742,7 @@ :placeholder="$t('message.companyDiagram.PleaseSelect')" > {{ $t('message.companyDiagram.cancel') }} + >{{ $t("message.companyDiagram.cancel") }} {{ $t('message.companyDiagram.determine') }} + >{{ $t("message.companyDiagram.determine") }} @@ -986,14 +1120,121 @@ @click="addJobDialog = false" icon="el-icon-circle-close" size="medium" - >{{ $t('message.companyDiagram.cancel') }} + >{{ $t("message.companyDiagram.cancel") }} {{ $t('message.companyDiagram.determine') }} + >{{ $t("message.companyDiagram.determine") }} + + + + + + +
+ + +
+
+ {{ selectTree.label || "请选择" }} + + +
+
+ + + +
+
+
+
+ +
+
+ + +
+
+ + + +
+
@@ -1001,7 +1242,7 @@ \ No newline at end of file + diff --git a/src/views/home/login_v2.vue b/src/views/home/login_v2.vue new file mode 100644 index 00000000..c3eee1ea --- /dev/null +++ b/src/views/home/login_v2.vue @@ -0,0 +1,1210 @@ + + + diff --git a/src/views/jxjadmin/systemSettings.vue b/src/views/jxjadmin/systemSettings.vue index ebf6f6d5..eacb9e5b 100644 --- a/src/views/jxjadmin/systemSettings.vue +++ b/src/views/jxjadmin/systemSettings.vue @@ -8,7 +8,7 @@ :model="form" ref="form" :rules="rules" - label-width="160px" + label-width="165px" > @@ -132,6 +132,23 @@ > + + +
+
+ 未选择 + + +
+
+
+ 测试企业 + +
+
+
+
+
@@ -275,6 +292,13 @@ export default { ), trigger: 'blur' } + ], + auditCompany: [ + { + required: true, + message: '请选择', + trigger: 'change' + } ] }, dialogVisible: false, @@ -282,7 +306,15 @@ export default { fileList: [], fileList2: [], fileList3: [], - fileList4: [] + fileList4: [], + companyList: [ + {name: '测试企业1',checked: false}, + {name: '测试企业2',checked: false}, + {name: '测试企业3',checked: true}, + {name: '测试企业4',checked: false}, + {name: '测试企业5',checked: true} + ], + isSelectCompany: false } }, mounted() { @@ -470,6 +502,38 @@ export default { // width: 50%; width: 97%; // max-width: 430px; + .select-content{ + box-sizing: border-box; + width: 150px; + height: 34px; + line-height: 34px !important; + border-radius: 3px; + border: 1px solid #D7DBE9; + padding: 0 15px; + position: relative; + .tip-text{ + display: flex; + align-items: center; + justify-content: space-between; + cursor: pointer; + } + .select-list{ + width: 100%; + position: absolute; + top: 34px; + left: -3px; + z-index: 10; + background-color: #fff; + border-radius: 4px; + box-shadow: 4px 4px 10px #E3E3E3; + padding: 10px 20px; + &-item{ + display: flex; + align-items: center; + justify-content: space-between; + } + } + } } .el-upload__tip { line-height: 20px;