UDI
/
udi-spms-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页

Browse Source
test
wj 1 year ago
parent 6cda59cb0a
commit 87b8d5ce85
5 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File

13
src/App.vue
Unescape Escape View File

@ -19,7 +19,20 @@ export default {
}
</script>
<style>
/* 自定义滚动条样式 */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #909399;
border-radius: 4px;
}
::-webkit-scrollbar-track {
border-radius: 4px;
}
.width-full{
width: 100%;

12
src/assets/svg/已对照产品.svg
Unescape Escape View File

@ -1,11 +1 @@
<?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="1700031660336" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8074"
xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
<path
d="M961.494778 163.055425 712.444901 8.538501c-20.49099-12.761994-48.420976-11.057995-67.262967 4.081998L511.969 119.792446 378.785066 12.636499c-18.763991-15.097993-46.776977-16.910992-67.191967-4.119998l-249.129877 154.559924c-33.058984 20.57199-36.794982 68.764966-6.564997 93.653954l115.608943 96.585952-94.004954 73.476964c-31.079985 23.968988-29.337986 72.402964 3.503998 93.986954L320.127095 679.33517c20.62699 13.590993 47.820976 12.570994 67.535967-2.314999l124.322939-95.727953 123.569939 95.653953c19.141991 14.733993 47.582977 15.754992 67.671967 2.348999l239.204882-158.550922c32.569984-21.687989 34.376983-69.647966 3.657998-93.810954l-93.731954-73.459964 115.553943-96.591952C998.26176 231.864391 994.735762 183.793415 961.494778 163.055425L961.494778 163.055425zM796.25686 386.209315l109.908946 86.148957L671.159921 628.134195l-109.562946-84.784958L796.25686 386.209315 796.25686 386.209315zM561.690975 157.273428l120.159941-96.660952 244.914879 151.954925L803.019856 316.050349 561.690975 157.273428 561.690975 157.273428zM743.267886 349.009333 511.824 504.004257 279.742115 350.471332l232.237885-153.631924L743.267886 349.009333 743.267886 349.009333zM462.102025 543.486237l-109.233946 84.099959L117.232195 472.361272l108.807946-85.023958L462.102025 543.486237 462.102025 543.486237zM97.219205 212.5764 342.712084 61.100475l119.593941 96.217953L221.639143 316.519349 97.219205 212.5764 97.219205 212.5764z"
p-id="8075" fill="#1296db"></path>
<path
d="M519.265996 654.201182 359.448075 775.833122 172.313168 651.794184l0 154.424924c0 20.67199 10.387995 38.939981 28.499986 50.116975l282.212861 159.500921c18.559991 10.488995 41.873979 11.098995 60.42697 0.486L824.017846 855.845083c17.101992-10.535995 27.724986-29.550985 27.724986-49.625976L851.742832 661.055179 677.720918 775.313123 519.265996 654.201182zM232.688138 764.252128l94.685953 62.752969c20.53599 13.579993 47.810976 12.641994 67.453967-2.238999l124.357939-94.622953 123.651939 94.489953c19.077991 14.707993 47.656976 15.857992 67.673967 2.352999l80.85196-53.568974-0.005 31.577984L514.309999 963.45103 232.688138 805.030108 232.688138 764.252128 232.688138 764.252128z"
p-id="8076" fill="#1296db"></path>
</svg>
<?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="1700041612651" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4572" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M887.466667 627.2c-2.133333 0-2.133333 0 0 0-6.4-4.266667-12.8-10.666667-12.8-19.2V192c0-12.8-8.533333-21.333333-21.333334-21.333333h-177.066666c-38.4 0-72.533333-25.6-83.2-64-10.666667-40.533333-46.933333-66.133333-87.466667-64-36.266667 2.133333-66.133333 29.866667-76.8 66.133333C418.133333 145.066667 384 170.666667 347.733333 170.666667H170.666667c-12.8 0-21.333333 8.533333-21.333334 21.333333v768c0 12.8 8.533333 21.333333 21.333334 21.333333h352c8.533333 0 14.933333 4.266667 19.2 10.666667 6.4 14.933333-2.133333 29.866667-19.2 29.866667H170.666667c-36.266667 0-64-27.733333-64-64V192c0-36.266667 27.733333-64 64-64h177.066666c19.2 0 36.266667-12.8 40.533334-32 14.933333-55.466667 64-96 123.733333-96s108.8 40.533333 123.733333 96c4.266667 19.2 21.333333 32 40.533334 32H853.333333c36.266667 0 64 27.733333 64 64v416c0 14.933333-17.066667 25.6-29.866666 19.2zM256 746.666667h256c14.933333 0 25.6 14.933333 19.2 29.866666-2.133333 8.533333-10.666667 12.8-19.2 12.8H256c-12.8 0-21.333333-8.533333-21.333333-21.333333s8.533333-21.333333 21.333333-21.333333z m0-192h426.666667c12.8 0 21.333333 8.533333 21.333333 21.333333s-8.533333 21.333333-21.333333 21.333333H256c-12.8 0-21.333333-8.533333-21.333333-21.333333s8.533333-21.333333 21.333333-21.333333zM469.333333 170.666667c-12.8 0-21.333333-8.533333-21.333333-21.333334s8.533333-21.333333 21.333333-21.333333h85.333334c12.8 0 21.333333 8.533333 21.333333 21.333333s-8.533333 21.333333-21.333333 21.333334h-85.333334z m320 213.333333c0 12.8-8.533333 21.333333-21.333333 21.333333H256c-12.8 0-21.333333-8.533333-21.333333-21.333333s8.533333-21.333333 21.333333-21.333333h512c10.666667 0 21.333333 8.533333 21.333333 21.333333z m-134.4 490.666667l64 61.866666 162.133334-162.133333c8.533333-8.533333 21.333333-8.533333 29.866666 0 8.533333 8.533333 8.533333 21.333333 0 29.866667l-192 192-93.866666-91.733334c-8.533333-8.533333-8.533333-21.333333 0-29.866666 8.533333-8.533333 21.333333-8.533333 29.866666 0z" fill="#409EFF" p-id="4573"></path></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

2
src/assets/svg/库存预警.svg
Unescape Escape View File

@ -1 +1 @@
<?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="1700031162455" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4954" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M807.424 986.624H225.28c-30.208 0-53.76-23.552-53.76-53.76V363.008h51.2v569.856c0 1.536 1.024 2.56 2.56 2.56h582.144c1.536 0 2.56-1.024 2.56-2.56V363.008h51.2v569.856c0 30.208-23.552 53.76-53.76 53.76z" p-id="4955" fill="#d81e06"></path><path d="M993.28 542.72c-6.656 0-13.312-2.56-17.92-7.68l-455.68-455.68-455.68 455.68c-10.24 10.24-26.112 10.24-36.352 0s-10.24-26.112 0-36.352L501.76 25.6c10.24-10.24 26.112-10.24 36.352 0l473.6 473.6c10.24 10.24 10.24 26.112 0 36.352-5.12 4.608-11.776 7.168-18.432 7.168z" p-id="4956" fill="#d81e06"></path><path d="M517.12 720.896c-13.824 0-26.112-10.24-27.648-24.576l-39.424-276.992c-6.144-40.96 26.112-77.824 67.072-77.824 41.472 0 73.216 36.864 67.072 77.824l-39.424 276.992c-2.048 14.336-13.824 24.576-27.648 24.576z" p-id="4957" fill="#d81e06"></path><path d="M517.12 788.48m-37.888 0a37.888 37.888 0 1 0 75.776 0 37.888 37.888 0 1 0-75.776 0Z" p-id="4958" fill="#d81e06"></path></svg>
<?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="1700041424195" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18284" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M453.030445 733.571375l117.7938 0 0 117.7938-117.7938 0L453.030445 733.571375zM486.377948 674.67601l57.674561 0 26.770713-294.485011-117.7938 0L486.377948 674.67601zM996.086765 969.130322l0 0.029676-966.975239 0c-15.247262 0-27.608801-12.361539-27.608801-27.608801 0-5.248537 1.465374-10.155291 4.00829-14.332427l-0.064468 0 480.603943-854.407464c3.911076-10.494005 14.020318-17.971303 25.877367-17.971303 11.857049 0 21.966291 7.477298 25.877367 17.971303l480.013495 853.358575c2.955308 4.396123 4.680603 9.68764 4.680603 15.381315C1022.497275 956.395276 1010.778372 968.500988 996.086765 969.130322zM976.214159 931.340647l-464.285279-825.515437-464.3477 825.515437L976.214159 931.340647z" fill="#fd1403" p-id="18285"></path></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

2
src/assets/svg/资质预警.svg
Unescape Escape View File

@ -1 +1 @@
<?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="1700031219867" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6137" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M677.736296 306.536296H212.385185c-15.739259 0-28.444444-12.705185-28.444444-28.444444s12.705185-28.444444 28.444444-28.444445h465.351111c15.739259 0 28.444444 12.705185 28.444445 28.444445s-12.705185 28.444444-28.444445 28.444444zM622.933333 482.322963H209.351111c-15.739259 0-28.444444-12.705185-28.444444-28.444444s12.705185-28.444444 28.444444-28.444445H622.933333c15.739259 0 28.444444 12.705185 28.444445 28.444445s-12.705185 28.444444-28.444445 28.444444zM540.823704 653.937778H209.351111c-15.739259 0-28.444444-12.705185-28.444444-28.444445s12.705185-28.444444 28.444444-28.444444h331.567408c15.739259 0 28.444444 12.705185 28.444444 28.444444s-12.8 28.444444-28.539259 28.444445zM883.01037 683.804444h-54.708148c-12.61037 0-22.755556-10.145185-22.755555-22.755555s10.145185-22.755556 22.755555-22.755556h54.708148c12.61037 0 22.755556 10.145185 22.755556 22.755556s-10.145185 22.755556-22.755556 22.755555zM883.01037 766.008889h-54.708148c-12.61037 0-22.755556-10.145185-22.755555-22.755556s10.145185-22.755556 22.755555-22.755555h54.708148c12.61037 0 22.755556 10.145185 22.755556 22.755555s-10.145185 22.755556-22.755556 22.755556zM937.813333 587.472593H691.38963c-12.61037 0-22.755556-10.145185-22.755556-22.755556s10.145185-22.755556 22.755556-22.755556H937.718519c12.61037 0 22.755556 10.145185 22.755555 22.755556s-10.145185 22.755556-22.660741 22.755556z" p-id="6138" fill="#d81e06"></path><path d="M814.554074 958.577778c-50.251852 0-91.211852-40.865185-91.211852-91.211852V565.096296c0-12.61037 10.145185-22.755556 22.755556-22.755555h136.912592c12.61037 0 22.755556 10.145185 22.755556 22.755555v302.26963c0 50.346667-40.865185 91.211852-91.211852 91.211852zM768.948148 587.851852v279.514074c0 25.220741 20.48 45.700741 45.700741 45.700741s45.700741-20.48 45.700741-45.700741V587.851852H768.948148z" p-id="6139" fill="#d81e06"></path><path d="M304.355556 964.266667h-1.042963c-7.86963-0.284444-15.36-3.887407-20.48-9.860741L201.955556 860.634074l-90.832593 93.392593c-8.059259 8.343704-20.385185 10.903704-31.099259 6.542222a28.472889 28.472889 0 0 1-17.730371-26.358519L62.577778 135.585185c0-41.813333 34.038519-75.851852 75.851852-75.851852h629.38074c41.813333 0 75.851852 34.038519 75.851852 75.851852v251.828148c0 15.739259-12.705185 28.444444-28.444444 28.444445s-28.444444-12.705185-28.444445-28.444445V135.585185c0-10.42963-8.533333-18.962963-18.962963-18.962963H138.42963c-10.42963 0-18.962963 8.533333-18.962963 18.962963l-0.284445 728.557037 63.620741-65.422222c5.594074-5.688889 13.179259-8.817778 21.238518-8.628148 7.964444 0.284444 15.454815 3.792593 20.66963 9.860741l81.161482 94.056296 94.34074-94.435556c5.30963-5.30963 12.61037-8.343704 20.100741-8.343703s14.791111 3.034074 20.100741 8.343703L556.562963 915.721481c11.093333 11.093333 11.093333 29.108148 0 40.201482s-29.108148 11.093333-40.201482 0L420.408889 859.875556l-95.857778 96.047407c-5.404444 5.30963-12.61037 8.343704-20.195555 8.343704z" p-id="6140" fill="#d81e06"></path></svg>
<?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="1700041341581" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16800" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M438.272 546.05824v83.968h119.45984c48.0256-69.2224 128.04096-115.17952 218.9312-115.17952h6.8608V176.59904s-90.89024-3.97312-192.63488-43.13088c-101.1712-39.7312-167.48544-84.56192-175.5136-90.23488L411.97568 40.96l-2.8672 1.69984c-2.84672 1.69984-70.8608 48.80384-176.04608 90.23488C131.2768 173.19936 40.96 176.59904 40.96 176.59904v405.77024c0 84.5824 21.15584 171.39712 114.8928 257.08544 82.90304 75.48928 216.6784 137.91232 256.1024 137.91232 19.456 0 78.88896-22.71232 140.63616-56.75008-26.86976-42.57792-41.73824-91.38176-41.73824-141.88544 0-32.91136 6.28736-64.12288 17.16224-93.06112H207.872v-56.19712h67.46112v-147.5584h56.60672v146.98496h49.152V392.25344h56.58624v99.328h119.48032v53.90336l-118.90688 0.57344z m20.56192-207.1552h-93.75744l-138.32192 125.41952-37.74464-41.984 153.78432-140.1856h135.4752l157.77792 141.312-38.87104 41.43104-138.3424-125.99296z m318.40256 235.52c-113.74592 0-205.78304 91.38176-205.78304 204.30848C571.45344 891.6992 663.49056 983.04 777.216 983.04 891.00288 983.04 983.04 891.67872 983.04 778.73152c0-112.92672-92.03712-204.30848-205.80352-204.30848z m107.47904 175.37024l-110.8992 110.65344c-5.14048 5.12-12.57472 7.94624-19.43552 7.94624h-1.14688c-6.8608 0-14.29504-2.82624-19.43552-7.94624l-1.14688-1.1264-64.02048-61.8496c-10.8544-10.79296-10.28096-28.95872 1.14688-40.30464s29.71648-11.91936 40.59136-1.1264l43.43808 40.8576 89.74336-89.088c10.8544-10.79296 29.16352-10.24 40.59136 1.1264 11.42784 11.91936 12.00128 30.06464 0.57344 40.8576z" fill="#fd1403" p-id="16801"></path></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

8
src/views/index.vue
Unescape Escape View File

@ -7,13 +7,15 @@
<!-- 分割线 -->
<div class="mt10 grid-container grid-container3" style="height: 15%">
<el-card v-for="item in card" class="grid-item" body-style="padding:0px;height:100%">
<el-row :gutter="20">
<el-image class="height-full" style="border-radius: 4px;width: 30%;"
<el-row>
<div class="height-full fl center ml20" style="width: 30%">
<el-image style="border-radius: 4%;width: 80%;height: 80%"
:src="item.svg">
<div slot="placeholder" class="image-slot">
加载中<span class="dot">...</span>
</div>
</el-image>
</div>
<div class="height-full fr center mr20">
<span class="header d-block">
{{ item.title }}
@ -166,7 +168,7 @@ export default {
// 版本号
version: "4.3.0",
card: [
{color: '#ef5c3b', title: '已对照产品', text: '999999', svg: 已对照产品},
{color: '#394047', title: '已对照产品', text: '999999', svg: 已对照产品},
{color: '#ef5c3b', title: '库存预警', text: '999999', svg: 库存预警},
{color: '#ef5c3b', title: '资质预警', text: '999999', svg: 资质预警},
],

Write Preview
Loading…
Cancel
Save