index.vue 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707
  1. <template>
  2. <div class="mianBox">
  3. <van-row class="headerBox" style="background:#FF4747">
  4. 智慧楼宇
  5. </van-row>
  6. <van-row class="bgc"></van-row>
  7. <van-row class="people">
  8. <van-row class="top">
  9. <van-row class="left">
  10. <van-uploader :after-read="afterRead" class="upload" />
  11. <van-image :src="portrait57" class="portrait" />
  12. </van-row>
  13. <van-row class="right">
  14. <van-row class="name">
  15. {{nickName57}}
  16. </van-row>
  17. <van-row class="dept">
  18. {{phone57}} / {{dept57}}
  19. </van-row>
  20. <!-- <van-row class="phone">{{phone57}}</van-row> -->
  21. <van-icon name="arrow" class="arrowRight" @click="go"/>
  22. </van-row>
  23. <van-row class="bottom" gutter="20">
  24. <van-col span="12">
  25. <van-image :src="require('../../assets/image/ic_我的余额备份@3x.png')" />
  26. <van-col v-loading="loadingBalance" class="text">我的余额:<span >{{balance}}元</span></van-col>
  27. </van-col>
  28. <van-col span="12">
  29. <van-image :src="require('../../assets/image/ic_车牌备份@3x.png')" />
  30. <van-col v-loading="loadingPlateNumber" class="text" >已录入车牌信息:<span>{{plateNumber}}</span></van-col>
  31. </van-col>
  32. </van-row>
  33. </van-row>
  34. </van-row>
  35. <van-row class="contentBox">
  36. <van-row class="system">
  37. <van-row type="flex" gutter="22" class="menu">
  38. <!-- <van-col span="6" class="function" @click="sm('https://smartpark.caih.com/h5/#/licence',1)">
  39. <van-image :src="require('../../assets/image/ic_车辆登记备份@3x.png')" />
  40. <div class="title">车牌登记</div>
  41. </van-col> -->
  42. <van-col span="6" class="function" @click="ykt">
  43. <van-image :src="require('../../assets/image/ic_一卡通备份@3x.png')" />
  44. <div class="title">余额管理</div>
  45. </van-col>
  46. <!-- <van-col span="6" class="function" @click="sm('https://smartpark.caih.com/h5/#/visitorApply',2)">
  47. <van-image :src="require('../../assets/image/ic_访客登记备份@3x.png')" />
  48. <div class="title">访客登记</div>
  49. </van-col> -->
  50. <!-- <van-col span="6" class="function" @click="sm('https://smartpark.caih.com/h5/#/safeIndex',3)" v-if="people57 == '1'">
  51. <van-image :src="require('../../assets/image/ic_综合安防备份@3x.png')" />
  52. <div class="title">综合安防</div>
  53. </van-col> -->
  54. <!-- <van-col span="6" class="function" @click="dc" >
  55. <van-image :src="require('../../assets/image/ic_点餐服务备份@3x.png')" />
  56. <div class="title">点餐服务</div>
  57. </van-col> -->
  58. <van-col span="6" class="function" @click="pc" v-if="pcy">
  59. <van-image :src="require('../../assets/image/ic_配餐服务备份@3x.png')" />
  60. <div class="title">配餐服务</div>
  61. </van-col>
  62. <!-- <van-col span="6" class="function" v-if="people57 == '1'">
  63. <van-image :src="require('../../assets/image/function/icon11.png')" />
  64. <div class="title">预约场地</div>
  65. </van-col> -->
  66. </van-row>
  67. </van-row>
  68. <van-row class="record">
  69. <van-row class="recordList">
  70. <van-row class="recordTitle">
  71. <van-col span="16" class="left">最近通行记录</van-col>
  72. <!-- <van-col span="8" class="right" @click="record(1)" >查看更多<van-icon name="arrow" class="rightIcon" /></van-col> -->
  73. </van-row>
  74. <el-table v-loading="loading1" :data="adminList1" class="recordTable">
  75. <el-table-column label="通行地点" align="left" prop="dmRoomDevice.name" show-overflow-tooltip min-width="50%"/>
  76. <el-table-column label="时间" align="left" prop="accessTime" show-overflow-tooltip min-width="50%"/>
  77. </el-table>
  78. </van-row>
  79. <van-row class="recordList">
  80. <van-row class="recordTitle">
  81. <van-col span="16" class="left">最近消费记录</van-col>
  82. <!-- <van-col span="8" class="right" @click="record(2)" >查看更多<van-icon name="arrow" class="rightIcon" /></van-col> -->
  83. </van-row>
  84. <el-table v-loading="loading2" :data="adminList2" class="recordTable">
  85. <el-table-column label="食堂设备" align="left" prop="termName" show-overflow-tooltip min-width="30%"/>
  86. <el-table-column label="金额" align="left" prop="amt" show-overflow-tooltip min-width="20%">
  87. <template slot-scope="scop">
  88. {{scop.row.amt.toFixed(2)}}元
  89. </template>
  90. </el-table-column>
  91. <el-table-column label="时间" align="left" prop="createTime" show-overflow-tooltip min-width="50%"/>
  92. </el-table>
  93. </van-row>
  94. <van-row class="recordList">
  95. <van-row class="recordTitle">
  96. <van-col span="16" class="left">最近访客预约记录</van-col>
  97. <!-- <van-col span="8" class="right" @click="record(3)">查看更多<van-icon name="arrow" class="rightIcon" /></van-col> -->
  98. </van-row>
  99. <el-table v-loading="loading3" :data="adminList3" class="recordTable" >
  100. <el-table-column label="访客名称" align="left" prop="visitor_name" show-overflow-tooltip min-width="50%"/>
  101. <el-table-column label="到访时间" align="left" prop="start_time" show-overflow-tooltip min-width="50%"/>
  102. </el-table>
  103. </van-row>
  104. <!-- <van-row class="recordList">
  105. <van-row class="recordTitle">
  106. <van-col span="16" class="left">最近停车记录</van-col>
  107. <van-col span="8" class="right" @click="record(4)">查看更多<van-icon name="arrow" class="rightIcon" /></van-col>
  108. </van-row>
  109. <el-table v-loading="loading4" :data="adminList4" class="recordTable">
  110. <el-table-column label="车牌号" align="left" prop="plate_number" show-overflow-tooltip min-width="30%"/>
  111. <el-table-column label="方向" align="left" prop="" show-overflow-tooltip min-width="20%">
  112. <template slot-scope="scop">
  113. {{scop.row.ingatename ? "进":"出"}}
  114. </template>
  115. </el-table-column>
  116. <el-table-column label="时间" align="left" prop="" show-overflow-tooltip min-width="50%">
  117. <template slot-scope="scop">
  118. {{scop.row.intime ? scop.row.intime:scop.row.outtime}}
  119. </template>
  120. </el-table-column>
  121. </el-table>
  122. </van-row> -->
  123. </van-row>
  124. </van-row>
  125. <van-loading
  126. size="24px"
  127. v-if="loading"
  128. color="#fff"
  129. vertical
  130. style="z-index: 999999; position: fixed; top: 40%; left: 0; right: 0"
  131. >加载中...</van-loading
  132. >
  133. <van-overlay :show="loading" style="z-index: 100; position: fixed" />
  134. </div>
  135. </template>
  136. <script>
  137. import axios from "axios";
  138. import { Toast } from "vant";
  139. import Cookies from "js-cookie";
  140. import { encrypt, encrypt2, decrypt } from '../../utils/jsencrypt';
  141. export default {
  142. data() {
  143. return {
  144. //个人信息
  145. portrait57:undefined,
  146. nickName57:undefined,
  147. dept57:undefined,
  148. phone57:undefined,
  149. people57:false,
  150. pcy:false,
  151. loading: false,
  152. loadingPlateNumber:true,
  153. plateNumber:undefined,//车牌号
  154. loadingBalance:true,
  155. balance:undefined,//余额
  156. //table
  157. adminList1:[],
  158. adminList2:[],
  159. adminList3:[],
  160. adminList4:[],
  161. loading1:true,
  162. loading2:true,
  163. loading3:true,
  164. loading4:false,
  165. //图片上传
  166. nonce:undefined,
  167. timestamp:undefined,
  168. token:undefined,
  169. userId:undefined,
  170. loading:false,
  171. formData:undefined,
  172. username:undefined,
  173. };
  174. },
  175. created(){
  176. // if(Cookies.get("userId57")){
  177. // this.userId = Cookies.get("userId57")
  178. // }else{
  179. // this.$router.push({ path: "/login"})
  180. // }
  181. this.pcy = localStorage.getItem("pcy")
  182. this.portrait57 = Cookies.get("portrait57")
  183. this.nickName57 = Cookies.get("nickName57")
  184. this.dept57 = Cookies.get("dept57")
  185. this.phone57 = Cookies.get("phone57")
  186. this.people57 = Cookies.get("people57")
  187. if(Cookies.get("token57")){
  188. this.token = Cookies.get("token57")
  189. }
  190. if(Cookies.get("nonce57")){
  191. this.nonce = Cookies.get("nonce57")
  192. }
  193. if(Cookies.get("timestamp57")){
  194. this.timestamp = Cookies.get("timestamp57")
  195. }
  196. if(Cookies.get("username57")){
  197. this.username = Cookies.get("username57")
  198. }
  199. if(Cookies.get("password57")){
  200. this.password = decrypt(Cookies.get("password57"))
  201. }
  202. if(!Cookies.get("openid57") || !Cookies.get("username57") || !Cookies.get("password57") || !localStorage.getItem('cipher57')){
  203. this.outLogin()
  204. }
  205. //余额
  206. axios.get(`/dxtop/staff/one?id=${Cookies.get("userId57")}`).then(res => { //验证充值信息是否同步
  207. if(res?.data?.data?.cardId){
  208. Cookies.set("cardId57",res?.data?.data?.cardId)
  209. axios.get(`/dxtop/staff/cardBalance?card=${res.data.data.cardId}`).then(res => { //验证充值信息是否同步
  210. if(res.data.data){
  211. this.balance = res.data.data
  212. }else{
  213. this.balance = "0.00"
  214. }
  215. this.loadingBalance = false
  216. })
  217. }else{
  218. this.loadingBalance = false
  219. }
  220. })
  221. //车牌号查询
  222. axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getPlateNumber`,
  223. {
  224. "nonce": Cookies.get("nonce57"),
  225. "timestamp": Cookies.get("timestamp57"),
  226. "query": {
  227. "userNumber":Cookies.get("userId57"),
  228. }
  229. },
  230. {headers: {
  231. "XYTACCESSTOKEN":Cookies.get("token57")
  232. }
  233. }).then(res => {
  234. if(res?.data?.data && res?.data?.data.length>0){
  235. this.plateNumber = res.data.data[0].plateNumber
  236. this.loadingPlateNumber = false
  237. }else{
  238. this.plateNumber = "未录入"
  239. this.loadingPlateNumber = false
  240. }
  241. }).catch(err =>{
  242. Toast(err.response.data.message)
  243. })
  244. //通行记录
  245. axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getAccessTraffic?page=0&size=6&sort=id,desc`,
  246. {
  247. "nonce": Cookies.get("nonce57"),
  248. "timestamp": Cookies.get("timestamp57"),
  249. "query": {
  250. "userNumber":Cookies.get("userId57"),
  251. }
  252. },
  253. {headers: {
  254. "XYTACCESSTOKEN":Cookies.get("token57")
  255. }
  256. }).then(res => {
  257. if(res?.data?.data?.content){
  258. this.adminList1 = res.data.data.content
  259. this.loading1 = false
  260. }else{
  261. this.loading1 = false
  262. }
  263. }).catch(err =>{
  264. Toast(err.response.data.message)
  265. })
  266. //停车记录
  267. axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getParkingTrafficByUserNumber?page=0&size=6&sort=id,desc`,
  268. {
  269. "nonce": Cookies.get("nonce57"),
  270. "timestamp": Cookies.get("timestamp57"),
  271. "query": {
  272. "userNumber":Cookies.get("userId57"),
  273. }
  274. },
  275. {headers: {
  276. "XYTACCESSTOKEN":Cookies.get("token57")
  277. }
  278. }).then(res => {
  279. if(res.data.data){
  280. let data = res.data.data
  281. let arr = []
  282. for(let i =0; i<data.length;i++){
  283. arr[i] = {}
  284. arr[i].plate_number = data[i].plate_number
  285. arr[i].ingatename = data[i].ingatename
  286. arr[i].intime = data[i].intime
  287. arr[i*2 +1] = {}
  288. arr[i*2 +1].plate_number = data[i].plate_number
  289. arr[i*2 +1].outgatename = data[i].outgatename
  290. arr[i*2 +1].outtime = data[i].outtime
  291. }
  292. this.adminList4 = arr
  293. this.loading4 = false
  294. }else{
  295. this.loading4 = false
  296. }
  297. }).catch(err =>{
  298. Toast(err.response.data.message)
  299. })
  300. // 消费记录
  301. axios.post(`/dxtop/dish/page`,{
  302. "size":6,
  303. "current":1,
  304. "userId":Cookies.get("userId57")
  305. }).then(res => {
  306. if (res?.data?.data?.records) {
  307. this.adminList2 = res.data.data.records
  308. this.loading2 = false
  309. }else{
  310. this.loading2 = false
  311. }
  312. })
  313. //访客查询
  314. axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getVisitant?page=0&size=10`,
  315. {
  316. timestamp:Cookies.get("timestamp57"),
  317. nonce:Cookies.get("nonce57"),
  318. query:Cookies.get("userId57"),
  319. },
  320. {
  321. headers: {
  322. 'Content-Type': "application/json",
  323. "XYTACCESSTOKEN":Cookies.get("token57")
  324. }
  325. }
  326. ).then(res => {
  327. if (res?.data?.data) {
  328. this.adminList3 = res.data.data.slice(0,5)
  329. this.loading3 = false
  330. }else{
  331. this.loading3 = false
  332. }
  333. })
  334. },
  335. mounted() {
  336. document.title = '中国东信智慧园区'
  337. },
  338. methods: {
  339. /**查看更多跳转 */
  340. record(id){
  341. var dates = new Date();
  342. var times = dates.getTime();
  343. let param = {
  344. userid:encrypt(Cookies.get("username57")),
  345. password:Cookies.get("password57"),
  346. type:"wx_yt"
  347. }
  348. if(id == 1){
  349. window.location.href = `https://smartpark.caih.com/h5/#/parkingAdministration?param=${encodeURIComponent(JSON.stringify(param))}`
  350. }
  351. if(id == 2){
  352. this.$router.push({ path: `/record?id=2`})
  353. }
  354. if(id == 3){
  355. window.location.href = `https://smartpark.caih.com/h5/#/myVisitor?param=${encodeURIComponent(JSON.stringify(param))}`
  356. }
  357. },
  358. //上传
  359. afterRead(param) {
  360. this.formData = new FormData()// FormData 对象
  361. this.formData.append('file', param.file)// 文件对象
  362. let params = JSON.stringify({nonce:this.nonce,timestamp:this.timestamp,query:{userId:this.userId}})
  363. this.formData.append('params', params)// 参数
  364. this.formData.append('multipartFile', param.file)// 参数
  365. axios.post(`https://smartpark.caih.com/zkxt/api/thirdparty/v1/user/edit/zkuser/picture` ,this.formData,
  366. {headers: {
  367. 'Content-Type': "multipart/form-data",
  368. "XYTACCESSTOKEN":this.token
  369. }
  370. }).then(res => {
  371. axios.get(`https://smartpark.caih.com/zkxt/api/thirdparty/v1/user/appLogin?name=${this.username}&pass=${this.password}`).then(res => {
  372. if (res?.data?.data?.data?.cipher) {
  373. localStorage.setItem("cipher57",res?.data?.data?.data?.cipher)
  374. localStorage.setItem("classify","1")
  375. Cookies.set("password57", encrypt(this.password), { expires: 300 });
  376. Cookies.set("portrait57", res.data.data.data.user.avatarName, { expires: 300 });
  377. Cookies.set("userId57", res.data.data.data.userId, { expires: 300 });
  378. Cookies.set("token57", res.data.data.data.token, { expires: 300 });
  379. Cookies.set("nonce57", res.data.data.data.nonce, { expires: 300 });
  380. Cookies.set("timestamp57", res.data.data.data.timestamp, { expires: 300 });
  381. this.portrait = res.data.data.data.user.avatarName
  382. }
  383. }).catch(err =>{
  384. Toast(err.response.data.message)
  385. })
  386. }).catch(err =>{
  387. Toast(err.response.data.message)
  388. })
  389. },
  390. //点餐
  391. dc(){
  392. this.$router.push({ path: "/orderingFood"})
  393. },
  394. //配餐
  395. pc(){
  396. this.$router.push({ path: "/catering"})
  397. },
  398. //一卡通充值
  399. ykt(){
  400. this.$router.push({ path: `/amount?token=${localStorage.getItem('cipher57')}&classify=''&passageway='weixin'`}) //passageway检测微信进入会app进入
  401. },
  402. //世茂
  403. sm(url){
  404. // https://smartpark.caih.com/h5/#/myVisitor 访客申请列表页
  405. let param = {
  406. userid:encrypt(Cookies.get("username57")),
  407. password:Cookies.get("password57"),
  408. type:"wx_yt"
  409. }
  410. window.location.href = `${url}?param=${encodeURIComponent(JSON.stringify(param))}`
  411. },
  412. //修改页
  413. go(){
  414. this.$router.push({ path: "/information"})
  415. },
  416. outLogin(){
  417. localStorage.clear()
  418. Cookies.remove("timestamp57");
  419. Cookies.remove("username57");
  420. Cookies.remove("rememberMe57");
  421. Cookies.remove("password57");
  422. Cookies.remove("portrait57");
  423. Cookies.remove("userId57");
  424. Cookies.remove("token57");
  425. Cookies.remove("nonce57");
  426. Cookies.remove("timestamp57");
  427. Cookies.remove("nickName57");
  428. Cookies.remove("dept57");
  429. Cookies.remove("phone57");
  430. Cookies.remove("people57");
  431. Cookies.remove("openid57");
  432. Cookies.remove("cardId57");
  433. this.$router.push({ path: "/login"})
  434. }
  435. },
  436. };
  437. </script>
  438. <style lang="scss" scoped>
  439. .mianBox{
  440. height: 100%;
  441. width: 100%;
  442. color: #FFF;
  443. padding-top: 44px;
  444. box-sizing: border-box;
  445. background-color: #F9F9F9;
  446. .bgc{
  447. height: 120px;
  448. position: relative;
  449. z-index: 0;
  450. overflow: hidden;
  451. margin-top:-2px;
  452. }
  453. .bgc::after{
  454. content: '';
  455. width: 120%;
  456. height: 120px;
  457. position: absolute;
  458. z-index: 0;
  459. left: -10%; //椭圆左边隐藏10%,右边隐藏10%
  460. top: 0;
  461. border-radius: 0 0 200% 200%; //左上角,右上角,右下角,左下角
  462. background-image: linear-gradient(180deg, #FF4747 0%, #D7000F 100%);
  463. }
  464. .people{
  465. width:100%;
  466. padding:0px 15px 0;
  467. box-sizing: border-box;
  468. margin-top:-102px;
  469. background-color: #fff;
  470. .top{
  471. margin-top:0;
  472. position: relative;
  473. .left{
  474. width:64px;
  475. height:64px;
  476. background-color: #fff;
  477. border-radius: 50%;
  478. display: inline-block;
  479. margin-right:15px;
  480. vertical-align: middle;
  481. position: relative;
  482. .upload{
  483. position: absolute;
  484. width:80px;
  485. height:70px;
  486. overflow: hidden;
  487. top:0px;
  488. opacity:0;
  489. z-index: 10;
  490. background: transparent;
  491. }
  492. .portrait{
  493. width:60px;
  494. height:60px;
  495. margin:2px;
  496. vertical-align: middle;
  497. ::v-deep .van-image__img{
  498. border-radius: 50% !important;
  499. }
  500. }
  501. }
  502. .right{
  503. display: inline-block;
  504. font-size: 14px;
  505. vertical-align: top;
  506. .name{
  507. margin:10px 0 6px;
  508. font-size: 18px;
  509. }
  510. .dept{
  511. margin-bottom:6px;
  512. margin-top:-2px;
  513. font-size: 13px;
  514. width:240px; //要加宽度 ,若是span等行内元素,加个display:inline-block;
  515. white-space: nowrap;
  516. overflow: hidden;
  517. text-overflow: ellipsis;
  518. }
  519. .arrowRight{
  520. display: inline-block;
  521. color:#fff;
  522. font-size: 20px;
  523. position: absolute;
  524. z-index: 2;
  525. right:-10px;
  526. top:14%;
  527. }
  528. }
  529. .bottom{
  530. font-size: 14px;
  531. margin-top:60px;
  532. padding-bottom:20px;
  533. .van-image{
  534. width:28px;
  535. vertical-align: middle;
  536. display: inline-block;
  537. float:left;
  538. margin-right:14px;
  539. }
  540. .text{
  541. vertical-align: middle;
  542. text-align: left;
  543. display: inline-block;
  544. font-size: 13px;
  545. color:#666666;
  546. margin-top:-8px;
  547. span{
  548. font-size: 18px;
  549. color:#333333;
  550. font-weight: 700;
  551. display: block;
  552. margin-top:2px;
  553. }
  554. }
  555. }
  556. }
  557. }
  558. .contentBox{
  559. width: 100%;
  560. margin-top:8px;
  561. .system{
  562. width:100%;
  563. background-color: #fff;
  564. padding: 4px 16px 10px;
  565. box-sizing: border-box;
  566. .function{
  567. margin:12px 0;
  568. .title{
  569. font-size: 14px;
  570. color:#333333;
  571. text-align: center;
  572. margin-top:-2px;
  573. }
  574. .van-image{
  575. }
  576. }
  577. }
  578. .record{
  579. background-color: #F9F9F9;
  580. .recordList{
  581. margin-top:8px;
  582. .recordTitle{
  583. font-size: 18px;
  584. height:48px;
  585. line-height: 48px;
  586. padding: 0 15px;
  587. background-color: #fff;
  588. box-shadow: inset 0px -1px 0px 0px rgba(232,232,232,1);
  589. .left{
  590. font-size: 16px;
  591. font-weight: 700;
  592. text-align: left;
  593. color:#333;
  594. }
  595. .right{
  596. text-align: right;
  597. font-size: 14px;
  598. color:#666666;
  599. vertical-align: middle;
  600. .rightIcon{
  601. width:6px;
  602. margin:-2px 0 0 5px;
  603. vertical-align: middle;
  604. }
  605. }
  606. }
  607. }
  608. }
  609. }
  610. }
  611. </style>
  612. <style>
  613. .recordTable.el-table .cell{
  614. color:#999999 !important;
  615. }
  616. .recordTable.el-table td{
  617. padding:0;
  618. }
  619. .recordTable.el-table td, .el-table th{
  620. padding:0 !important;
  621. }
  622. .recordTable.el-table th>.cell{
  623. font-size: 15px;
  624. color:#999999;
  625. padding:0 16px;
  626. font-weight: 400;
  627. text-align: center;
  628. height:40px;
  629. line-height: 40px;
  630. }
  631. .recordTable.el-table th:nth-child(1)>.cell{
  632. text-align: left;
  633. }
  634. .recordTable.el-table th{
  635. height:40px;
  636. line-height: 40px;
  637. }
  638. .recordTable.el-table .el-table__body-wrapper tr td>.cell{
  639. padding:0;
  640. box-sizing: border-box;
  641. }
  642. .recordTable.el-table .el-table__body-wrapper tr td:first-child>.cell{
  643. padding-left:15px;
  644. }
  645. .recordTable.el-table tr:nth-child(even){
  646. background-color: #fff;
  647. }
  648. .recordTable.el-table tr:nth-child(odd){
  649. background-color: #F9F9F9;
  650. }
  651. .recordTable.el-table td .cell{
  652. color:#666666 !important;
  653. height:48px;
  654. line-height:48px;
  655. text-align: center;
  656. }
  657. .recordTable.el-table td:first-child .cell{
  658. text-align: left;
  659. }
  660. .recordTable th .cell{
  661. padding:0 !important;
  662. }
  663. .recordTable th:nth-child(1) .cell{
  664. padding-left:16px !important;
  665. }
  666. .el-loading-mask{
  667. background-color: transparent !important;
  668. }
  669. .upload{
  670. position: absolute;
  671. width:100px;
  672. height:50px;
  673. overflow: hidden;
  674. top:0px;
  675. right:0;
  676. opacity: 0;
  677. z-index: 10;
  678. background-color: blue;
  679. }
  680. </style>