Browse Source

工作台UI

master
liujiangyong 2 years ago
parent
commit
da3a05edcf
  1. 1
      weapp/images/inspection-report.svg
  2. 12
      weapp/images/inspection.svg
  3. 12
      weapp/images/issue.svg
  4. 12
      weapp/images/report.svg
  5. 1
      weapp/images/xunjian.svg
  6. 25
      weapp/pages/overview/overview.wxml
  7. 35
      weapp/pages/overview/overview.wxss

1
weapp/images/inspection-report.svg

@ -1 +0,0 @@
<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1742" height="128" width="128"><path d="M947.330443 280.886557L740.015166 73.57128c-13.659654-13.659654-35.779673-13.648391-49.42704 0L71.584942 692.57344c-13.648391 13.648391-13.659654 35.767386 0 49.42704l207.315277 207.315277c13.659654 13.659654 35.779673 13.648391 49.42704 0l619.00216-619.00216c13.649415-13.647367 13.661702-35.767386 0.001024-49.42704zM303.614763 875.175196L145.726527 717.28696l39.749276-39.749276 27.055146 27.055146c13.659654 13.659654 35.779673 13.648391 49.42704 0 13.648391-13.648391 13.659654-35.767386 0-49.427041l-27.055146-27.055145 39.749276-39.749276 27.055146 27.055145c13.659654 13.659654 35.779673 13.648391 49.42704 0 13.648391-13.648391 13.659654-35.767386 0-49.428064l-27.055146-27.055146 39.749276-39.749276 27.055146 27.055146c13.659654 13.659654 35.779673 13.648391 49.42704 0 13.648391-13.648391 13.660678-35.767386 0-49.428064l-27.055146-27.055146 39.749276-39.749276 27.055146 27.055146c13.659654 13.659654 35.779673 13.648391 49.42704 0 13.648391-13.648391 13.660678-35.767386 0-49.428064l-27.055145-27.055146 39.749276-39.749276 27.055146 27.055146c13.659654 13.659654 35.779673 13.648391 49.42704 0 13.648391-13.648391 13.659654-35.767386 0-49.42704l-27.055146-27.055146 39.738013-39.738013 27.055146 27.055145c13.659654 13.660678 35.779673 13.648391 49.42704 0 13.648391-13.648391 13.659654-35.767386 0-49.42704l-27.055146-27.055146 34.52439-34.524389 157.888236 157.888237-569.571024 569.574095z" fill="#3E3A39" p-id="1743"></path></svg>

Before

Width:  |  Height:  |  Size: 1.5 KiB

12
weapp/images/inspection.svg

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" class="design-iconfont">
<defs>
<linearGradient x1="93.013295%" y1="11.3486842%" x2="36.1328125%" y2="59.1248629%" id="a6j1sh17n__1v3nwdaeha">
<stop stop-color="#2879F1" offset="0%"/>
<stop stop-color="#649AF5" offset="100%"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="url(#a6j1sh17n__1v3nwdaeha)" width="57" height="57" rx="9"/>
<path d="M11.3825,17.7045 C11.426,17.777 11.484,17.835 11.513,17.864 C12.6585,19.2415 13.804,20.1695 13.862,20.1985 L14.6595,20.8365 L15.457,20.1985 C15.5005,20.155 16.6605,19.227 17.7915,17.8495 C17.835,17.806 17.8785,17.748 17.922,17.6755 C19.546,15.5585 21.576,12.4845 22.04,9.8165 C22.127,9.2075 22.127,8.845 22.127,8.8015 C22.1415,6.815 21.344,4.9445 19.894,3.538 C18.4875,2.1895 16.617,1.4355 14.645,1.4355 C12.673,1.4355 10.817,2.175 9.4105,3.538 C7.946,4.959 7.1485,6.844 7.163,8.845 C7.163,8.874 7.163,9.251 7.25,9.8165 C7.743,12.673 10.034,15.9645 11.3825,17.7045 L11.3825,17.7045 Z M14.6595,6.1915 C16.53,6.1915 18.038,7.656 18.038,9.4685 C18.038,11.281 16.5155,12.7455 14.6595,12.7455 C12.789,12.7455 11.281,11.281 11.281,9.4685 C11.281,7.656 12.789,6.1915 14.6595,6.1915 Z M25.056,22.0835 L3.944,22.0835 C3.3495,22.0835 2.8855,21.663 2.8855,21.1845 C2.8855,20.706 3.335,20.2855 3.944,20.2855 L7.25,20.2855 C7.7575,20.2855 8.178,19.8795 8.178,19.372 C8.178,18.8645 7.7575,18.444 7.25,18.4585 L3.944,18.4585 C2.349,18.4585 1.044,19.662 1.044,21.1845 C1.044,22.707 2.3635,23.9105 3.944,23.9105 L25.056,23.9105 C25.6505,23.9105 26.1145,24.331 26.1145,24.8095 C26.1145,25.288 25.665,25.7085 25.056,25.7085 L6.583,25.7085 C6.0755,25.7085 5.655,26.1145 5.655,26.622 C5.655,27.1295 6.0755,27.55 6.583,27.5355 L25.056,27.5355 C26.651,27.5355 27.9561184,26.332 27.9561184,24.8095 C27.9705,23.287 26.651,22.0835 25.056,22.0835 Z" transform="translate(14 14)" fill="#FFF" fill-rule="nonzero"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

12
weapp/images/issue.svg

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.3 KiB

12
weapp/images/report.svg

@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" class="design-iconfont">
<defs>
<linearGradient x1="93.013295%" y1="11.3486842%" x2="36.1328125%" y2="59.1248629%" id="5g8q1adgk__kgjbu8zqca">
<stop stop-color="#42CF71" offset="0%"/>
<stop stop-color="#57CC89" offset="100%"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="url(#5g8q1adgk__kgjbu8zqca)" width="57" height="57" rx="9"/>
<path d="M21.6560952,12.4285714 C24.5671429,12.4285714 26.9285714,14.6491429 26.9285714,17.3882619 L26.925119,17.5629524 C26.8595238,19.2021429 25.8963095,21.0457143 24.315119,22.9141429 C23.7359485,23.5960391 23.1154219,24.2417004 22.4570476,24.8474762 L22.1373571,25.1367857 L21.8473571,25.388119 C21.7617381,25.460619 21.6968333,25.5144762 21.6560952,25.547619 L21.4641429,25.3888095 L21.1741429,25.1367857 C20.3963196,24.4488521 19.6685526,23.7063174 18.996381,22.9148333 C17.4151905,21.0457143 16.4519762,19.2021429 16.386381,17.5636429 L16.3829286,17.3882619 C16.3829286,14.6491429 18.7443571,12.4285714 21.6560952,12.4285714 L21.6560952,12.4285714 Z M23.9726429,3.45238096 C25.2230952,3.45238096 26.2380952,4.44873809 26.2380952,5.67709522 L26.2380952,12.7945238 C25.0435714,11.7090952 23.4271667,11.047619 21.6567857,11.047619 C18.0000238,11.047619 15.0026667,13.8668333 15.0026667,17.3882619 L15.0068095,17.5905714 C15.0806905,19.4638333 16.0190476,21.4420476 17.6692857,23.4761905 L4.33619048,23.4761905 C3.08642857,23.4761905 2.07142857,22.4798333 2.07142857,21.2514762 L2.07142857,5.67709522 C2.07142857,4.44804761 3.08642857,3.45238096 4.33688096,3.45238096 L23.9733333,3.45238096 L23.9726429,3.45238096 Z M21.6533333,14.5020714 C19.9768572,14.5020714 18.6325,15.7359524 18.5503333,17.2570714 L18.5461905,17.4048333 L18.5482619,17.500119 C18.590381,18.5800238 19.315381,20.0631667 20.7135952,21.7403333 C20.9103809,21.9771667 21.1161428,22.2119286 21.3288095,22.4432381 L21.6533333,22.7877857 L21.9778571,22.4432381 C22.1905238,22.2119286 22.3962857,21.9771667 22.5930714,21.7403333 C23.9305238,20.1356667 24.6520714,18.7091429 24.7494286,17.6430476 L24.7584048,17.500119 L24.7604762,17.4048333 C24.7604762,15.8167381 23.3843571,14.5020714 21.6533333,14.5020714 Z M21.6167381,16.0135238 C22.5700868,16.0135238 23.3429286,16.7863656 23.3429286,17.7397143 C23.3429286,18.693063 22.5700868,19.4659048 21.6167381,19.4659048 C20.6633894,19.4659048 19.8905476,18.693063 19.8905476,17.7397143 C19.8905476,16.7863656 20.6633894,16.0135238 21.6167381,16.0135238 L21.6167381,16.0135238 Z M12.4285714,13.1190476 L5.52380952,13.1190476 L5.52380952,15.1904762 L12.4285714,15.1904762 L12.4285714,13.1190476 Z M18.3286905,8.2857143 L5.52380952,8.2857143 L5.52380952,10.3571429 L18.3286905,10.3571429 L18.3286905,8.2857143 Z" transform="translate(14 14)" fill="#FFF" fill-rule="nonzero"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

1
weapp/images/xunjian.svg

@ -1 +0,0 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1673832203014" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4951" width="128" height="128" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M517.654925 447.136478c68.837254 0 124.897433-54.210866 124.897433-120.908418 0-66.697552-56.060179-120.908418-124.897433-120.908418-68.837254 0-124.897433 54.210866-124.897432 120.908418 0 66.697552 56.044896 120.908418 124.897432 120.908418zm0-182.44012c34.647881 0 62.693254 27.86197 62.693254 62.234746 0 34.326925-28.045373 62.234746-62.693254 62.234747-34.60203 0-62.693254-27.907821-62.693253-62.234747 0-34.372776 28.091224-62.234746 62.693253-62.234746zm-120.893134 365.338746c1.803463 2.567642 3.576358 4.630925 5.028299 6.113433 42.136836 51.001313 84.60991 84.930866 86.44394 86.367523l29.589015 23.521433 29.466746-23.704836c1.83403-1.436657 44.169552-35.763582 86.22997-86.581493 1.436657-1.528358 3.270687-3.652776 5.058866-6.266268 60.140896-78.282507 134.908179-191.732537 151.811821-289.944836 3.255403-22.390448 3.347104-35.946985 3.347104-37.429493 0.565493-73.391761-28.717851-142.366567-82.409074-193.994507-51.994746-50.007881-120.801433-77.533612-193.673553-77.533612-72.597015 0-141.220299 27.525731-193.215044 77.533612-53.981612 51.903045-83.448358 121.229373-82.882866 195.156059 0 1.176836 0.091701 14.779224 3.224836 36.099821 18.141612 105.08991 102.537552 226.594388 151.97994 290.663164zm120.893134-522.988895c113.816836 0 206.985552 90.937313 206.160239 203.928836 0 0 0 10.224716-2.47594 27.174209-13.617672 79.123104-77.915701 177.136716-129.467224 244.078806-0.412657 0.794746-1.23797 1.558925-1.635343 1.971582-35.885851 43.680478-72.581731 73.223642-72.581732 73.223642s-36.711164-29.145791-72.581731-72.826269c-0.397373-0.397373-1.222687-1.207403-1.650627-1.971582-51.551522-66.529433-115.849552-164.955701-129.45194-243.712-2.47594-16.903642-2.47594-27.174209-2.47594-27.174209-0.840597-112.976239 92.343403-204.693015 206.160238-204.693015zM219.884896 993.432836 901.471522 993.432836c58.643104 0 107.229612-44.521075 107.229612-100.825791 0-56.304716-48.586507-100.810507-107.229612-100.810508L122.513194 791.796537c-22.023642 0-38.835582-15.405851-38.835582-32.98197 0-17.591403 16.81194-32.997254 38.835582-32.997254l121.718448 0a34.036537 34.036537 0 0 0 34.189373-33.914268 34.051821 34.051821 0 0 0-34.189373-33.914269L122.513194 657.988776c-58.627821 0-107.214328 44.505791-107.214328 100.825791 0 56.304716 48.586507 100.810507 107.214328 100.810508l778.958328 0c22.038925 0 38.850866 15.390567 38.850866 32.98197s-16.81194 32.98197-38.850866 32.98197L219.884896 925.589015a34.067104 34.067104 0 0 0-34.189374 33.929552A34.067104 34.067104 0 0 0 219.884896 993.432836z" fill="#7F8389" p-id="4952"></path></svg>

Before

Width:  |  Height:  |  Size: 2.8 KiB

25
weapp/pages/overview/overview.wxml

@ -1,18 +1,23 @@
<!-- pages/overview/overview.wxml -->
<view style="margin-top: 42rpx;">
<view style="margin-top: 39px;">
<view class="menu-box">
<view class="box" bindtap="bindPolling">
<image class="logo" src="/images/xunjian.svg"></image>
<view class="txt">巡检</view>
<image class="right" src="/images/right.svg"></image>
<image class="logo" src="/images/inspection.svg"></image>
<view class="txt">
巡检
</view>
</view>
<view class="box" bindtap="bindTroubleshooting">
<image class="logo" src="/images/tabBar/icon_menu.png"></image>
<view class="txt">问题处理</view>
<image class="right" src="/images/right.svg"></image>
<image class="logo" src="/images/issue.svg"></image>
<view class="txt">
问题处理
</view>
</view>
<view class="box" bindtap="bindInspectionReport">
<image class="logo" src="/images/inspection-report.svg"></image>
<view class="txt">巡检报告</view>
<image class="right" src="/images/right.svg"></image>
<image class="logo" src="/images/report.svg"></image>
<view class="txt">
巡检报告
</view>
</view>
</view>
</view>

35
weapp/pages/overview/overview.wxss

@ -4,32 +4,25 @@ page {
background-color: #F7F7FA;
}
.menu-box {
display: flex;
justify-content: space-around;
}
.box {
width: 672rpx;
height: 178rpx;
margin: 42rpx auto 21rpx;
background: #fff;
box-shadow: 0rpx 0rpx 10rpx #ccc;
border-radius: 8rpx;
height: 97px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.logo {
width: 90rpx;
height: 90rpx;
float: left;
margin: 48rpx 50rpx 0 50rpx;
width: 57px;
height: 57px;
}
.txt {
float: left;
line-height: 112rpx;
margin: 34rpx;
}
.right {
width: 32rpx;
height: 32rpx;
display: block;
float: right;
margin: 74rpx 40rpx;
margin-top: 16px;
font-size: 17px;
}
Loading…
Cancel
Save