12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1.0,initial-scale=1,user-scalable=no,viewport-fit=true" data-shuvi-head="true">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
- <link rel="stylesheet" type="text/css" href="/Public/Home/static/css/base.css" />
- <title>{$webname}</title>
- <style>
- .css-ogtd7z {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- transition: all 1s ease 0s;
- -webkit-box-pack: center;
- justify-content: center;
- background-color: rgb(254, 241, 242);
- }
- .css-jrzkh7 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- background-color: rgb(24, 26, 32);
- }
- .css-1aac2e {
- box-sizing: border-box;
- margin: 0px auto;
- min-width: 0px;
- padding-left: 24px;
- padding-right: 24px;
- max-width: 1248px;
- background-color: rgb(254, 241, 242);
- }
- .css-1wr4jig {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- flex-direction: column;
- flex: 1 1 0%;
- }
- .css-xry4yv {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- min-height: 600px;
- flex: 1 1 0%;
- flex-direction: column;
- }
- .css-xry4yv {
- flex-direction: row;
- }
- .css-foka8b {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- box-shadow: rgb(0 0 0 / 8%) 0px 2px 4px, rgb(0 0 0 / 8%) 0px 0px 4px;
- position: relative;
- z-index: 1;
- flex-direction: column;
- width: 200px;
- background: #ffffff;
- }
- .css-160vccy {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- flex: 1 1 0%;
- background-color: rgb(250, 250, 250);
- }
- .css-z87e9z {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- text-decoration: none;
- color: rgb(201, 148, 0);
- border-left: 4px solid rgb(240, 185, 11);
- height: 48px;
- background-color: rgb(245, 245, 245);
- font-weight: 500;
- display: flex;
- -webkit-box-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- justify-content: space-between;
- }
- .css-10j588g {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- flex: 1 1 0%;
- height: 100%;
- -webkit-box-align: center;
- align-items: center;
- }
- .css-iizq59 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- font-weight: 500;
- font-size: 14px;
- line-height: 20px;
- word-break: break-word;
- display: flex;
- flex: 1 1 0%;
- height: 100%;
- -webkit-box-align: center;
- align-items: center;
- color: rgb(33, 40, 51);
- }
- .css-14thuu2 {
- box-sizing: border-box;
- margin: 0px 8px;
- min-width: 0px;
- color: rgb(240, 185, 11);
- font-size: 24px;
- fill: rgb(240, 185, 11);
- width: 1em;
- flex-shrink: 0;
- }
- .css-6ijtmk {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- text-decoration: none;
- color: rgb(201, 148, 0);
- border-left: 4px solid transparent;
- height: 48px;
- display: flex;
- -webkit-box-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- justify-content: space-between;
- background:#fff;
- }
- .css-hd27fe {
- box-sizing: border-box;
- margin: 0px 8px;
- min-width: 0px;
- color: rgb(132, 142, 156);
- font-size: 24px;
- fill: rgb(132, 142, 156);
- width: 1em;
- flex-shrink: 0;
- }
- .css-1n0484q {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- font-weight: 400;
- font-size: 14px;
- line-height: 20px;
- word-break: break-word;
- display: flex;
- flex: 1 1 0%;
- height: 100%;
- -webkit-box-align: center;
- align-items: center;
- color: rgb(33, 40, 51);
- }
- .css-146q23 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- flex: 1 1 0%;
- background-color: rgb(255, 255, 255);
- }
- .css-jlbk6n {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- flex-wrap: wrap;
- -webkit-box-pack: justify;
- justify-content: space-between;
- padding: 8px;
- }
- .css-1e6doj4 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- box-shadow: rgb(0 0 0 / 5%) 0px 0px 4px;
- flex: 1 1 0%;
- padding: 24px;
- }
- .css-6vt7sa {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- width: 40px;
- height: 40px;
- border-radius: 100%;
- border-width: 1px;
- border-style: solid;
- border-color: rgb(30, 35, 41);
- font-weight: 500;
- -webkit-box-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- align-items: center;
- font-size: 20px;
- color: rgb(30, 35, 41);
- }
- .css-1sgz1lk {
- box-sizing: border-box;
- margin: 0px 0px 0px 16px;
- min-width: 0px;
- }
- .css-ize0sl {
- box-sizing: border-box;
- margin: 0px 0px 4px;
- min-width: 0px;
- display: flex;
- -webkit-box-align: center;
- align-items: center;
- }
- .css-1uoge8i {
- box-sizing: border-box;
- margin: 0px 16px 0px 0px;
- min-width: 0px;
- }
- .css-180eiyx {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- font-size: 14px;
- color: rgb(30, 35, 41);
- }
- .css-1ap5wc6 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- color: rgb(112, 122, 138);
- }
- .css-1124n14 {
- box-sizing: border-box;
- margin: 0px 16px 0px 0px;
- min-width: 0px;
- color: rgb(30, 35, 41);
- }
- .css-lzd0h4 {
- box-sizing: border-box;
- margin: 0px 0px 0px 8px;
- min-width: 0px;
- }
- .css-bhso1m {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: inline-block;
- border-radius: 4px;
- padding-left: 8px;
- padding-right: 8px;
- font-size: 14px;
- background-color: rgba(240, 185, 11, 0.19);
- color: rgb(240, 185, 11);
- }
- .css-1ry7rnu {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- color: rgb(112, 122, 138);
- font-size: 12px;
- line-height: 1.25;
- }
- .css-9cwl6c {
- box-sizing: border-box;
- margin: 0px 8px 0px 0px;
- min-width: 0px;
- }
- .css-vurnku {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- }
- .css-kvkii2 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- width: 66.6667%;
- padding: 8px;
- }
- .css-1p01izn {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- box-shadow: rgb(20 21 26 / 4%) 0px 1px 2px, rgb(71 77 87 / 4%) 0px 3px 6px, rgb(20 21 26 / 10%) 0px 0px 1px;
- border-radius: 4px;
- background-color: rgb(255, 255, 255);
- padding: 0px 16px;
- width: 100%;
- }
- .css-1hythwr {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- flex: 1 1 0%;
- flex-direction: column;
- }
- .css-1hz1mz6 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- flex: 1 1 0%;
- padding-top: 16px;
- padding-bottom: 16px;
- }
- .css-181kvgz {
- box-sizing: border-box;
- margin: 0px 16px 0px 0px;
- min-width: 0px;
- display: inline-block;
- text-decoration: none;
- font-weight: 600;
- color: rgb(30, 35, 41);
- font-size: 16px;
- padding: 0px;
- }
- .css-181kvgz:hover {
- color: rgb(252, 213, 53);
- }
- a, a:active, a:visited {
- text-decoration: none;
- }
- .css-10nf7hq {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- -webkit-box-align: center;
- align-items: center;
- }
- .css-4cffwv {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- }
- .css-noqr05 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- -webkit-box-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- align-items: center;
- width: auto;
- }
- .css-d732j0 {
- margin: 0px 4px;
- min-width: 0px;
- appearance: none;
- user-select: none;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- display: inline-flex;
- -webkit-box-align: center;
- align-items: center;
- -webkit-box-pack: center;
- justify-content: center;
- box-sizing: border-box;
- font-family: inherit;
- text-align: center;
- text-decoration: none;
- outline: none;
- font-weight: 500;
- line-height: 20px;
- word-break: keep-all;
- color: rgb(33, 40, 51);
- border-radius: 4px;
- padding: 4px 16px;
- border: none;
- background-image: linear-gradient(rgb(248, 209, 47) 0%, rgb(240, 185, 11) 100%);
- flex: 1 1 0%;
- min-height: 24px;
- font-size: 12px;
- }
- .css-1dfql01 {
- margin: 0px 4px;
- min-width: 0px;
- appearance: none;
- user-select: none;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- display: inline-flex;
- -webkit-box-align: center;
- align-items: center;
- -webkit-box-pack: center;
- justify-content: center;
- box-sizing: border-box;
- font-family: inherit;
- text-align: center;
- text-decoration: none;
- outline: none;
- font-weight: 500;
- line-height: 20px;
- word-break: keep-all;
- color: rgb(33, 40, 51);
- border-radius: 4px;
- padding: 4px 16px;
- border: none;
- background-color: transparent;
- box-shadow: rgb(234 236 239) 0px 0px 0px 1px inset;
- flex: 1 1 0%;
- min-height: 24px;
- font-size: 12px;
- }
- .css-1s6nhe2 {
- box-sizing: border-box;
- margin: 0px 0px 0px 16px;
- min-width: 0px;
- text-decoration: none;
- color: rgb(201, 148, 0);
- display: flex;
- }
- .css-155meta {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- color: rgb(0, 0, 0);
- font-size: 18px;
- fill: rgb(0, 0, 0);
- width: 1em;
- height: 1em;
- }
- .css-1s6nhe2:hover {
- text-decoration: underline;
- color: rgb(240, 185, 11);
- }
- .css-vurnku {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- }
- .css-gnqbje {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: block;
- }
- .css-ysetcg {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- padding-top: 48px;
- padding-bottom: 48px;
- }
- .css-ct0qa6 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- flex: 1 1 0%;
- flex-flow: column wrap;
- flex-direction: row;
- }
- .css-1bliacb {
- box-sizing: border-box;
- margin: 0px;
- min-width: 250px;
- flex: 1 1 0%;
- margin-bottom: 24px;
- }
- .css-vurnku {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- }
- .css-1f978ju {
- box-sizing: border-box;
- margin: 0px 0px 8px;
- min-width: 0px;
- }
- .css-ize0sl {
- box-sizing: border-box;
- margin: 0px 0px 4px;
- min-width: 0px;
- display: flex;
- -webkit-box-align: center;
- align-items: center;
- }
- .css-1kbdyxh {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- font-size: 14px;
- color: rgb(112, 122, 138);
- display: inline-block;
- }
- .css-n5mzgu {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- align-items: flex-end;
- flex-wrap: wrap;
- color: rgb(30, 35, 41);
- font-size: 14px;
- line-height: 24px;
- }
- .css-off8uh {
- box-sizing: border-box;
- margin: 0px 4px 0px 0px;
- min-width: 0px;
- display: flex;
- align-items: flex-end;
- }
- .css-1t9tl2o {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- font-size: 32px;
- line-height: 36px;
- }
- .css-vurnku {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- }
- .css-omwf4y {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- width: 100%;
- padding: 8px;
- flex-direction: column;
- flex: 1 1 0%;
- }
- .css-vt77s9 {
- box-sizing: border-box;
- /* margin: 16px 0px 0px; */
- min-width: 0px;
- box-shadow: rgb(20 21 26 / 4%) 0px 1px 2px, rgb(71 77 87 / 4%) 0px 3px 6px, rgb(20 21 26 / 10%) 0px 0px 1px;
- border-radius: 4px;
- background-color: rgb(255, 255, 255);
- padding: 0px 16px;
- width: 100%;
- flex: 1 1 0%;
- }
- .css-1hythwr {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- flex: 1 1 0%;
- flex-direction: column;
- }
- .css-hwv82q {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- border-width: 0px 0px 1px;
- border-style: solid;
- border-color: rgb(234, 236, 239);
- flex: 1 1 0%;
- padding-top: 16px;
- padding-bottom: 16px;
- }
- .css-5x6ly7 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- flex: 1 1 0%;
- -webkit-box-align: center;
- align-items: center;
- }
- .css-65w75 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- font-size: 12px;
- }
-
- .css-1wuyyej {
- box-sizing: border-box;
- margin: 8px 0px 0px;
- min-width: 0px;
- text-decoration: none;
- display: block;
- border-width: 0px 0px 1px;
- border-style: solid;
- border-color: rgb(234, 236, 239);
- color: rgb(30, 35, 41);
- line-height: 1.5;
- padding-top: 16px;
- padding-bottom: 16px;
- }
- .css-1joqi3u {
- box-sizing: border-box;
- margin: 16px 0px 0px;
- min-width: 0px;
- text-align: right;
- color: rgb(112, 122, 138);
- }
- .css-1wuyyej:hover {
- color: rgb(240, 185, 11);
- }
- a, .css-1wuyyej:active, .css-1wuyyej:visited {
- text-decoration: none;
- }
- .css-ei3nni {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- width: 100%;
- padding: 8px;
- }
- .css-1p01izn {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- box-shadow: rgb(20 21 26 / 4%) 0px 1px 2px, rgb(71 77 87 / 4%) 0px 3px 6px, rgb(20 21 26 / 10%) 0px 0px 1px;
- border-radius: 4px;
- background-color: rgb(255, 255, 255);
- padding: 0px 16px;
- width: 100%;
- }
- .css-1hythwr {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- flex: 1 1 0%;
- flex-direction: column;
- }
- .css-hwv82q {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- border-width: 0px 0px 1px;
- border-style: solid;
- border-color: rgb(234, 236, 239);
- flex: 1 1 0%;
- padding-top: 16px;
- padding-bottom: 16px;
- }
- .css-1dcd6pv {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- flex: 1 1 0%;
- padding-top: 16px;
- padding-bottom: 16px;
- flex-direction: column;
- }
- .css-1h690ep {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- flex: 1 1 0%;
- }
- .css-phax11 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- padding: 8px;
- flex-direction: column;
- width: 20%;
- }
- .css-9b6x94 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- font-size: 12px;
- color: rgb(112, 122, 138);
- line-height: 1.5;
- }
- .css-1ngrbny {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- padding: 8px;
- flex-direction: row;
- width: 20%;
- -webkit-box-pack: end;
- justify-content: flex-end;
- -webkit-box-align: center;
- align-items: center;
- }
- .css-1pysja1 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- flex: 1 1 0%;
- }
-
- .css-kc3i4p {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- border-width: 0px 0px 1px;
- border-style: solid;
- border-color: rgb(234, 236, 239);
- flex: 1 1 0%;
- padding-top: 4px;
- padding-bottom: 4px;
- }
- .css-1g02g2m {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- font-size: 14px;
- color: rgb(30, 35, 41);
- }
- .css-cvky42 {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- font-size: 12px;
- color: rgb(30, 35, 41);
- }
- .css-4cffwv {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- display: flex;
- }
-
- .css-1pryf6p {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- font-size: 12px;
- color: rgb(14, 203, 129);
- }
- .css-1g02g2m {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- font-size: 14px;
- color: rgb(30, 35, 41);
- }
- .css-9biujf {
- box-sizing: border-box;
- margin: 0px;
- min-width: 0px;
- cursor: pointer;
- text-decoration: underline;
- font-size: 12px;
- color: rgb(240, 185, 11);
- line-height: 1.5;
- }
- .textbox_3 {
- width: 100%;
- height: 60px;
- padding: 5px;
- border: 1px solid #f5f5f5;
- border-radius: 5px;
- }
- textarea {
- background: #fff;
- color: #707A8A;
- }
- textarea {
- overflow: auto;
- resize: vertical;
- }
- .contentbox_1{width:100%;margin-bottom:15px;}
- .contentbox_2{min-width:60%;max-width:80%;background:#f5f5f5;float:right;padding:5px 10px;border-radius:5px;margin-bottom: 15px;}
- .contentbox_3{min-width:60%;max-width:80%;background:#f5f5f5;float:right;padding:5px 10px;border-radius:5px;margin-bottom: 15px;float:left;}
- </style>
- </head>
- <body>
- <div class="App">
- <div class="css-tq0shg">
- <include file="Public:header"/>
-
- <div class="css-ogtd7z">
- <div class="css-jrzkh7">
- <div id="header_global_js_wxgy34nj" class="css-1aac2e"></div>
- </div>
- </div>
-
- <main class="css-1wr4jig">
- <main class="css-xry4yv">
- <!--左边-->
- <div class="css-foka8b">
- <a data-bn-type="link" href="{:U('User/index')}" class="css-6ijtmk" style="text-decoration: none;">
- <div class="css-10j588g">
- <i class="bi bi-person-fill css-hd27fe"></i>
- <div data-bn-type="text" class="css-iizq59">{:L('总览')}</div>
- </div>
- </a>
-
- <a data-bn-type="link" href="{:U('User/addresslist')}" class="css-6ijtmk" style="text-decoration: none;">
- <div class="css-10j588g">
- <i class="bi bi-journal-text css-hd27fe"></i>
- <div data-bn-type="text" class="css-1n0484q">{:L('地址管理')}</div>
- </div>
- </a>
-
- <a data-bn-type="link" href="{:U('User/authrz')}" class="css-6ijtmk" style="text-decoration: none;">
- <div class="css-10j588g">
- <i class="bi bi-shield-check css-hd27fe"></i>
- <div data-bn-type="text" class="css-1n0484q">{:L('实名认证')}</div>
- </div>
- </a>
-
- <a data-bn-type="link" href="{:U('User/respwd')}" class="css-6ijtmk" style="text-decoration: none;">
- <div class="css-10j588g">
- <i class="bi bi-gear css-hd27fe"></i>
- <div data-bn-type="text" class="css-1n0484q">{:L('修改密码')}</div>
- </div>
- </a>
-
- <a data-bn-type="link" href="{:U('User/tgcode')}" class="css-6ijtmk" style="text-decoration: none;">
- <div class="css-10j588g">
- <i class="bi bi-person-plus css-hd27fe"></i>
- <div data-bn-type="text" class="css-1n0484q">{:L('推荐返佣')}</div>
- </div>
- </a>
-
- <a data-bn-type="link" href="{:U('User/notice')}" class="css-6ijtmk" style="text-decoration: none;">
- <div class="css-10j588g">
- <i class="bi bi-bell css-hd27fe"></i>
- <div data-bn-type="text" class="css-1n0484q">{:L('我的通知')}</div>
- </div>
- </a>
- <a data-bn-type="link" href="{:U('User/online')}" class="css-z87e9z" style="text-decoration: none;">
- <div class="css-10j588g">
- <i class="bi bi-headset css-14thuu2"></i>
- <div data-bn-type="text" class="css-1n0484q">{:L('联系客服')}</div>
- </div>
- </a>
- <a data-bn-type="link" href="{:U('User/mybill')}" class="css-6ijtmk" style="text-decoration: none;">
- <div class="css-10j588g">
- <i class="bi bi-card-list css-hd27fe"></i>
- <div data-bn-type="text" class="css-1n0484q">{:L('我的账单')}</div>
- </div>
- </a>
-
-
- </div>
-
- <!--右边-->
- <div class="css-160vccy">
- <!--右上-->
- <div class="css-146q23">
- <div class="css-1e6doj4">
- <div class="css-6vt7sa">JS</div>
- <div class="css-1sgz1lk">
- <div class="css-ize0sl">
- <div class="css-1124n14">{:L('客服')}:JOSN</div>
- <div class="css-1uoge8i">
- <div class="css-180eiyx"> </div>
- </div>
- </div>
- <div class="css-1ry7rnu">
- <div data-bn-type="text" class="css-9cwl6c">{:L('状态')} : {:L('在线')}</div>
- </div>
-
- </div>
- </div>
- </div>
-
-
- <!--右下-->
- <div class="css-jlbk6n">
- <div class="css-kvkii2">
- <div class="css-1p01izn">
- <div class="css-1hythwr">
- <div class="css-1hz1mz6">
- <div class="css-5x6ly7" style="background: #fff; padding: 10px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);">
- <div class="css-5x6ly7">
- <a style="background-color: transparent;" data-bn-type="link" id="balance" class="css-181kvgz">{:L('聊天室')}</a>
- </div>
- </div>
- </div>
- <div class="css-vurnku">
- <div class="css-gnqbje">
- <div class="css-ysetcg" style="width: 100%;padding: 10px;margin: 0px;min-height: 400px;">
- <div style="width:100%;min-height:30px;margin-bottom: 20px;">
- <div style="width:100%;height:50px;line-height:50px;padding: 0px 10px;background-color: rgba(240, 185, 11, 0.19);color: rgb(240, 185, 11);font-size:12px;">
- {:L('请直接提交您的问题,等待客服回复即可')}
- </div>
- </div>
- <div style=" width: 100%;height: 240px;background: #fff;overflow: auto; padding: 0px 20px 20px 20px;margin-bottom:20px;" id="msgbox">
-
- </div>
- <div style="width:100%;background:#fff;min-height:60px;border-top:1px solid #f5f5f5;padding: 10px 0px;">
- <div style="width:75%;heihgt:60px;float:left;">
- <textarea class="textbox_3" id="content" placeholder="{:L('请输入信息内容')}"></textarea>
- </div>
- <input type="hidden" id="flag" value="1" />
- <div style="width:20%;heihgt:60px;float:right;">
- <div style="width:100%;height:60px;line-height:60px;text-align:center;background: linear-gradient(to left,#eeb80d,#ffe35b);border-radius:5px;" id="sendbtn">
- <span class="fch f12">{:L('发送')}</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- </div>
- </div>
-
- </main>
- </main>
- <include file="Public:footer"/>
- </div>
- </div>
-
- </body>
- <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
- <script type="text/javascript" src="/Public/Home/static/js/layer/layer.js" ></script>
- <script type="text/javascript" src="/Public/Home/static/js/jquery.SuperSlide.2.1.1.js" ></script>
- <script type="text/javascript">
- $(function(){
- getchatlist();
- });
-
- setInterval(function () {
- getchatlist();
- }, 1000);
- </script>
- <script type="text/javascript">
- function getchatlist(){
- $.post("{:U('User/getlineinfo')}",
- function(data){
- if(data.code = 1){
- $("#msgbox").empty();
- var html = '';
- if(data.data == '' || data.data == null){
- $("#msgbox").empty();
- }else{
- $.each(data.data,function(key,val){
- if(val.type == 1){
- html+='<div class="contentbox_1" style="height:40px;margin-bottom:0px;">'+
- '<div class="contentbox_3">' +
- '<span class="fcc f14">' + val.content +'</span>'+
- '</div>'+
- '</div>';
- }else if(val.type == 2){
- html+='<div class="contentbox_1">'+
- '<div class="contentbox_2">'+
- '<span class="fcc f14">' + val.content +'</span>'+
- '</div>'+
- '</div>';
- }
- });
- $("#msgbox").append(html);
- }
- }else{
- console.log();return false;
- }
- });
- }
- </script>
- <script type="text/javascript">
- $("#sendbtn").click(function(){
- var flag = $("#flag").val();
- if(flag == 2){
- return false;
- }
- var txt = $("#content").val();
- if(txt == '' || txt == null){
- layer.msg("{:L('请输入信息内容')}");return false;
- }
- $("#flag").val(2);
- $.post("{:U('User/uptxt')}",
- {'txt':txt},
- function(data){
- if(data.code == 1){
- $("#content").val();
- }else{
- layer.msg(data.info);return false;
- }
- });
-
- });
- </script>
- <script type="text/javascript">
- $("#nav").slide({
- type:"menu",// 效果类型,针对菜单/导航而引入的参数(默认slide)
- titCell:".nLi", //鼠标触发对象
- targetCell:".sub", //titCell里面包含的要显示/消失的对象
- effect:"slideDown", //targetCell下拉效果
- delayTime:300 , //效果时间
- triggerTime:0, //鼠标延迟触发时间(默认150)
- returnDefault:true //鼠标移走后返回默认状态,例如默认频道是“预告片”,鼠标移走后会返回“预告片”(默认false)
- });
- </script>
-
- </html>
|