Skip to content

肖康 / cloudSystem

Go to a project
Commit 71518d01 by duwenjun
Options

Merge branch 'dev/ver/3.0.0' into 'master' 

Dev/ver/3.0.0

See merge request !1
parents 413d0988 c2ce38e3
Inline Side-by-side
Showing with 7735 additions and 2081 deletions
public/uploadSku.csv 0 → 100644
*上架有效期,*商品型号,*制造商,*库存数量,"*最小起订量
(MOQ)",标准包装量（MPQ）,封装,*批次,大陆交期,香港交期,简短描述,物料编码,*显示类型（国内现货，国际现货，猎芯期货）,成本价(RMB),成本价(USD),阶梯数量1,国内含税价1(￥),香港交货价1($),阶梯数量2,国内含税价2(￥),香港交货价2($),阶梯数量3,国内含税价3(￥),香港交货价3($),阶梯数量4,国内含税价4（￥）,香港交货价4（$）,阶梯数量5,国内含税价5（￥）,香港交货价5（$）,阶梯数量6,国内含税价6（￥）,香港交货价6（$）,阶梯数量7,国内含税价7（￥）,香港交货价7（$）,阶梯数量8,国内含税价8（￥）,香港交货价8（$）,阶梯数量9,国内含税价9（￥）,香港交货价9（$）
2022/2/20,NFM18CC471R1C3D,ws-brand-test-1,1200,1000,1000,,2205,2-5工作日,7-10工作日,,,国内现货,,,1000,0.08,0.06,2000,0.05,0.04,3000,0.03,0.02,,,,,,,,,,,,,,,,,,
2022/2/20,FM18CC1R1C3,ws-brand-01,1200,1000,1000,,22+,2-5工作日,7-10工作日,,,国际现货,,,1000,0.08,0.06,2000,0.05,0.04,3000,0.03,0.02,,,,,,,,,,,,,,,,,,
2022/2/20,FM18CC1R1C3,ws-brand-01,1200,1000,1000,,2201-2205,2-5工作日,7-10工作日,,,猎芯期货,,,1000,0.08,0.06,2000,0.05,0.04,3000,0.03,0.02,,,,,,,,,,,,,,,,,,
public/云芯-优势货源导入模板.xlsx 0 → 100644
No preview for this file type
src/App.vue
<template> <template>
<div id="app"> <div id="app">
<keep-alive exclude="InquireDetail,ListDetail,orderTrackGoodsDetail,orderTrackPurAdd,enter,list,inquire,quote"> <keep-alive exclude="InquireDetail,ListDetail,orderTrackGoodsDetail,orderTrackPurAdd,enter,list,inquire,quote,orderTrackInvoice">
<router-view class="router-view"></router-view> <router-view class="router-view"></router-view>
</keep-alive> </keep-alive>
</div> </div>
......
src/ajax/index.js
...@@ -12,23 +12,27 @@ import Util from "../tool"; ...@@ -12,23 +12,27 @@ import Util from "../tool";
const envs = process.env.NODE_ENV; const envs = process.env.NODE_ENV;
export let NODE_ENVS = "/"; export let NODE_ENVS = "/";
export let NODE_ENVS_MSG = "/";//消息系统
switch (envs) { switch (envs) {
case 'development': case 'development':
//开发环境 //开发环境
NODE_ENVS = 'http://cloud.liexindev.net'; NODE_ENVS = 'http://cloud.liexindev.net';
NODE_ENVS_MSG = 'http://192.168.1.252:16543';
break; break;
case 'test': case 'test':
//测试环境 //测试环境
NODE_ENVS = 'http://cloud.liexindev.net'; NODE_ENVS = 'http://cloud.liexindev.net';
NODE_ENVS_MSG = 'http://192.168.1.252:16543';
break; break;
case 'production': case 'production':
//线上环境 //线上环境
NODE_ENVS = '//cloud.ichunt.com'; NODE_ENVS = '//cloud.ichunt.com';
NODE_ENVS_MSG = 'https://msg.ichunt.net';
break; break;
} }
export const http = (method, url, param,loading) => { export const http = (method, url, param, loading) => {
//axios.defaults.withCredentials = true; // 携带cookie //axios.defaults.withCredentials = true; // 携带cookie
//loading 默认加载loading 传1 不加载 //loading 默认加载loading 传1 不加载
param = param && typeof param === 'object' ? param : {}; param = param && typeof param === 'object' ? param : {};
...@@ -39,19 +43,19 @@ export const http = (method, url, param,loading) => { ...@@ -39,19 +43,19 @@ export const http = (method, url, param,loading) => {
transformRequest: [function (param) { transformRequest: [function (param) {
return qs.stringify(param); return qs.stringify(param);
}], }],
loading:(loading?false:true) loading: (loading ? false : true)
}; };
//param.token=token //param.token=token
if(url!="/auth/cp"&&url!="/auth/login"){ if (url != "/auth/cp" && url != "/auth/login") {
config.headers={ config.headers = {
'Authorization': 'Bearer ' + token 'Authorization': 'Bearer ' + token
} }
} }
// post请求时需要设定Content-Type // post请求时需要设定Content-Type
if (method == 'post'||method == 'POST') { if (method == 'post' || method == 'POST') {
config.data = param; config.data = param;
} else if (method === 'get'||method == 'GET') { } else if (method === 'get' || method == 'GET') {
config.params = param; config.params = param;
} }
return axios(config); return axios(config);
......
src/ajax/loading.js
import {Loading} from 'element-ui';
import Vue from 'vue';
import { Loading } from 'element-ui';
let loadingCount = 0; let loadingCount = 0;
let loading; let loading;
......
src/assets/css/font/demo_index.html
...@@ -55,6 +55,12 @@ ...@@ -55,6 +55,12 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe609;</span>
<div class="name">数据统计</div>
<div class="code-name">&amp;#xe609;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60a;</span> <span class="icon iconfont">&#xe60a;</span>
<div class="name">消息管理</div> <div class="name">消息管理</div>
<div class="code-name">&amp;#xe60a;</div> <div class="code-name">&amp;#xe60a;</div>
...@@ -210,9 +216,9 @@ ...@@ -210,9 +216,9 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1665219700763') format('woff2'), src: url('iconfont.woff2?t=1677120594046') format('woff2'),
url('iconfont.woff?t=1665219700763') format('woff'), url('iconfont.woff?t=1677120594046') format('woff'),
url('iconfont.ttf?t=1665219700763') format('truetype'); url('iconfont.ttf?t=1677120594046') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
...@@ -239,6 +245,15 @@ ...@@ -239,6 +245,15 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont iconshujutongji"></span>
<div class="name">
数据统计
</div>
<div class="code-name">.iconshujutongji
</div>
</li>
<li class="dib">
<span class="icon iconfont iconxiaoxiguanli1"></span> <span class="icon iconfont iconxiaoxiguanli1"></span>
<div class="name"> <div class="name">
消息管理 消息管理
...@@ -474,6 +489,14 @@ ...@@ -474,6 +489,14 @@
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconshujutongji"></use>
</svg>
<div class="name">数据统计</div>
<div class="code-name">#iconshujutongji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconxiaoxiguanli1"></use> <use xlink:href="#iconxiaoxiguanli1"></use>
</svg> </svg>
<div class="name">消息管理</div> <div class="name">消息管理</div>
......
src/assets/css/font/iconfont.css
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2537242 */ font-family: "iconfont"; /* Project id 2537242 */
src: url('iconfont.woff2?t=1665219700763') format('woff2'), src: url('iconfont.woff2?t=1677120594046') format('woff2'),
url('iconfont.woff?t=1665219700763') format('woff'), url('iconfont.woff?t=1677120594046') format('woff'),
url('iconfont.ttf?t=1665219700763') format('truetype'); url('iconfont.ttf?t=1677120594046') format('truetype');
} }
.iconfont { .iconfont {
...@@ -13,6 +13,10 @@ ...@@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.iconshujutongji:before {
content: "\e609";
}
.iconxiaoxiguanli1:before { .iconxiaoxiguanli1:before {
content: "\e60a"; content: "\e60a";
} }
......
src/assets/css/font/iconfont.js
window._iconfont_svg_string_2537242='<svg><symbol id="iconxiaoxiguanli1" viewBox="0 0 1024 1024"><path d="M606.432743 951.081247c-12.797467 0-25.269523-3.586688-33.828456-6.052856-58.241472-16.791431-102.33983-62.724577-137.798413-105.437377-213.768665-29.588899-370.966916-189.946097-370.966916-379.647623 0-213.401298 201.052039-387.024637 448.16002-387.024637s448.16002 173.623339 448.16002 387.024637c0 171.60538-132.744303 324.05549-323.200006 371.680161 1.426489 5.399987 3.015683 10.698666 4.524037 15.854083 2.934842 9.843182 5.665023 19.298532 7.498788 28.203342 3.668553 18.299785 9.210779 45.871747-10.43363 64.007803C629.134791 948.329577 617.641015 951.081247 606.432743 951.081247zM512 135.520533c-212.586746 0-385.557216 145.541771-385.557216 324.422857 0 158.27784 134.619 292.571429 320.143391 319.348282 14.264888 2.057869 27.185152 9.272177 36.354999 20.276812 30.078039 36.21276 63.417355 71.344908 103.725386 84.305081-1.426489-5.950526-3.301186-12.186554-5.216815-18.645662-2.119267-7.234775-4.320399-14.69263-6.195096-22.293749-3.790326-15.263635-1.385557-31.015388 6.766101-44.38386 8.273431-13.613042 21.438265-23.210631 37.08871-27.000957 163.92342-39.880289 278.44878-168.019715 278.44878-311.604924C897.557216 281.062304 724.586746 135.520533 512 135.520533z" ></path><path d="M273.964652 465.092667m-58.989509 0a57.646 57.646 0 1 0 117.979018 0 57.646 57.646 0 1 0-117.979018 0Z" ></path><path d="M511.983627 465.092667m-58.989509 0a57.646 57.646 0 1 0 117.979018 0 57.646 57.646 0 1 0-117.979018 0Z" ></path><path d="M750.002602 465.092667m-58.989509 0a57.646 57.646 0 1 0 117.979018 0 57.646 57.646 0 1 0-117.979018 0Z" ></path></symbol><symbol id="iconzhibiaozhuizong" viewBox="0 0 1024 1024"><path d="M556.014 314.652c0-18.079-12.226-35.088-27.339-35.088H200.607c-15.111 0-27.34 17.009-27.34 35.088s12.227 35.087 27.34 35.087h328.068c15.108 0.001 27.339-17.008 27.339-35.087zM198.261 483.713c-13.813 0-24.993 17.541-24.993 35.619 0 18.08 11.179 35.621 24.993 35.621h199.934c13.813 0 24.993-17.541 24.993-35.621s-11.179-35.619-24.993-35.619H198.261zM333.98 689.989H196.227c-12.692 0-22.958 17.541-22.958 35.619s10.27 35.621 22.958 35.621H333.98c12.692 0 22.958-17.542 22.958-35.621s-10.27-35.619-22.958-35.619z" ></path><path d="M348.383 905.531H137.427c-32.899 0-59.671-25.589-59.671-57.052V177.532c0-31.465 26.768-57.052 59.671-57.052h600.351c32.837 0 59.607 25.587 59.607 57.052v139.21c0 18.08 14.628 32.713 32.711 32.713 18.079 0 32.711-14.63 32.711-32.713v-139.21c0-67.527-56.094-122.474-125.028-122.474H137.43c-68.997 0.001-125.091 54.947-125.091 122.474v670.942c0 67.532 56.094 122.474 125.091 122.474h210.958c18.079 0 32.713-14.629 32.713-32.711s-14.63-32.711-32.714-32.711z" ></path><path d="M678.399 407.335c-152.951 0-276.933 123.983-276.933 276.913 0 152.951 123.983 276.933 276.933 276.933 152.931 0 276.913-123.983 276.913-276.933 0-152.931-123.983-276.913-276.913-276.913z m0 492.695c-119.165 0-215.781-96.598-215.781-215.781 0-119.166 96.619-215.764 215.781-215.764 119.166 0 215.764 96.598 215.764 215.764 0 119.188-96.598 215.781-215.764 215.781z" ></path><path d="M784.19 642.783c0-57.27-45.653-103.691-101.983-103.691S580.23 585.513 580.23 642.783c0 44.252 90.852 181.851 101.983 181.851S784.19 693.526 784.19 642.783m-45.428-3.096c0 30.463-24.699 55.162-55.162 55.162-30.462 0-55.161-24.699-55.161-55.162s24.699-55.162 55.161-55.162c30.463 0 55.162 24.693 55.162 55.162m5.071 193.706c0 4.141-2.566 7.494-5.732 7.494H626.315c-3.165 0-5.732-3.355-5.732-7.494s2.566-7.494 5.732-7.494h111.786c3.165 0 5.732 3.355 5.732 7.494z" ></path></symbol><symbol id="iconwendangguanli" viewBox="0 0 1024 1024"><path d="M250.212174 44.521739C188.059826 44.521739 137.750261 96.701217 137.750261 161.124174v699.614609c0 64.422957 50.309565 116.646957 112.372869 116.646956h561.997913c62.063304 0 118.561391-52.224 118.561392-116.646956V249.766957L738.482087 44.521739H250.212174z m449.224348 66.649044l165.175652 166.555826h-138.195478a27.158261 27.158261 0 0 1-26.980174-27.247305v-139.353043z m110.102261 799.565913H258.938435c-30.408348 0-55.073391-25.6-55.073392-57.07687V168.247652c0-31.521391 24.665043-57.07687 55.073392-57.076869h385.424695v171.319652c0 31.521391 24.665043 57.121391 55.073392 57.121391h165.175652v514.048c0 31.47687-24.665043 57.07687-55.073391 57.07687z" fill="#A1ACC1" ></path><path d="M44.521739 400.695652m44.521739 0l845.913044 0q44.521739 0 44.521739 44.521739l0 311.652174q0 44.521739-44.521739 44.521739l-845.913044 0q-44.521739 0-44.521739-44.521739l0-311.652174q0-44.521739 44.521739-44.521739Z" fill="#FFFFFF" ></path><path d="M209.65287 756.869565v-111.794087h44.477217c64.111304 0 110.992696-29.651478 110.992696-94.163478 0-66.515478-46.881391-88.954435-112.595479-88.954435H163.172174V756.869565h46.480696z m40.069565-149.058782h-40.069565v-108.588522h38.466782c46.881391 0 71.323826 12.822261 71.323826 51.689739s-22.438957 56.898783-69.721043 56.898783zM501.359304 756.869565c88.153043 0 139.842783-52.891826 139.842783-148.658087 0-96.166957-51.689739-146.253913-142.246957-146.253913H422.422261V756.869565h78.937043z m-5.609739-38.066087h-26.846608v-219.180521h26.846608c63.309913 0 97.369043 34.860522 97.369044 108.588521 0 73.327304-34.05913 110.592-97.369044 110.592z m253.239652 38.066087v-127.020522h108.989218v-38.867478h-108.989218v-90.156522h128.222609v-38.867478h-174.703304V756.869565h46.480695z" fill="#A1ACC1" ></path></symbol><symbol id="iconupload" viewBox="0 0 1075 1024"><path d="M576.2048 134.2976a23.3984 23.3984 0 0 0-36.1984 0L257.536 457.1136c-9.9328 11.4176-5.7344 20.6848 9.3696 20.6848h127.1296c15.104 0 27.4944 12.3904 27.4944 27.4944v211.8144c0 15.104 12.3904 27.4944 27.4944 27.4944h218.1632a27.5968 27.5968 0 0 0 27.4944-27.4944V505.344c0-15.104 12.3904-27.4944 27.4944-27.4944h127.1296c15.104 0 19.3536-9.2672 9.3696-20.6848l-282.4704-322.8672M239.4112 834.7136c0-15.104 12.3904-27.4944 27.4944-27.4944H849.408c15.104 0 27.4944 12.3904 27.4944 27.4944v36.0448a27.5968 27.5968 0 0 1-27.4944 27.4944H266.9056a27.5968 27.5968 0 0 1-27.4944-27.4944v-36.0448" ></path></symbol><symbol id="iconpdf" viewBox="0 0 1024 1024"><path d="M847.644 1024H150.756c-48.356-5.689-88.178-42.667-93.867-93.867V93.867C62.578 45.51 102.4 5.689 150.756 0h466.488l327.112 327.111v605.867C935.822 981.333 896 1018.31 847.644 1024z m0-696.889H662.756c-25.6-2.844-45.512-22.755-45.512-45.511V93.867H196.267c-25.6-2.845-45.511 17.066-45.511 42.666v748.09c5.688 22.755 22.755 42.666 45.51 45.51h605.867c25.6-2.844 45.511-22.755 45.511-45.51V327.11z m-128 358.4c-45.51-2.844-91.022-19.911-125.155-51.2-68.267 17.067-133.689 36.978-199.111 65.422-54.045 93.867-102.4 139.378-142.222 139.378-8.534 0-17.067-2.844-25.6-5.689-17.067-8.533-28.445-25.6-28.445-45.51 0-14.223 2.845-56.89 162.133-128 36.978-65.423 65.423-136.534 88.178-207.645-19.91-39.823-62.578-139.378-34.133-190.578 11.378-17.067 31.289-28.445 51.2-28.445 17.067 0 34.133 8.534 45.511 22.756 22.756 31.289 19.911 93.867-8.533 190.578 28.444 51.2 62.577 96.71 105.244 133.689 34.133-8.534 71.111-11.378 105.245-11.378 79.644 0 91.022 36.978 91.022 59.733-2.845 56.89-59.734 56.89-85.334 56.89z m-472.177 102.4h5.689c22.755-8.533 42.666-25.6 54.044-45.511-25.6 8.533-45.511 25.6-59.733 45.511z m221.866-503.467h-5.689c-2.844 0-5.688 0-5.688 2.845-5.69 28.444-2.845 59.733 11.377 85.333 8.534-28.444 8.534-59.733 0-88.178z m14.223 244.623v2.844-2.844c-17.067 39.822-34.134 79.644-51.2 116.622l2.844-2.845-2.844 2.845c36.977-14.222 76.8-25.6 113.777-34.133h2.845c-25.6-25.6-48.356-54.045-65.422-82.49z m227.555 88.177c-14.222 0-28.444 0-42.667 2.845 17.067 8.533 34.134 11.378 51.2 14.222 11.378 2.845 22.756 0 34.134-2.844-2.845-5.69-8.534-11.378-42.667-14.223z" ></path></symbol><symbol id="iconjinzhi2" viewBox="0 0 1024 1024"><path d="M785.066667 170.666667a34.133333 34.133333 0 0 1 34.133333 34.133333v750.933333a34.133333 34.133333 0 0 1-34.133333 34.133334H102.4a34.133333 34.133333 0 0 1-34.133333-34.133334V204.8a34.133333 34.133333 0 0 1 34.133333-34.133333h682.666667z m-34.133334 68.266666H136.533333v682.666667h614.4V238.933333z m170.632534-204.8A34.133333 34.133333 0 0 1 955.733333 68.266667v785.066666a34.133333 34.133333 0 0 1-68.369066 0V102.4H204.834133a34.133333 34.133333 0 1 1 0-68.266667H921.6zM237.909333 580.266667a34.133333 34.133333 0 0 1 34.2016 34.133333v238.933333H203.776v-238.933333a34.133333 34.133333 0 0 1 34.167467-34.133333z m205.1072 68.266666a34.133333 34.133333 0 0 1 34.167467 34.133334v170.666666h-68.369067v-170.666666a34.133333 34.133333 0 0 1 34.2016-34.133334zM648.533333 512a34.133333 34.133333 0 0 1 34.133334 34.133333v307.2h-68.266667v-307.2a34.133333 34.133333 0 0 1 34.133333-34.133333z m28.398934-189.610667a34.133333 34.133333 0 0 1-9.454934 47.342934l-204.8 136.533333a34.133333 34.133333 0 0 1-44.885333-6.178133L341.333333 410.862933 264.874667 500.053333a34.133333 34.133333 0 1 1-51.882667-44.4416l102.4-119.466666a34.133333 34.133333 0 0 1 51.882667 0l82.705066 96.494933 179.6096-119.739733a34.133333 34.133333 0 0 1 47.342934 9.454933z" fill="#A1ACC1" ></path></symbol><symbol id="iconjinzhi" viewBox="0 0 1024 1024"><path d="M499.370667 34.133333C242.3808 34.133333 34.133333 242.414933 34.133333 499.370667c0 256.887467 208.2816 465.169067 465.237334 465.169066 256.887467 0 465.169067-208.2816 465.169066-465.2032C964.539733 242.414933 756.258133 34.133333 499.370667 34.133333z m0 860.637867c-218.4192 0-395.4688-177.0496-395.4688-395.434667 0-218.385067 177.0496-395.434667 395.434666-395.434666 218.385067 0 395.434667 177.0496 395.434667 395.434666 0 218.385067-177.0496 395.434667-395.434667 395.434667z m220.945066-430.318933H278.357333a34.884267 34.884267 0 0 0 0 69.802666h441.9584a34.884267 34.884267 0 0 0 0-69.802666z" fill="#A1ACC1" ></path></symbol><symbol id="iconjinzhi3" viewBox="0 0 1024 1024"><path d="M68.266667 542.344533c0-37.922133 29.832533-68.266667 67.106133-68.266666 44.7488 0 74.581333 30.344533 74.581333 68.266666 0 45.499733-29.832533 75.844267-74.581333 75.844267C98.0992 618.1888 68.266667 587.844267 68.266667 542.378667zM157.764267 276.821333c0-53.077333 37.2736-98.6112 89.4976-98.6112 52.224 0 96.938667 45.533867 96.938666 98.645334 0 53.077333-44.714667 90.999467-96.938666 90.999466-52.224 0-89.4976-37.922133-89.4976-91.0336zM195.037867 815.445333c0-30.344533 22.391467-53.111467 52.224-53.111466s52.224 22.766933 52.224 53.111466-22.391467 53.077333-52.224 53.077334-52.224-22.7328-52.224-53.077334z m261.0176 113.7664c0-37.888 22.391467-60.689067 59.665066-60.689066 37.307733 0 59.665067 22.766933 59.665067 60.689066S553.028267 989.866667 515.754667 989.866667c-37.2736 0-59.665067-22.766933-59.665067-60.689067z m290.850133-113.7664c0-22.766933 14.916267-37.922133 37.307733-37.922133 22.357333 0 37.2736 15.1552 37.2736 37.888 0 22.801067-14.916267 37.956267-37.2736 37.956267-22.391467 0-37.307733-15.1552-37.307733-37.922134z m82.056533-273.066666c0-30.344533 29.832533-60.689067 67.106134-60.689067 29.832533 0 59.665067 30.344533 59.665066 60.689067 0 37.922133-29.832533 68.266667-59.665066 68.266666-37.2736 0-67.106133-30.344533-67.106134-68.266666zM657.408 276.821333c0-75.844267 59.630933-128.955733 126.7712-128.955733 67.106133 0 126.7712 53.111467 126.7712 128.955733 0 68.266667-59.665067 128.955733-126.7712 128.955734-67.140267 0-126.7712-60.689067-126.7712-128.955734z m-268.4928-113.7664c0-68.266667 59.665067-128.955733 126.7712-128.955733 67.140267 0 126.805333 60.689067 126.805333 128.955733s-59.665067 128.955733-126.805333 128.955734c-67.106133 0-126.7712-60.689067-126.7712-128.955734z" fill="#A1ACC1" ></path></symbol><symbol id="iconjinzhi1" viewBox="0 0 1024 1024"><path d="M501.282133 34.133333c258.013867 0 467.1488 209.134933 467.1488 467.1488 0 60.2112-11.400533 118.852267-33.28 173.4656l-5.461333 13.0048 70.587733 206.336c4.573867 13.380267 4.539733 27.8528 0.034134 41.130667l-2.184534 5.632c-13.312 29.661867-46.660267 44.509867-79.189333 34.2016l-5.188267-2.013867-166.570666-74.5472-7.0656 4.369067a464.7936 464.7936 0 0 1-225.3824 65.399467l-13.448534 0.170666C243.268267 968.430933 34.133333 759.296 34.133333 501.282133S243.268267 34.133333 501.282133 34.133333z m0 63.863467c-222.72 0-403.285333 180.565333-403.285333 403.285333 0 222.72 180.565333 403.285333 403.285333 403.285334 81.476267 0 159.266133-24.1664 225.314134-68.744534l14.711466-9.9328 196.8128 88.1664 1.7408 0.682667-78.848-230.536533 5.5296-11.6736a401.6128 401.6128 0 0 0 38.024534-171.246934c0-222.72-180.565333-403.285333-403.285334-403.285333z m-134.9632 226.065067a34.816 34.816 0 0 1 32.9728 4.437333l116.872534 86.664533 116.804266-86.698666a34.542933 34.542933 0 0 1 46.762667 5.461333 30.5152 30.5152 0 0 1-5.7344 44.373333l-116.155733 86.1184h95.6416c18.397867 0 33.314133 14.1312 33.314133 31.607467 0 17.408-14.916267 31.573333-33.314133 31.573333h-104.072534v38.7072h104.072534c18.397867 0 33.314133 14.1312 33.314133 31.573334 0 17.476267-14.916267 31.607467-33.314133 31.607466h-104.072534v70.314667c0 17.408-14.916267 31.573333-33.314133 31.573333-18.397867 0-33.314133-14.1312-33.314133-31.607466v-70.280534h-104.004267c-18.397867 0-33.314133-14.1312-33.314133-31.607466 0-17.408 14.916267-31.573333 33.314133-31.573334h104.004267v-38.7072h-104.004267c-18.397867 0-33.314133-14.1312-33.314133-31.573333 0-17.476267 14.916267-31.607467 33.314133-31.607467h95.573333l-116.087466-86.1184a30.856533 30.856533 0 0 1-12.458667-29.320533 31.9488 31.9488 0 0 1 20.48-24.917333z" fill="#A1ACC1" ></path></symbol><symbol id="icondenglu-mimabeifen" viewBox="0 0 1075 1024"><path d="M441.344 17.408c-14.848 4.096-44.032 15.36-65.024 25.6-46.592 23.04-86.016 64-111.616 117.248-28.16 57.344-34.304 89.6-34.304 174.08v73.728l-33.28 2.56c-39.936 3.584-65.024 19.968-79.872 52.224-8.704 19.456-9.728 37.376-9.728 249.856 0 149.504 2.048 233.472 5.632 243.2 7.168 19.456 28.672 40.96 53.248 54.272 20.48 11.264 24.064 11.264 325.12 12.8 167.424 1.024 316.416 0 331.264-1.536 35.84-4.608 57.344-19.968 74.752-53.76l14.336-28.16-1.536-230.4c-1.536-227.328-1.536-230.912-12.8-251.904-15.872-28.672-40.448-46.592-74.752-53.248l-29.184-6.144V325.632c0-115.2-18.944-168.96-83.456-233.984C670.208 51.2 636.928 31.232 585.728 17.92 549.888 8.704 478.72 8.704 441.344 17.408z m159.232 68.608c41.472 20.48 83.968 65.024 105.984 110.592 15.36 32.256 15.36 33.28 15.36 120.32V404.48H307.2V330.752c0-88.064 8.704-123.392 43.008-173.056 43.008-63.488 100.352-92.672 175.616-89.6 34.304 1.536 47.104 4.608 74.752 17.92z m-55.296 469.504c8.704 4.608 23.04 14.848 31.232 23.552 19.968 20.992 23.552 69.12 7.168 101.376-6.144 12.288-15.36 23.552-20.992 24.576-8.704 2.56-9.728 7.68-9.728 64.512 0 56.32-1.024 62.976-11.264 73.728-15.872 16.896-46.08 16.384-59.904-1.536-9.728-12.288-10.752-20.48-10.752-73.728 0-57.856-0.512-59.904-13.312-72.192-26.112-24.064-34.816-65.024-20.48-98.304 17.408-41.472 67.584-60.928 108.032-41.984z" fill="#A1ACC1" ></path></symbol><symbol id="iconyincang" viewBox="0 0 1024 1024"><path d="M511.488 545.8944c-183.9616 0-367.6672-55.8592-498.5856-167.424a37.5296 37.5296 0 0 1-3.4816-53.0944 37.888 37.888 0 0 1 53.3504-3.4304c230.8608 198.656 667.648 198.656 897.536 0a37.888 37.888 0 0 1 53.3504 3.4304 37.5296 37.5296 0 0 1-3.5328 53.1456c-130.8672 111.5136-314.624 167.3728-498.5856 167.3728z m-136.6016 164.352a30.8224 30.8224 0 0 1-6.7072 0 36.864 36.864 0 0 1-31.1296-44.9536l24.8832-146.4832a37.888 37.888 0 0 1 74.752 12.9024l-24.8832 146.4832a37.376 37.376 0 0 1-36.864 32.0512z m560.4864-74.496a36.864 36.864 0 0 1-26.4192-11.1616l-122.88-124.16a37.12 37.12 0 0 1 15.9744-64.3584 37.5296 37.5296 0 0 1 37.0688 12.2368l122.88 124.1088a37.1712 37.1712 0 0 1 0 52.6848 39.0656 39.0656 0 0 1-26.624 10.6496z m-847.6672 0a38.9632 38.9632 0 0 1-24.9344-10.6496 37.12 37.12 0 0 1 0-52.6848l122.88-124.1088a37.4784 37.4784 0 0 1 67.4304 14.1312 37.1712 37.1712 0 0 1-15.8208 37.9904l-122.88 124.16a36.9664 36.9664 0 0 1-26.6752 11.1616z m562.176 74.496a37.376 37.376 0 0 1-36.6592-30.8224l-24.9344-146.432a37.12 37.12 0 0 1 9.728-38.8096 37.5296 37.5296 0 0 1 63.0784 24.576l24.9344 146.5344a37.2224 37.2224 0 0 1-30.208 43.2128 30.7712 30.7712 0 0 1-5.9392 1.6896v0.0512z" fill="#A1ACC1" ></path></symbol><symbol id="iconyanjing" viewBox="0 0 1024 1024"><path d="M511.488 249.1904c188.9792 0 361.0624 183.6032 426.8032 262.2976-65.7408 78.7456-237.824 262.2976-426.8032 262.2976-188.928 0-361.0624-183.552-426.752-262.2976C150.4256 432.7936 322.5088 249.1904 511.488 249.1904z m0-78.6944C276.992 170.496 78.336 394.24 11.3152 479.232a51.6096 51.6096 0 0 0 0 64.512c67.0208 84.992 265.728 308.736 500.224 308.736 234.496 0 433.152-223.744 500.1728-308.736a51.6096 51.6096 0 0 0 0-64.512c-67.072-84.992-265.728-308.736-500.224-308.736z m0 262.2976c42.3936 0 76.7488 35.2256 76.7488 78.6944 0 43.52-34.3552 78.7456-76.7488 78.7456-42.3424 0-76.6976-35.2768-76.6976-78.7456 0-43.4688 34.304-78.6944 76.6976-78.6944z m0-78.6432c-62.0544 0-118.016 38.2976-141.7216 97.1264a160.3072 160.3072 0 0 0 33.28 171.52 150.6304 150.6304 0 0 0 167.168 34.0992c57.344-24.32 94.72-81.7664 94.72-145.408 0-86.9376-68.6592-157.3376-153.3952-157.3376z" fill="#A1ACC1" ></path></symbol><symbol id="icondrow" viewBox="0 0 1024 1024"><path d="M534.26087 872.358957a381.729391 381.729391 0 1 1 0.623304-763.458783A381.729391 381.729391 0 0 1 534.26087 872.358957zM534.26087 934.956522c245.893565 0 445.217391-199.323826 445.217391-445.217392S780.154435 44.521739 534.26087 44.521739 89.043478 243.845565 89.043478 489.73913s199.323826 445.217391 445.217392 445.217392z m0-277.504a31.165217 31.165217 0 0 0 22.79513-9.883826l192.333913-205.022609a31.298783 31.298783 0 1 0-45.679304-42.874435L534.26087 580.296348 364.989217 399.716174a31.298783 31.298783 0 0 0-45.634782 42.874435l192.111304 205.156174c5.921391 6.233043 14.157913 9.794783 22.795131 9.705739z" ></path></symbol><symbol id="iconsanjiao" viewBox="0 0 1152 1024"><path d="M473.6 762.496L153.6 335.872a128 128 0 0 1 102.4-204.8h640a128 128 0 0 1 102.4 204.8L678.4 762.496a128 128 0 0 1-204.8 0z" ></path></symbol><symbol id="iconsy" viewBox="0 0 1024 1024"><path d="M932.4544 477.44h-17.2544l-385.8944-374.3744c-11.52-11.52-23.04-11.52-34.56 0l-391.68 374.3744h-11.52a39.3728 39.3728 0 0 0-40.3456 40.3456v34.56c0 23.04 17.2544 40.2944 40.3456 40.2944h103.6288v264.96c0 23.04 17.3056 40.3456 40.3456 40.3456h167.0656c23.04 0 40.2944-17.3056 40.2944-40.3456v-213.0944h138.24v213.0944c0 23.04 17.3056 40.3456 40.2944 40.3456H788.48c23.04 0 40.2944-17.3056 40.2944-40.3456v-264.96h103.68c23.04 0 40.3456-17.2544 40.3456-40.2944v-34.56a39.3728 39.3728 0 0 0-40.3456-40.3456z" ></path></symbol><symbol id="iconstore" viewBox="0 0 1024 1024"><path d="M407.296 305.664a151.2448 151.2448 0 0 0-151.1424-151.1424A151.2448 151.2448 0 0 0 105.0112 305.664c0 41.6768 15.616 78.1824 41.6768 104.2432-5.2224 31.232-10.3936 62.5664-10.3936 93.7984a398.848 398.848 0 0 0 187.5968 338.7904l31.2832-125.0816a277.6576 277.6576 0 0 1-99.0208-213.7088c0-15.616 0-31.232 5.2224-46.8992 78.1824 0 145.92-67.7376 145.92-151.1424zM537.6 222.2592c52.1216 0 99.0208 15.6672 140.7488 36.5056-5.2224 15.616-10.4448 36.4544-10.4448 52.1216a151.2448 151.2448 0 0 0 151.1424 151.1424 151.2448 151.2448 0 0 0 151.1424-151.1424 151.2448 151.2448 0 0 0-151.1424-151.1424c-20.8384 0-36.5056 5.2224-57.344 10.3936A406.0672 406.0672 0 0 0 537.6 102.4c-57.344 0-114.688 10.4448-161.5872 36.5056l67.7888 99.0208A295.1168 295.1168 0 0 1 537.6 222.208z m281.4464 291.84c-5.2224 104.2944-62.5664 192.8704-151.1424 234.5984-26.112-46.8992-78.1824-83.4048-135.5264-83.4048a151.2448 151.2448 0 0 0-151.1424 151.1424 151.2448 151.2448 0 0 0 151.1424 151.1424c62.5664 0 114.688-36.4544 140.7488-93.7984 156.3648-57.344 265.7792-203.264 265.7792-375.296v-26.0096c-5.1712 5.1712-119.8592 41.6768-119.8592 41.6768z" ></path></symbol><symbol id="iconsq" viewBox="0 0 1024 1024"><path d="M399.758222 260.551111a7.395556 7.395556 0 0 0-12.629333-4.323555l-40.504889 40.561777-124.017778-123.960889a7.395556 7.395556 0 0 0-10.467555 0l-39.253334 39.253334a7.395556 7.395556 0 0 0 0 10.467555l123.960889 124.017778-40.732444 40.675556a7.395556 7.395556 0 0 0 4.380444 12.629333l148.536889 17.464889a7.395556 7.395556 0 0 0 8.305778-8.192L399.758222 260.551111z m9.386667 346.168889l-148.650667 17.521778a7.395556 7.395556 0 0 0-4.380444 12.629333l40.732444 40.732445-124.017778 123.790222a7.452444 7.452444 0 0 0 0 10.524444l39.253334 39.253334a7.395556 7.395556 0 0 0 10.524444 0l124.017778-124.017778 40.504889 40.561778a7.395556 7.395556 0 0 0 12.629333-4.323556l17.521778-148.48a7.338667 7.338667 0 0 0-8.135111-8.192z m205.653333-189.383111l148.707556-17.521778a7.395556 7.395556 0 0 0 4.380444-12.629333l-40.732444-40.618667 124.017778-123.904a7.452444 7.452444 0 0 0 0-10.467555l-39.310223-39.253334a7.452444 7.452444 0 0 0-10.524444 0l-124.017778 123.847111-40.504889-40.561777a7.395556 7.395556 0 0 0-12.629333 4.380444l-17.464889 148.48a7.395556 7.395556 0 0 0 8.078222 8.248889z m112.355556 260.152889l40.732444-40.675556a7.395556 7.395556 0 0 0-4.380444-12.629333l-148.536889-17.521778a7.395556 7.395556 0 0 0-8.305778 8.248889l17.521778 148.536889a7.395556 7.395556 0 0 0 12.629333 4.380444l40.561778-40.561777 124.017778 123.904c2.844444 2.901333 7.566222 2.901333 10.467555 0l39.310223-39.196445a7.452444 7.452444 0 0 0 0-10.467555l-124.017778-124.017778z" ></path></symbol><symbol id="iconuser" viewBox="0 0 1024 1024"><path d="M627.6608 564.4288a288 288 0 0 1 288 283.9552v18.432c0 60.16-113.8176 63.6928-260.1984 63.8976H413.9008C267.8784 930.5088 153.6 926.976 153.6 866.816v-18.432a288 288 0 0 1 288-283.9552zM525.1072 51.2c123.4432 0 223.488 98.5088 223.488 220.0576 0 121.4976-100.0448 220.0064-223.488 220.0064-123.392 0-223.488-98.5088-223.488-220.0576C301.6192 149.76 401.7152 51.2 525.1072 51.2z" ></path></symbol><symbol id="iconwd" viewBox="0 0 1024 1024"><path d="M250.212174 44.521739C188.059826 44.521739 137.750261 96.701217 137.750261 161.124174v699.614609c0 64.422957 50.309565 116.646957 112.372869 116.646956h561.997913c62.063304 0 118.561391-52.224 118.561392-116.646956V249.766957L738.482087 44.521739H250.212174z m449.224348 66.649044l165.175652 166.555826h-138.195478a27.158261 27.158261 0 0 1-26.980174-27.247305v-139.353043z m110.102261 799.565913H258.938435c-30.408348 0-55.073391-25.6-55.073392-57.07687V168.247652c0-31.521391 24.665043-57.07687 55.073392-57.076869h385.424695v171.319652c0 31.521391 24.665043 57.121391 55.073392 57.121391h165.175652v514.048c0 31.47687-24.665043 57.07687-55.073391 57.07687zM574.775652 410.935652H295.446261c-14.959304-1.78087-26.089739-16.027826-25.377391-32.634435-1.424696-17.007304 9.883826-32.189217 25.377391-33.970087h279.373913c15.538087 1.78087 26.802087 16.918261 25.377391 33.970087 0.712348 16.562087-10.418087 30.853565-25.377391 32.634435h-0.044522z m198.566957 166.600348H295.17913c-14.692174-3.205565-25.243826-17.14087-25.243826-33.346783 0-16.161391 10.551652-30.096696 25.110261-33.30226h478.386087c14.60313 3.205565 25.110261 17.14087 25.110261 33.30226 0 16.205913-10.50713 30.141217-25.110261 33.346783h-0.089043z m0 166.555826H295.17913c-14.692174-3.205565-25.243826-17.14087-25.243826-33.302261s10.551652-30.096696 25.110261-33.302261h478.386087c14.60313 3.205565 25.110261 17.14087 25.110261 33.302261s-10.50713 30.096696-25.110261 33.302261h-0.089043z" ></path></symbol><symbol id="iconmsg" viewBox="0 0 1024 1024"><path d="M884.023652 71.546435c59.347478 0 102.4 45.990957 102.4 109.345391v549.398261c0 61.217391-41.182609 102.4-102.4 102.4h-217.711304l-128.801391 127.24313a36.730435 36.730435 0 0 1-25.822609 10.685218 36.062609 36.062609 0 0 1-25.6-10.551652L354.838261 832.556522H135.479652c-61.44 0-102.66713-41.182609-102.66713-102.4V180.891826c0-63.354435 43.186087-109.345391 102.66713-109.345391z m0 72.748522H135.479652c-26.980174 0-29.918609 25.555478-29.918609 36.596869v549.220174c0 21.147826 8.681739 29.696 29.918609 29.696H368.64a35.929043 35.929043 0 0 1 26.624 10.462609l116.157217 112.461913 113.886609-112.239305a36.329739 36.329739 0 0 1 25.822609-10.685217h232.848695c21.103304 0 29.696-8.548174 29.696-29.651478V180.847304c0-11.041391-2.938435-36.59687-29.696-36.596869zM289.970087 383.777391c35.617391 0 64.556522 28.93913 64.556522 64.556522l-0.356174 6.233044a64.556522 64.556522 0 0 1-128.712348-6.233044l0.26713-6.233043a64.556522 64.556522 0 0 1 64.24487-58.323479z m229.910261 0c35.617391 0 64.556522 28.93913 64.556522 64.556522l-0.311653 6.233044a64.556522 64.556522 0 0 1-128.756869-6.233044l0.311652-6.233043a64.556522 64.556522 0 0 1 64.200348-58.323479z m228.396522-0.801391a64.556522 64.556522 0 1 1 0 129.024 64.556522 64.556522 0 0 1 0-129.024z" ></path></symbol><symbol id="iconclose" viewBox="0 0 1024 1024"><path d="M924.544 337.728a446.208 446.208 0 0 0-95.936-142.336A446.208 446.208 0 0 0 512 64.192a446.208 446.208 0 0 0-316.608 131.2A446.208 446.208 0 0 0 64.192 512a446.208 446.208 0 0 0 131.2 316.608A446.208 446.208 0 0 0 512 959.808a446.208 446.208 0 0 0 316.608-131.2A446.208 446.208 0 0 0 959.744 512c0-60.416-11.84-119.04-35.2-174.272zM512 896.256A384.64 384.64 0 0 1 127.744 512 384.64 384.64 0 0 1 512 127.744 384.64 384.64 0 0 1 896.256 512 384.64 384.64 0 0 1 512 896.256z m180.992-565.248c-12.48-12.544-31.488-13.76-42.368-2.88L512 466.752 373.376 328.128c-10.88-10.88-29.888-9.6-42.368 2.88-12.544 12.48-13.76 31.488-2.88 42.368L466.752 512l-138.624 138.624c-10.88 10.88-9.6 29.888 2.88 42.368 12.48 12.544 31.488 13.76 42.368 2.88L512 557.248l138.624 138.624c10.88 10.88 29.888 9.6 42.368-2.88 12.544-12.48 13.76-31.488 2.88-42.368L557.248 512l138.624-138.624c10.88-10.88 9.6-29.888-2.88-42.368z" ></path></symbol><symbol id="icongoods" viewBox="0 0 1024 1024"><path d="M482.8672 510.8736L138.6496 351.0784a27.9552 27.9552 0 0 0-10.9056-2.2016 25.0368 25.0368 0 0 0-25.344 24.6784v365.2608c0 18.0224 10.0864 34.5088 26.112 42.752l344.9344 187.392a25.344 25.344 0 0 0 25.3952 0 23.9104 23.9104 0 0 0 12.6976-21.0432v-392.448a49.3056 49.3056 0 0 0-28.672-44.544z m-73.5232 135.168l-204.8-100.352v-49.3056l204.8 98.56v51.0976z m535.552-358.7584a21.4016 21.4016 0 0 0-12.6976-27.904L557.568 106.496a52.5312 52.5312 0 0 0-40.5504 0L142.2848 259.3792a22.4768 22.4768 0 0 0-12.6976 12.3392 21.4016 21.4016 0 0 0 12.6976 27.904l374.6816 152.9344c13.056 5.0176 27.4944 5.0176 40.5504 0l374.6816-152.9344a22.4768 22.4768 0 0 0 12.6976-12.288z m24.6272 75.3664a26.112 26.112 0 0 0-33.6896-11.5712l-344.2176 160.1536a48.896 48.896 0 0 0-28.672 44.2368v392.0896c0 4.3008 1.1776 8.5504 3.2768 12.288a26.112 26.112 0 0 0 36.2496 9.0624l344.9856-186.9824a49.3056 49.3056 0 0 0 24.6272-43.1104V373.5552a21.76 21.76 0 0 0-2.56-10.9056z m-41.6256 244.992v72.448H896s-2.56 9.7792-3.9936 14.4896l-4.352 11.6224 22.4768 29.696-40.2432 55.0912-22.4768-29.3376-9.0624 5.7856a83.3536 83.3536 0 0 1-11.5712 5.4272v41.6768H769.536v-41.3184a67.7376 67.7376 0 0 1-11.6224-5.4272l-8.704-5.7856-22.4256 29.3376-40.96-52.1728 22.4768-29.696a108.6976 108.6976 0 0 1-4.352-11.6224 108.6976 108.6976 0 0 1-3.9936-14.4896h-31.8976v-72.448h31.8976c2.048-9.8304 5.12-19.456 9.0624-28.672l-22.528-29.3376 39.5264-51.8144 22.528 29.3376c6.656-4.9664 13.9264-8.96 21.7088-11.9296v-44.9536h56.8832v41.6768c7.8848 2.9696 15.3088 7.0144 22.1184 11.9808l22.4768-29.3888 39.4752 51.8144-22.4768 29.3888c3.9424 9.216 6.9632 18.7904 9.0624 28.6208h30.1056z m-130.4576 132.9664c-40.2432 0-72.4992-43.1104-72.4992-96.3584s32.256-96.4096 72.4992-96.4096c40.192 0 72.448 43.1104 72.448 96.4096 0 53.248-32.256 96.3584-72.448 96.3584z" ></path></symbol><symbol id="iconbj" viewBox="0 0 1024 1024"><path d="M862.0544 928.512H160.4608a39.8336 39.8336 0 0 1-40.448-39.1168V211.2c0-21.6064 18.1248-39.1168 40.448-39.1168h67.4816v39.1168c0 43.2128 36.2496 78.2336 80.9472 78.2336s80.896-35.0208 80.896-78.2336V172.032h40.4992v39.1168c0 43.2128 36.2496 78.2336 80.9472 78.2336s80.9984-35.0208 80.9984-78.2336V172.032h40.448v39.1168c0 43.2128 36.2496 78.2336 80.896 78.2336 44.7488 0 80.9984-35.0208 80.9984-78.2336V172.032h67.4816c22.3232 0 40.448 17.5104 40.448 39.1168V889.344a39.8336 39.8336 0 0 1-40.448 39.1168zM754.176 393.7792H268.3904a39.7824 39.7824 0 0 0-40.448 39.1168c0 21.6064 18.0736 39.1168 40.448 39.1168h485.7344c22.3744 0 40.448-17.5104 40.448-39.1168a39.7824 39.7824 0 0 0-40.448-39.1168z m0 169.5744H268.3904a39.7824 39.7824 0 0 0-40.448 39.1168c0 21.6064 18.0736 39.1168 40.448 39.1168h485.7344c22.3744 0 40.448-17.5104 40.448-39.1168a39.7824 39.7824 0 0 0-40.448-39.1168z m6.7072 169.5232H261.632a33.1264 33.1264 0 0 0-33.6896 32.6144c0 17.9712 15.104 32.6144 33.6896 32.6144h499.2a33.1776 33.1776 0 0 0 33.7408-32.6144 33.1264 33.1264 0 0 0-33.7408-32.6144z m-47.2064-482.56a39.8336 39.8336 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.1248-39.168 40.448-39.168 22.3232 0 40.448 17.5616 40.448 39.168v78.2336a39.8336 39.8336 0 0 1-40.448 39.1168z m-202.3936 0a39.7824 39.7824 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.1248-39.168 40.448-39.168 22.3744 0 40.448 17.5616 40.448 39.168v78.2336a39.7824 39.7824 0 0 1-40.448 39.1168z m-202.3424 0a39.8336 39.8336 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.0736-39.168 40.448-39.168 22.3232 0 40.448 17.5616 40.448 39.168v78.2336a39.8336 39.8336 0 0 1-40.448 39.1168z" ></path></symbol></svg>',function(l){var a=(a=document.getElementsByTagName("script"))[a.length-1],c=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var t,o,i,h,e,m=function(a,c){c.parentNode.insertBefore(a,c)};if(c&&!l.__iconfont__svg__cssinject__){l.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}t=function(){var a,c=document.createElement("div");c.innerHTML=l._iconfont_svg_string_2537242,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(a=document.body).firstChild?m(c,a.firstChild):a.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(i=t,h=l.document,e=!1,s(),h.onreadystatechange=function(){"complete"==h.readyState&&(h.onreadystatechange=null,n())})}function n(){e||(e=!0,i())}function s(){try{h.documentElement.doScroll("left")}catch(a){return void setTimeout(s,50)}n()}}(window); window._iconfont_svg_string_2537242='<svg><symbol id="iconshujutongji" viewBox="0 0 1024 1024"><path d="M161.933635 982.016249A88.059387 88.059387 0 0 1 73.142857 894.932048V87.087126A88.059387 88.059387 0 0 1 161.933635 0.002926h396.267243v71.042374H161.933635a16.090586 16.090586 0 0 0-15.846789 16.041826v807.844922a16.090586 16.090586 0 0 0 15.846789 16.041827v71.042374zM774.984951 112.978341H238.92465a48.759351 48.759351 0 0 0-50.856003 45.492474v819.986001A48.759351 48.759351 0 0 0 238.92465 1023.94929h661.030517A48.759351 48.759351 0 0 0 950.81117 978.456816V286.51287zM442.39742 892.299043a17.9922 17.9922 0 0 1-18.235997 17.748404H358.872652a17.9922 17.9922 0 0 1-18.235997-17.748404v-101.126893a17.9922 17.9922 0 0 1 18.235997-17.748404H424.210182a17.9922 17.9922 0 0 1 18.235997 17.748404V892.299043z m178.069149 3.120599a15.066639 15.066639 0 0 1-15.212918 14.627805H533.723684a15.115399 15.115399 0 0 1-15.212918-14.627805V423.770443a15.115399 15.115399 0 0 1 15.212918-14.627806h71.529967a15.115399 15.115399 0 0 1 15.212918 14.627806v471.600439z m177.92287 3.900748a11.068373 11.068373 0 0 1-11.21465 10.727057h-79.380223a11.068373 11.068373 0 0 1-11.214651-10.922095v-251.451971a11.068373 11.068373 0 0 1 11.214651-10.922095h79.331463a11.117132 11.117132 0 0 1 11.214651 10.922095v251.647009z" fill="#808080" ></path></symbol><symbol id="iconxiaoxiguanli1" viewBox="0 0 1024 1024"><path d="M606.432743 951.081247c-12.797467 0-25.269523-3.586688-33.828456-6.052856-58.241472-16.791431-102.33983-62.724577-137.798413-105.437377-213.768665-29.588899-370.966916-189.946097-370.966916-379.647623 0-213.401298 201.052039-387.024637 448.16002-387.024637s448.16002 173.623339 448.16002 387.024637c0 171.60538-132.744303 324.05549-323.200006 371.680161 1.426489 5.399987 3.015683 10.698666 4.524037 15.854083 2.934842 9.843182 5.665023 19.298532 7.498788 28.203342 3.668553 18.299785 9.210779 45.871747-10.43363 64.007803C629.134791 948.329577 617.641015 951.081247 606.432743 951.081247zM512 135.520533c-212.586746 0-385.557216 145.541771-385.557216 324.422857 0 158.27784 134.619 292.571429 320.143391 319.348282 14.264888 2.057869 27.185152 9.272177 36.354999 20.276812 30.078039 36.21276 63.417355 71.344908 103.725386 84.305081-1.426489-5.950526-3.301186-12.186554-5.216815-18.645662-2.119267-7.234775-4.320399-14.69263-6.195096-22.293749-3.790326-15.263635-1.385557-31.015388 6.766101-44.38386 8.273431-13.613042 21.438265-23.210631 37.08871-27.000957 163.92342-39.880289 278.44878-168.019715 278.44878-311.604924C897.557216 281.062304 724.586746 135.520533 512 135.520533z" ></path><path d="M273.964652 465.092667m-58.989509 0a57.646 57.646 0 1 0 117.979018 0 57.646 57.646 0 1 0-117.979018 0Z" ></path><path d="M511.983627 465.092667m-58.989509 0a57.646 57.646 0 1 0 117.979018 0 57.646 57.646 0 1 0-117.979018 0Z" ></path><path d="M750.002602 465.092667m-58.989509 0a57.646 57.646 0 1 0 117.979018 0 57.646 57.646 0 1 0-117.979018 0Z" ></path></symbol><symbol id="iconzhibiaozhuizong" viewBox="0 0 1024 1024"><path d="M556.014 314.652c0-18.079-12.226-35.088-27.339-35.088H200.607c-15.111 0-27.34 17.009-27.34 35.088s12.227 35.087 27.34 35.087h328.068c15.108 0.001 27.339-17.008 27.339-35.087zM198.261 483.713c-13.813 0-24.993 17.541-24.993 35.619 0 18.08 11.179 35.621 24.993 35.621h199.934c13.813 0 24.993-17.541 24.993-35.621s-11.179-35.619-24.993-35.619H198.261zM333.98 689.989H196.227c-12.692 0-22.958 17.541-22.958 35.619s10.27 35.621 22.958 35.621H333.98c12.692 0 22.958-17.542 22.958-35.621s-10.27-35.619-22.958-35.619z" ></path><path d="M348.383 905.531H137.427c-32.899 0-59.671-25.589-59.671-57.052V177.532c0-31.465 26.768-57.052 59.671-57.052h600.351c32.837 0 59.607 25.587 59.607 57.052v139.21c0 18.08 14.628 32.713 32.711 32.713 18.079 0 32.711-14.63 32.711-32.713v-139.21c0-67.527-56.094-122.474-125.028-122.474H137.43c-68.997 0.001-125.091 54.947-125.091 122.474v670.942c0 67.532 56.094 122.474 125.091 122.474h210.958c18.079 0 32.713-14.629 32.713-32.711s-14.63-32.711-32.714-32.711z" ></path><path d="M678.399 407.335c-152.951 0-276.933 123.983-276.933 276.913 0 152.951 123.983 276.933 276.933 276.933 152.931 0 276.913-123.983 276.913-276.933 0-152.931-123.983-276.913-276.913-276.913z m0 492.695c-119.165 0-215.781-96.598-215.781-215.781 0-119.166 96.619-215.764 215.781-215.764 119.166 0 215.764 96.598 215.764 215.764 0 119.188-96.598 215.781-215.764 215.781z" ></path><path d="M784.19 642.783c0-57.27-45.653-103.691-101.983-103.691S580.23 585.513 580.23 642.783c0 44.252 90.852 181.851 101.983 181.851S784.19 693.526 784.19 642.783m-45.428-3.096c0 30.463-24.699 55.162-55.162 55.162-30.462 0-55.161-24.699-55.161-55.162s24.699-55.162 55.161-55.162c30.463 0 55.162 24.693 55.162 55.162m5.071 193.706c0 4.141-2.566 7.494-5.732 7.494H626.315c-3.165 0-5.732-3.355-5.732-7.494s2.566-7.494 5.732-7.494h111.786c3.165 0 5.732 3.355 5.732 7.494z" ></path></symbol><symbol id="iconwendangguanli" viewBox="0 0 1024 1024"><path d="M250.212174 44.521739C188.059826 44.521739 137.750261 96.701217 137.750261 161.124174v699.614609c0 64.422957 50.309565 116.646957 112.372869 116.646956h561.997913c62.063304 0 118.561391-52.224 118.561392-116.646956V249.766957L738.482087 44.521739H250.212174z m449.224348 66.649044l165.175652 166.555826h-138.195478a27.158261 27.158261 0 0 1-26.980174-27.247305v-139.353043z m110.102261 799.565913H258.938435c-30.408348 0-55.073391-25.6-55.073392-57.07687V168.247652c0-31.521391 24.665043-57.07687 55.073392-57.076869h385.424695v171.319652c0 31.521391 24.665043 57.121391 55.073392 57.121391h165.175652v514.048c0 31.47687-24.665043 57.07687-55.073391 57.07687z" fill="#A1ACC1" ></path><path d="M44.521739 400.695652m44.521739 0l845.913044 0q44.521739 0 44.521739 44.521739l0 311.652174q0 44.521739-44.521739 44.521739l-845.913044 0q-44.521739 0-44.521739-44.521739l0-311.652174q0-44.521739 44.521739-44.521739Z" fill="#FFFFFF" ></path><path d="M209.65287 756.869565v-111.794087h44.477217c64.111304 0 110.992696-29.651478 110.992696-94.163478 0-66.515478-46.881391-88.954435-112.595479-88.954435H163.172174V756.869565h46.480696z m40.069565-149.058782h-40.069565v-108.588522h38.466782c46.881391 0 71.323826 12.822261 71.323826 51.689739s-22.438957 56.898783-69.721043 56.898783zM501.359304 756.869565c88.153043 0 139.842783-52.891826 139.842783-148.658087 0-96.166957-51.689739-146.253913-142.246957-146.253913H422.422261V756.869565h78.937043z m-5.609739-38.066087h-26.846608v-219.180521h26.846608c63.309913 0 97.369043 34.860522 97.369044 108.588521 0 73.327304-34.05913 110.592-97.369044 110.592z m253.239652 38.066087v-127.020522h108.989218v-38.867478h-108.989218v-90.156522h128.222609v-38.867478h-174.703304V756.869565h46.480695z" fill="#A1ACC1" ></path></symbol><symbol id="iconupload" viewBox="0 0 1075 1024"><path d="M576.2048 134.2976a23.3984 23.3984 0 0 0-36.1984 0L257.536 457.1136c-9.9328 11.4176-5.7344 20.6848 9.3696 20.6848h127.1296c15.104 0 27.4944 12.3904 27.4944 27.4944v211.8144c0 15.104 12.3904 27.4944 27.4944 27.4944h218.1632a27.5968 27.5968 0 0 0 27.4944-27.4944V505.344c0-15.104 12.3904-27.4944 27.4944-27.4944h127.1296c15.104 0 19.3536-9.2672 9.3696-20.6848l-282.4704-322.8672M239.4112 834.7136c0-15.104 12.3904-27.4944 27.4944-27.4944H849.408c15.104 0 27.4944 12.3904 27.4944 27.4944v36.0448a27.5968 27.5968 0 0 1-27.4944 27.4944H266.9056a27.5968 27.5968 0 0 1-27.4944-27.4944v-36.0448" ></path></symbol><symbol id="iconpdf" viewBox="0 0 1024 1024"><path d="M847.644 1024H150.756c-48.356-5.689-88.178-42.667-93.867-93.867V93.867C62.578 45.51 102.4 5.689 150.756 0h466.488l327.112 327.111v605.867C935.822 981.333 896 1018.31 847.644 1024z m0-696.889H662.756c-25.6-2.844-45.512-22.755-45.512-45.511V93.867H196.267c-25.6-2.845-45.511 17.066-45.511 42.666v748.09c5.688 22.755 22.755 42.666 45.51 45.51h605.867c25.6-2.844 45.511-22.755 45.511-45.51V327.11z m-128 358.4c-45.51-2.844-91.022-19.911-125.155-51.2-68.267 17.067-133.689 36.978-199.111 65.422-54.045 93.867-102.4 139.378-142.222 139.378-8.534 0-17.067-2.844-25.6-5.689-17.067-8.533-28.445-25.6-28.445-45.51 0-14.223 2.845-56.89 162.133-128 36.978-65.423 65.423-136.534 88.178-207.645-19.91-39.823-62.578-139.378-34.133-190.578 11.378-17.067 31.289-28.445 51.2-28.445 17.067 0 34.133 8.534 45.511 22.756 22.756 31.289 19.911 93.867-8.533 190.578 28.444 51.2 62.577 96.71 105.244 133.689 34.133-8.534 71.111-11.378 105.245-11.378 79.644 0 91.022 36.978 91.022 59.733-2.845 56.89-59.734 56.89-85.334 56.89z m-472.177 102.4h5.689c22.755-8.533 42.666-25.6 54.044-45.511-25.6 8.533-45.511 25.6-59.733 45.511z m221.866-503.467h-5.689c-2.844 0-5.688 0-5.688 2.845-5.69 28.444-2.845 59.733 11.377 85.333 8.534-28.444 8.534-59.733 0-88.178z m14.223 244.623v2.844-2.844c-17.067 39.822-34.134 79.644-51.2 116.622l2.844-2.845-2.844 2.845c36.977-14.222 76.8-25.6 113.777-34.133h2.845c-25.6-25.6-48.356-54.045-65.422-82.49z m227.555 88.177c-14.222 0-28.444 0-42.667 2.845 17.067 8.533 34.134 11.378 51.2 14.222 11.378 2.845 22.756 0 34.134-2.844-2.845-5.69-8.534-11.378-42.667-14.223z" ></path></symbol><symbol id="iconjinzhi2" viewBox="0 0 1024 1024"><path d="M785.066667 170.666667a34.133333 34.133333 0 0 1 34.133333 34.133333v750.933333a34.133333 34.133333 0 0 1-34.133333 34.133334H102.4a34.133333 34.133333 0 0 1-34.133333-34.133334V204.8a34.133333 34.133333 0 0 1 34.133333-34.133333h682.666667z m-34.133334 68.266666H136.533333v682.666667h614.4V238.933333z m170.632534-204.8A34.133333 34.133333 0 0 1 955.733333 68.266667v785.066666a34.133333 34.133333 0 0 1-68.369066 0V102.4H204.834133a34.133333 34.133333 0 1 1 0-68.266667H921.6zM237.909333 580.266667a34.133333 34.133333 0 0 1 34.2016 34.133333v238.933333H203.776v-238.933333a34.133333 34.133333 0 0 1 34.167467-34.133333z m205.1072 68.266666a34.133333 34.133333 0 0 1 34.167467 34.133334v170.666666h-68.369067v-170.666666a34.133333 34.133333 0 0 1 34.2016-34.133334zM648.533333 512a34.133333 34.133333 0 0 1 34.133334 34.133333v307.2h-68.266667v-307.2a34.133333 34.133333 0 0 1 34.133333-34.133333z m28.398934-189.610667a34.133333 34.133333 0 0 1-9.454934 47.342934l-204.8 136.533333a34.133333 34.133333 0 0 1-44.885333-6.178133L341.333333 410.862933 264.874667 500.053333a34.133333 34.133333 0 1 1-51.882667-44.4416l102.4-119.466666a34.133333 34.133333 0 0 1 51.882667 0l82.705066 96.494933 179.6096-119.739733a34.133333 34.133333 0 0 1 47.342934 9.454933z" fill="#A1ACC1" ></path></symbol><symbol id="iconjinzhi" viewBox="0 0 1024 1024"><path d="M499.370667 34.133333C242.3808 34.133333 34.133333 242.414933 34.133333 499.370667c0 256.887467 208.2816 465.169067 465.237334 465.169066 256.887467 0 465.169067-208.2816 465.169066-465.2032C964.539733 242.414933 756.258133 34.133333 499.370667 34.133333z m0 860.637867c-218.4192 0-395.4688-177.0496-395.4688-395.434667 0-218.385067 177.0496-395.434667 395.434666-395.434666 218.385067 0 395.434667 177.0496 395.434667 395.434666 0 218.385067-177.0496 395.434667-395.434667 395.434667z m220.945066-430.318933H278.357333a34.884267 34.884267 0 0 0 0 69.802666h441.9584a34.884267 34.884267 0 0 0 0-69.802666z" fill="#A1ACC1" ></path></symbol><symbol id="iconjinzhi3" viewBox="0 0 1024 1024"><path d="M68.266667 542.344533c0-37.922133 29.832533-68.266667 67.106133-68.266666 44.7488 0 74.581333 30.344533 74.581333 68.266666 0 45.499733-29.832533 75.844267-74.581333 75.844267C98.0992 618.1888 68.266667 587.844267 68.266667 542.378667zM157.764267 276.821333c0-53.077333 37.2736-98.6112 89.4976-98.6112 52.224 0 96.938667 45.533867 96.938666 98.645334 0 53.077333-44.714667 90.999467-96.938666 90.999466-52.224 0-89.4976-37.922133-89.4976-91.0336zM195.037867 815.445333c0-30.344533 22.391467-53.111467 52.224-53.111466s52.224 22.766933 52.224 53.111466-22.391467 53.077333-52.224 53.077334-52.224-22.7328-52.224-53.077334z m261.0176 113.7664c0-37.888 22.391467-60.689067 59.665066-60.689066 37.307733 0 59.665067 22.766933 59.665067 60.689066S553.028267 989.866667 515.754667 989.866667c-37.2736 0-59.665067-22.766933-59.665067-60.689067z m290.850133-113.7664c0-22.766933 14.916267-37.922133 37.307733-37.922133 22.357333 0 37.2736 15.1552 37.2736 37.888 0 22.801067-14.916267 37.956267-37.2736 37.956267-22.391467 0-37.307733-15.1552-37.307733-37.922134z m82.056533-273.066666c0-30.344533 29.832533-60.689067 67.106134-60.689067 29.832533 0 59.665067 30.344533 59.665066 60.689067 0 37.922133-29.832533 68.266667-59.665066 68.266666-37.2736 0-67.106133-30.344533-67.106134-68.266666zM657.408 276.821333c0-75.844267 59.630933-128.955733 126.7712-128.955733 67.106133 0 126.7712 53.111467 126.7712 128.955733 0 68.266667-59.665067 128.955733-126.7712 128.955734-67.140267 0-126.7712-60.689067-126.7712-128.955734z m-268.4928-113.7664c0-68.266667 59.665067-128.955733 126.7712-128.955733 67.140267 0 126.805333 60.689067 126.805333 128.955733s-59.665067 128.955733-126.805333 128.955734c-67.106133 0-126.7712-60.689067-126.7712-128.955734z" fill="#A1ACC1" ></path></symbol><symbol id="iconjinzhi1" viewBox="0 0 1024 1024"><path d="M501.282133 34.133333c258.013867 0 467.1488 209.134933 467.1488 467.1488 0 60.2112-11.400533 118.852267-33.28 173.4656l-5.461333 13.0048 70.587733 206.336c4.573867 13.380267 4.539733 27.8528 0.034134 41.130667l-2.184534 5.632c-13.312 29.661867-46.660267 44.509867-79.189333 34.2016l-5.188267-2.013867-166.570666-74.5472-7.0656 4.369067a464.7936 464.7936 0 0 1-225.3824 65.399467l-13.448534 0.170666C243.268267 968.430933 34.133333 759.296 34.133333 501.282133S243.268267 34.133333 501.282133 34.133333z m0 63.863467c-222.72 0-403.285333 180.565333-403.285333 403.285333 0 222.72 180.565333 403.285333 403.285333 403.285334 81.476267 0 159.266133-24.1664 225.314134-68.744534l14.711466-9.9328 196.8128 88.1664 1.7408 0.682667-78.848-230.536533 5.5296-11.6736a401.6128 401.6128 0 0 0 38.024534-171.246934c0-222.72-180.565333-403.285333-403.285334-403.285333z m-134.9632 226.065067a34.816 34.816 0 0 1 32.9728 4.437333l116.872534 86.664533 116.804266-86.698666a34.542933 34.542933 0 0 1 46.762667 5.461333 30.5152 30.5152 0 0 1-5.7344 44.373333l-116.155733 86.1184h95.6416c18.397867 0 33.314133 14.1312 33.314133 31.607467 0 17.408-14.916267 31.573333-33.314133 31.573333h-104.072534v38.7072h104.072534c18.397867 0 33.314133 14.1312 33.314133 31.573334 0 17.476267-14.916267 31.607467-33.314133 31.607466h-104.072534v70.314667c0 17.408-14.916267 31.573333-33.314133 31.573333-18.397867 0-33.314133-14.1312-33.314133-31.607466v-70.280534h-104.004267c-18.397867 0-33.314133-14.1312-33.314133-31.607466 0-17.408 14.916267-31.573333 33.314133-31.573334h104.004267v-38.7072h-104.004267c-18.397867 0-33.314133-14.1312-33.314133-31.573333 0-17.476267 14.916267-31.607467 33.314133-31.607467h95.573333l-116.087466-86.1184a30.856533 30.856533 0 0 1-12.458667-29.320533 31.9488 31.9488 0 0 1 20.48-24.917333z" fill="#A1ACC1" ></path></symbol><symbol id="icondenglu-mimabeifen" viewBox="0 0 1075 1024"><path d="M441.344 17.408c-14.848 4.096-44.032 15.36-65.024 25.6-46.592 23.04-86.016 64-111.616 117.248-28.16 57.344-34.304 89.6-34.304 174.08v73.728l-33.28 2.56c-39.936 3.584-65.024 19.968-79.872 52.224-8.704 19.456-9.728 37.376-9.728 249.856 0 149.504 2.048 233.472 5.632 243.2 7.168 19.456 28.672 40.96 53.248 54.272 20.48 11.264 24.064 11.264 325.12 12.8 167.424 1.024 316.416 0 331.264-1.536 35.84-4.608 57.344-19.968 74.752-53.76l14.336-28.16-1.536-230.4c-1.536-227.328-1.536-230.912-12.8-251.904-15.872-28.672-40.448-46.592-74.752-53.248l-29.184-6.144V325.632c0-115.2-18.944-168.96-83.456-233.984C670.208 51.2 636.928 31.232 585.728 17.92 549.888 8.704 478.72 8.704 441.344 17.408z m159.232 68.608c41.472 20.48 83.968 65.024 105.984 110.592 15.36 32.256 15.36 33.28 15.36 120.32V404.48H307.2V330.752c0-88.064 8.704-123.392 43.008-173.056 43.008-63.488 100.352-92.672 175.616-89.6 34.304 1.536 47.104 4.608 74.752 17.92z m-55.296 469.504c8.704 4.608 23.04 14.848 31.232 23.552 19.968 20.992 23.552 69.12 7.168 101.376-6.144 12.288-15.36 23.552-20.992 24.576-8.704 2.56-9.728 7.68-9.728 64.512 0 56.32-1.024 62.976-11.264 73.728-15.872 16.896-46.08 16.384-59.904-1.536-9.728-12.288-10.752-20.48-10.752-73.728 0-57.856-0.512-59.904-13.312-72.192-26.112-24.064-34.816-65.024-20.48-98.304 17.408-41.472 67.584-60.928 108.032-41.984z" fill="#A1ACC1" ></path></symbol><symbol id="iconyincang" viewBox="0 0 1024 1024"><path d="M511.488 545.8944c-183.9616 0-367.6672-55.8592-498.5856-167.424a37.5296 37.5296 0 0 1-3.4816-53.0944 37.888 37.888 0 0 1 53.3504-3.4304c230.8608 198.656 667.648 198.656 897.536 0a37.888 37.888 0 0 1 53.3504 3.4304 37.5296 37.5296 0 0 1-3.5328 53.1456c-130.8672 111.5136-314.624 167.3728-498.5856 167.3728z m-136.6016 164.352a30.8224 30.8224 0 0 1-6.7072 0 36.864 36.864 0 0 1-31.1296-44.9536l24.8832-146.4832a37.888 37.888 0 0 1 74.752 12.9024l-24.8832 146.4832a37.376 37.376 0 0 1-36.864 32.0512z m560.4864-74.496a36.864 36.864 0 0 1-26.4192-11.1616l-122.88-124.16a37.12 37.12 0 0 1 15.9744-64.3584 37.5296 37.5296 0 0 1 37.0688 12.2368l122.88 124.1088a37.1712 37.1712 0 0 1 0 52.6848 39.0656 39.0656 0 0 1-26.624 10.6496z m-847.6672 0a38.9632 38.9632 0 0 1-24.9344-10.6496 37.12 37.12 0 0 1 0-52.6848l122.88-124.1088a37.4784 37.4784 0 0 1 67.4304 14.1312 37.1712 37.1712 0 0 1-15.8208 37.9904l-122.88 124.16a36.9664 36.9664 0 0 1-26.6752 11.1616z m562.176 74.496a37.376 37.376 0 0 1-36.6592-30.8224l-24.9344-146.432a37.12 37.12 0 0 1 9.728-38.8096 37.5296 37.5296 0 0 1 63.0784 24.576l24.9344 146.5344a37.2224 37.2224 0 0 1-30.208 43.2128 30.7712 30.7712 0 0 1-5.9392 1.6896v0.0512z" fill="#A1ACC1" ></path></symbol><symbol id="iconyanjing" viewBox="0 0 1024 1024"><path d="M511.488 249.1904c188.9792 0 361.0624 183.6032 426.8032 262.2976-65.7408 78.7456-237.824 262.2976-426.8032 262.2976-188.928 0-361.0624-183.552-426.752-262.2976C150.4256 432.7936 322.5088 249.1904 511.488 249.1904z m0-78.6944C276.992 170.496 78.336 394.24 11.3152 479.232a51.6096 51.6096 0 0 0 0 64.512c67.0208 84.992 265.728 308.736 500.224 308.736 234.496 0 433.152-223.744 500.1728-308.736a51.6096 51.6096 0 0 0 0-64.512c-67.072-84.992-265.728-308.736-500.224-308.736z m0 262.2976c42.3936 0 76.7488 35.2256 76.7488 78.6944 0 43.52-34.3552 78.7456-76.7488 78.7456-42.3424 0-76.6976-35.2768-76.6976-78.7456 0-43.4688 34.304-78.6944 76.6976-78.6944z m0-78.6432c-62.0544 0-118.016 38.2976-141.7216 97.1264a160.3072 160.3072 0 0 0 33.28 171.52 150.6304 150.6304 0 0 0 167.168 34.0992c57.344-24.32 94.72-81.7664 94.72-145.408 0-86.9376-68.6592-157.3376-153.3952-157.3376z" fill="#A1ACC1" ></path></symbol><symbol id="icondrow" viewBox="0 0 1024 1024"><path d="M534.26087 872.358957a381.729391 381.729391 0 1 1 0.623304-763.458783A381.729391 381.729391 0 0 1 534.26087 872.358957zM534.26087 934.956522c245.893565 0 445.217391-199.323826 445.217391-445.217392S780.154435 44.521739 534.26087 44.521739 89.043478 243.845565 89.043478 489.73913s199.323826 445.217391 445.217392 445.217392z m0-277.504a31.165217 31.165217 0 0 0 22.79513-9.883826l192.333913-205.022609a31.298783 31.298783 0 1 0-45.679304-42.874435L534.26087 580.296348 364.989217 399.716174a31.298783 31.298783 0 0 0-45.634782 42.874435l192.111304 205.156174c5.921391 6.233043 14.157913 9.794783 22.795131 9.705739z" ></path></symbol><symbol id="iconsanjiao" viewBox="0 0 1152 1024"><path d="M473.6 762.496L153.6 335.872a128 128 0 0 1 102.4-204.8h640a128 128 0 0 1 102.4 204.8L678.4 762.496a128 128 0 0 1-204.8 0z" ></path></symbol><symbol id="iconsy" viewBox="0 0 1024 1024"><path d="M932.4544 477.44h-17.2544l-385.8944-374.3744c-11.52-11.52-23.04-11.52-34.56 0l-391.68 374.3744h-11.52a39.3728 39.3728 0 0 0-40.3456 40.3456v34.56c0 23.04 17.2544 40.2944 40.3456 40.2944h103.6288v264.96c0 23.04 17.3056 40.3456 40.3456 40.3456h167.0656c23.04 0 40.2944-17.3056 40.2944-40.3456v-213.0944h138.24v213.0944c0 23.04 17.3056 40.3456 40.2944 40.3456H788.48c23.04 0 40.2944-17.3056 40.2944-40.3456v-264.96h103.68c23.04 0 40.3456-17.2544 40.3456-40.2944v-34.56a39.3728 39.3728 0 0 0-40.3456-40.3456z" ></path></symbol><symbol id="iconstore" viewBox="0 0 1024 1024"><path d="M407.296 305.664a151.2448 151.2448 0 0 0-151.1424-151.1424A151.2448 151.2448 0 0 0 105.0112 305.664c0 41.6768 15.616 78.1824 41.6768 104.2432-5.2224 31.232-10.3936 62.5664-10.3936 93.7984a398.848 398.848 0 0 0 187.5968 338.7904l31.2832-125.0816a277.6576 277.6576 0 0 1-99.0208-213.7088c0-15.616 0-31.232 5.2224-46.8992 78.1824 0 145.92-67.7376 145.92-151.1424zM537.6 222.2592c52.1216 0 99.0208 15.6672 140.7488 36.5056-5.2224 15.616-10.4448 36.4544-10.4448 52.1216a151.2448 151.2448 0 0 0 151.1424 151.1424 151.2448 151.2448 0 0 0 151.1424-151.1424 151.2448 151.2448 0 0 0-151.1424-151.1424c-20.8384 0-36.5056 5.2224-57.344 10.3936A406.0672 406.0672 0 0 0 537.6 102.4c-57.344 0-114.688 10.4448-161.5872 36.5056l67.7888 99.0208A295.1168 295.1168 0 0 1 537.6 222.208z m281.4464 291.84c-5.2224 104.2944-62.5664 192.8704-151.1424 234.5984-26.112-46.8992-78.1824-83.4048-135.5264-83.4048a151.2448 151.2448 0 0 0-151.1424 151.1424 151.2448 151.2448 0 0 0 151.1424 151.1424c62.5664 0 114.688-36.4544 140.7488-93.7984 156.3648-57.344 265.7792-203.264 265.7792-375.296v-26.0096c-5.1712 5.1712-119.8592 41.6768-119.8592 41.6768z" ></path></symbol><symbol id="iconsq" viewBox="0 0 1024 1024"><path d="M399.758222 260.551111a7.395556 7.395556 0 0 0-12.629333-4.323555l-40.504889 40.561777-124.017778-123.960889a7.395556 7.395556 0 0 0-10.467555 0l-39.253334 39.253334a7.395556 7.395556 0 0 0 0 10.467555l123.960889 124.017778-40.732444 40.675556a7.395556 7.395556 0 0 0 4.380444 12.629333l148.536889 17.464889a7.395556 7.395556 0 0 0 8.305778-8.192L399.758222 260.551111z m9.386667 346.168889l-148.650667 17.521778a7.395556 7.395556 0 0 0-4.380444 12.629333l40.732444 40.732445-124.017778 123.790222a7.452444 7.452444 0 0 0 0 10.524444l39.253334 39.253334a7.395556 7.395556 0 0 0 10.524444 0l124.017778-124.017778 40.504889 40.561778a7.395556 7.395556 0 0 0 12.629333-4.323556l17.521778-148.48a7.338667 7.338667 0 0 0-8.135111-8.192z m205.653333-189.383111l148.707556-17.521778a7.395556 7.395556 0 0 0 4.380444-12.629333l-40.732444-40.618667 124.017778-123.904a7.452444 7.452444 0 0 0 0-10.467555l-39.310223-39.253334a7.452444 7.452444 0 0 0-10.524444 0l-124.017778 123.847111-40.504889-40.561777a7.395556 7.395556 0 0 0-12.629333 4.380444l-17.464889 148.48a7.395556 7.395556 0 0 0 8.078222 8.248889z m112.355556 260.152889l40.732444-40.675556a7.395556 7.395556 0 0 0-4.380444-12.629333l-148.536889-17.521778a7.395556 7.395556 0 0 0-8.305778 8.248889l17.521778 148.536889a7.395556 7.395556 0 0 0 12.629333 4.380444l40.561778-40.561777 124.017778 123.904c2.844444 2.901333 7.566222 2.901333 10.467555 0l39.310223-39.196445a7.452444 7.452444 0 0 0 0-10.467555l-124.017778-124.017778z" ></path></symbol><symbol id="iconuser" viewBox="0 0 1024 1024"><path d="M627.6608 564.4288a288 288 0 0 1 288 283.9552v18.432c0 60.16-113.8176 63.6928-260.1984 63.8976H413.9008C267.8784 930.5088 153.6 926.976 153.6 866.816v-18.432a288 288 0 0 1 288-283.9552zM525.1072 51.2c123.4432 0 223.488 98.5088 223.488 220.0576 0 121.4976-100.0448 220.0064-223.488 220.0064-123.392 0-223.488-98.5088-223.488-220.0576C301.6192 149.76 401.7152 51.2 525.1072 51.2z" ></path></symbol><symbol id="iconwd" viewBox="0 0 1024 1024"><path d="M250.212174 44.521739C188.059826 44.521739 137.750261 96.701217 137.750261 161.124174v699.614609c0 64.422957 50.309565 116.646957 112.372869 116.646956h561.997913c62.063304 0 118.561391-52.224 118.561392-116.646956V249.766957L738.482087 44.521739H250.212174z m449.224348 66.649044l165.175652 166.555826h-138.195478a27.158261 27.158261 0 0 1-26.980174-27.247305v-139.353043z m110.102261 799.565913H258.938435c-30.408348 0-55.073391-25.6-55.073392-57.07687V168.247652c0-31.521391 24.665043-57.07687 55.073392-57.076869h385.424695v171.319652c0 31.521391 24.665043 57.121391 55.073392 57.121391h165.175652v514.048c0 31.47687-24.665043 57.07687-55.073391 57.07687zM574.775652 410.935652H295.446261c-14.959304-1.78087-26.089739-16.027826-25.377391-32.634435-1.424696-17.007304 9.883826-32.189217 25.377391-33.970087h279.373913c15.538087 1.78087 26.802087 16.918261 25.377391 33.970087 0.712348 16.562087-10.418087 30.853565-25.377391 32.634435h-0.044522z m198.566957 166.600348H295.17913c-14.692174-3.205565-25.243826-17.14087-25.243826-33.346783 0-16.161391 10.551652-30.096696 25.110261-33.30226h478.386087c14.60313 3.205565 25.110261 17.14087 25.110261 33.30226 0 16.205913-10.50713 30.141217-25.110261 33.346783h-0.089043z m0 166.555826H295.17913c-14.692174-3.205565-25.243826-17.14087-25.243826-33.302261s10.551652-30.096696 25.110261-33.302261h478.386087c14.60313 3.205565 25.110261 17.14087 25.110261 33.302261s-10.50713 30.096696-25.110261 33.302261h-0.089043z" ></path></symbol><symbol id="iconmsg" viewBox="0 0 1024 1024"><path d="M884.023652 71.546435c59.347478 0 102.4 45.990957 102.4 109.345391v549.398261c0 61.217391-41.182609 102.4-102.4 102.4h-217.711304l-128.801391 127.24313a36.730435 36.730435 0 0 1-25.822609 10.685218 36.062609 36.062609 0 0 1-25.6-10.551652L354.838261 832.556522H135.479652c-61.44 0-102.66713-41.182609-102.66713-102.4V180.891826c0-63.354435 43.186087-109.345391 102.66713-109.345391z m0 72.748522H135.479652c-26.980174 0-29.918609 25.555478-29.918609 36.596869v549.220174c0 21.147826 8.681739 29.696 29.918609 29.696H368.64a35.929043 35.929043 0 0 1 26.624 10.462609l116.157217 112.461913 113.886609-112.239305a36.329739 36.329739 0 0 1 25.822609-10.685217h232.848695c21.103304 0 29.696-8.548174 29.696-29.651478V180.847304c0-11.041391-2.938435-36.59687-29.696-36.596869zM289.970087 383.777391c35.617391 0 64.556522 28.93913 64.556522 64.556522l-0.356174 6.233044a64.556522 64.556522 0 0 1-128.712348-6.233044l0.26713-6.233043a64.556522 64.556522 0 0 1 64.24487-58.323479z m229.910261 0c35.617391 0 64.556522 28.93913 64.556522 64.556522l-0.311653 6.233044a64.556522 64.556522 0 0 1-128.756869-6.233044l0.311652-6.233043a64.556522 64.556522 0 0 1 64.200348-58.323479z m228.396522-0.801391a64.556522 64.556522 0 1 1 0 129.024 64.556522 64.556522 0 0 1 0-129.024z" ></path></symbol><symbol id="iconclose" viewBox="0 0 1024 1024"><path d="M924.544 337.728a446.208 446.208 0 0 0-95.936-142.336A446.208 446.208 0 0 0 512 64.192a446.208 446.208 0 0 0-316.608 131.2A446.208 446.208 0 0 0 64.192 512a446.208 446.208 0 0 0 131.2 316.608A446.208 446.208 0 0 0 512 959.808a446.208 446.208 0 0 0 316.608-131.2A446.208 446.208 0 0 0 959.744 512c0-60.416-11.84-119.04-35.2-174.272zM512 896.256A384.64 384.64 0 0 1 127.744 512 384.64 384.64 0 0 1 512 127.744 384.64 384.64 0 0 1 896.256 512 384.64 384.64 0 0 1 512 896.256z m180.992-565.248c-12.48-12.544-31.488-13.76-42.368-2.88L512 466.752 373.376 328.128c-10.88-10.88-29.888-9.6-42.368 2.88-12.544 12.48-13.76 31.488-2.88 42.368L466.752 512l-138.624 138.624c-10.88 10.88-9.6 29.888 2.88 42.368 12.48 12.544 31.488 13.76 42.368 2.88L512 557.248l138.624 138.624c10.88 10.88 29.888 9.6 42.368-2.88 12.544-12.48 13.76-31.488 2.88-42.368L557.248 512l138.624-138.624c10.88-10.88 9.6-29.888-2.88-42.368z" ></path></symbol><symbol id="icongoods" viewBox="0 0 1024 1024"><path d="M482.8672 510.8736L138.6496 351.0784a27.9552 27.9552 0 0 0-10.9056-2.2016 25.0368 25.0368 0 0 0-25.344 24.6784v365.2608c0 18.0224 10.0864 34.5088 26.112 42.752l344.9344 187.392a25.344 25.344 0 0 0 25.3952 0 23.9104 23.9104 0 0 0 12.6976-21.0432v-392.448a49.3056 49.3056 0 0 0-28.672-44.544z m-73.5232 135.168l-204.8-100.352v-49.3056l204.8 98.56v51.0976z m535.552-358.7584a21.4016 21.4016 0 0 0-12.6976-27.904L557.568 106.496a52.5312 52.5312 0 0 0-40.5504 0L142.2848 259.3792a22.4768 22.4768 0 0 0-12.6976 12.3392 21.4016 21.4016 0 0 0 12.6976 27.904l374.6816 152.9344c13.056 5.0176 27.4944 5.0176 40.5504 0l374.6816-152.9344a22.4768 22.4768 0 0 0 12.6976-12.288z m24.6272 75.3664a26.112 26.112 0 0 0-33.6896-11.5712l-344.2176 160.1536a48.896 48.896 0 0 0-28.672 44.2368v392.0896c0 4.3008 1.1776 8.5504 3.2768 12.288a26.112 26.112 0 0 0 36.2496 9.0624l344.9856-186.9824a49.3056 49.3056 0 0 0 24.6272-43.1104V373.5552a21.76 21.76 0 0 0-2.56-10.9056z m-41.6256 244.992v72.448H896s-2.56 9.7792-3.9936 14.4896l-4.352 11.6224 22.4768 29.696-40.2432 55.0912-22.4768-29.3376-9.0624 5.7856a83.3536 83.3536 0 0 1-11.5712 5.4272v41.6768H769.536v-41.3184a67.7376 67.7376 0 0 1-11.6224-5.4272l-8.704-5.7856-22.4256 29.3376-40.96-52.1728 22.4768-29.696a108.6976 108.6976 0 0 1-4.352-11.6224 108.6976 108.6976 0 0 1-3.9936-14.4896h-31.8976v-72.448h31.8976c2.048-9.8304 5.12-19.456 9.0624-28.672l-22.528-29.3376 39.5264-51.8144 22.528 29.3376c6.656-4.9664 13.9264-8.96 21.7088-11.9296v-44.9536h56.8832v41.6768c7.8848 2.9696 15.3088 7.0144 22.1184 11.9808l22.4768-29.3888 39.4752 51.8144-22.4768 29.3888c3.9424 9.216 6.9632 18.7904 9.0624 28.6208h30.1056z m-130.4576 132.9664c-40.2432 0-72.4992-43.1104-72.4992-96.3584s32.256-96.4096 72.4992-96.4096c40.192 0 72.448 43.1104 72.448 96.4096 0 53.248-32.256 96.3584-72.448 96.3584z" ></path></symbol><symbol id="iconbj" viewBox="0 0 1024 1024"><path d="M862.0544 928.512H160.4608a39.8336 39.8336 0 0 1-40.448-39.1168V211.2c0-21.6064 18.1248-39.1168 40.448-39.1168h67.4816v39.1168c0 43.2128 36.2496 78.2336 80.9472 78.2336s80.896-35.0208 80.896-78.2336V172.032h40.4992v39.1168c0 43.2128 36.2496 78.2336 80.9472 78.2336s80.9984-35.0208 80.9984-78.2336V172.032h40.448v39.1168c0 43.2128 36.2496 78.2336 80.896 78.2336 44.7488 0 80.9984-35.0208 80.9984-78.2336V172.032h67.4816c22.3232 0 40.448 17.5104 40.448 39.1168V889.344a39.8336 39.8336 0 0 1-40.448 39.1168zM754.176 393.7792H268.3904a39.7824 39.7824 0 0 0-40.448 39.1168c0 21.6064 18.0736 39.1168 40.448 39.1168h485.7344c22.3744 0 40.448-17.5104 40.448-39.1168a39.7824 39.7824 0 0 0-40.448-39.1168z m0 169.5744H268.3904a39.7824 39.7824 0 0 0-40.448 39.1168c0 21.6064 18.0736 39.1168 40.448 39.1168h485.7344c22.3744 0 40.448-17.5104 40.448-39.1168a39.7824 39.7824 0 0 0-40.448-39.1168z m6.7072 169.5232H261.632a33.1264 33.1264 0 0 0-33.6896 32.6144c0 17.9712 15.104 32.6144 33.6896 32.6144h499.2a33.1776 33.1776 0 0 0 33.7408-32.6144 33.1264 33.1264 0 0 0-33.7408-32.6144z m-47.2064-482.56a39.8336 39.8336 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.1248-39.168 40.448-39.168 22.3232 0 40.448 17.5616 40.448 39.168v78.2336a39.8336 39.8336 0 0 1-40.448 39.1168z m-202.3936 0a39.7824 39.7824 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.1248-39.168 40.448-39.168 22.3744 0 40.448 17.5616 40.448 39.168v78.2336a39.7824 39.7824 0 0 1-40.448 39.1168z m-202.3424 0a39.8336 39.8336 0 0 1-40.448-39.1168V132.9664c0-21.6064 18.0736-39.168 40.448-39.168 22.3232 0 40.448 17.5616 40.448 39.168v78.2336a39.8336 39.8336 0 0 1-40.448 39.1168z" ></path></symbol></svg>',function(l){var a=(a=document.getElementsByTagName("script"))[a.length-1],c=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var t,o,h,i,m,e=function(a,c){c.parentNode.insertBefore(a,c)};if(c&&!l.__iconfont__svg__cssinject__){l.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}t=function(){var a,c=document.createElement("div");c.innerHTML=l._iconfont_svg_string_2537242,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(a=document.body).firstChild?e(c,a.firstChild):a.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(h=t,i=l.document,m=!1,v(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,n())})}function n(){m||(m=!0,h())}function v(){try{i.documentElement.doScroll("left")}catch(a){return void setTimeout(v,50)}n()}}(window);
\ No newline at end of file \ No newline at end of file
src/assets/css/font/iconfont.json
...@@ -6,6 +6,13 @@ ...@@ -6,6 +6,13 @@
"description": "猎芯云芯系统前端", "description": "猎芯云芯系统前端",
"glyphs": [ "glyphs": [
{ {
"icon_id": "15187540",
"name": "数据统计",
"font_class": "shujutongji",
"unicode": "e609",
"unicode_decimal": 58889
},
{
"icon_id": "1111857", "icon_id": "1111857",
"name": "消息管理", "name": "消息管理",
"font_class": "xiaoxiguanli1", "font_class": "xiaoxiguanli1",
......
src/assets/css/goods/brand.less
.brandxk { .brandxk {
.brand-con { .brand-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6; padding: 20px;
padding: 20px; }
.search-btn {
cursor: pointer;
width: 76px;
height: 37px;
line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color: #fff;
text-align: center;
&:hover {
background: #0050E0;
} }
}
.search-btn {
cursor: pointer; .btn-nav {
width: 76px; margin-top: 11px;
height: 37px; margin-bottom: 22px;
line-height: 37px;
.dcg {
width: 66px;
height: 26px;
border-radius: 2px;
text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #E5EEFF;;
color: #1969F9;
margin-right: 10px;
font-size: 14px;
transition: all 0.5s;
&:hover {
background: #1969F9; background: #1969F9;
border-radius: 2px; cursor: pointer;
font-size: 14px;
color: #fff; color: #fff;
text-align: center; }
&.delbtn {
border: 1px solid #FC1F00;
background: #FFE7E3;
color: #FC1F00;
&:hover { &:hover {
background: #0050E0; background: #FF715D;
} color: #fff;
}
.btn-nav {
margin-top: 11px;
margin-bottom: 22px;
.dcg {
width: 66px;
height: 26px;
border-radius: 2px;
text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #E5EEFF;;
color: #1969F9;
margin-right: 10px;
font-size: 14px;
transition: all 0.5s;
&:hover {
background: #1969F9;
cursor: pointer;
color: #fff;
}
&.delbtn {
border: 1px solid #FC1F00;
background: #FFE7E3;
color: #FC1F00;
&:hover {
background: #FF715D;
color: #fff;
}
}
&.updatex {
}
}
.updatex {
width: 66px;
height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color: #FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
&:hover {
background: #FCA955;
color: #fff;
}
} }
}
&.updatex {
}
} }
.brand-img { .updatex {
width: 80%; width: 66px;
height: 40px; height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color: #FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
&:hover {
background: #FCA955;
color: #fff;
}
} }
}
.brand-img {
width: 80%;
height: 40px;
}
} }
\ No newline at end of file
src/assets/css/goods/brand.min.css
.brandxk .brand-con { .brandxk .brand-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6;
padding: 20px; padding: 20px;
} }
.brandxk .search-btn { .brandxk .search-btn {
......
src/assets/css/goods/brand.min.css.map
{"version":3,"sources":["brand.less"],"names":[],"mappings":"AAAA,QACI;EACI,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,aAAA;;AALR,QAQI;EACI,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAEA,QAXJ,YAWK;EACG,mBAAA;;AApBZ,QAwBI;EACI,gBAAA;EACA,mBAAA;;AA1BR,QAwBI,SAII;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;;AAEA,QAjBR,SAII,KAaK;EACG,mBAAA;EACA,eAAA;EACA,WAAA;;AAGJ,QAvBR,SAII,KAmBK;EACG,yBAAA;EACA,mBAAA;EACA,cAAA;;AAEA,QA5BZ,SAII,KAmBK,OAKI;EACG,mBAAA;EACA,WAAA;;AAtDpB,QAwBI,SAuCI;EAEI,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AAEA,QApDR,SAuCI,SAaK;EAEG,mBAAA;EACA,WAAA;;AA/EhB,QAqFI;EACI,UAAA;EACA,YAAA","file":"brand.min.css"} {"version":3,"sources":["brand.less"],"names":[],"mappings":"AAAA,QACE;EACE,mBAAA;EACA,kBAAA;EACA,aAAA;;AAJJ,QAOE;EACE,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAEA,QAXF,YAWG;EACC,mBAAA;;AAnBN,QAuBE;EACE,gBAAA;EACA,mBAAA;;AAzBJ,QAuBE,SAIE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;;AAEA,QAjBJ,SAIE,KAaG;EACC,mBAAA;EACA,eAAA;EACA,WAAA;;AAGF,QAvBJ,SAIE,KAmBG;EACC,yBAAA;EACA,mBAAA;EACA,cAAA;;AAEA,QA5BN,SAIE,KAmBG,OAKE;EACC,mBAAA;EACA,WAAA;;AArDV,QAuBE,SAuCE;EAEE,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AAEA,QApDJ,SAuCE,SAaG;EAEC,mBAAA;EACA,WAAA;;AA9ER,QAoFE;EACE,UAAA;EACA,YAAA","file":"brand.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/goods/goods.less
.goods { .goods {
.pdf { .pdf {
span { span {
font-size: 20px; font-size: 20px;
}
color: #666;
&:hover {
color: #1969F9;
cursor: pointer;
}
} }
.goods-con { color: #666;
background: #FFFFFF;
border-radius: 4px; &:hover {
border: 1px solid #E5EBF6; color: #1969F9;
padding: 20px; cursor: pointer;
} }
}
.search-btn {
cursor: pointer; .goods-con {
width: 76px; background: #FFFFFF;
height: 37px; border-radius: 4px;
line-height: 37px; padding: 20px;
}
.search-btn {
cursor: pointer;
width: 76px;
height: 37px;
line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color: #fff;
text-align: center;
&:hover {
background: #0050E0;
}
}
.btn-nav {
margin-top: 11px;
margin-bottom: 22px;
.dcg {
width: 66px;
height: 26px;
border-radius: 2px;
text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #E5EEFF;;
color: #1969F9;
margin-right: 10px;
font-size: 14px;
transition: all 0.5s;
&:hover {
background: #1969F9; background: #1969F9;
border-radius: 2px; cursor: pointer;
font-size: 14px;
color: #fff; color: #fff;
text-align: center; }
&.delbtn {
border: 1px solid #FC1F00;
background: #FFE7E3;
color: #FC1F00;
&:hover { &:hover {
background: #0050E0; background: #FF715D;
color: #fff;
} }
}
&.updatex {}
} }
.btn-nav { .updatex {
margin-top: 11px; width: 66px;
margin-bottom: 22px; height: 26px;
line-height: 26px;
.dcg { text-align: center;
width: 66px; background: #FFEEDD;
height: 26px; border: 1px solid #FF870D;
border-radius: 2px; border-radius: 2px;
text-align: center; color: #FF870D;
line-height: 26px; font-size: 14px;
border: 1px solid #1969F9; cursor: pointer;
background: #E5EEFF;; width: 66px;
color: #1969F9;
margin-right: 10px; &:hover {
font-size: 14px;
transition: all 0.5s; background: #FCA955;
color: #fff;
&:hover {
background: #1969F9; }
cursor: pointer;
color: #fff;
}
&.delbtn {
border: 1px solid #FC1F00;
background: #FFE7E3;
color: #FC1F00;
&:hover {
background: #FF715D;
color: #fff;
}
}
&.updatex {}
}
.updatex {
width: 66px;
height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color: #FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
&:hover {
background: #FCA955;
color: #fff;
}
}
}
.brand-img {
width: 80%;
height: 80;
}
.xktitle {
border-left: 5px solid #1969F9;
height: 38px;
line-height: 38px;
background: #f3f3f3;
padding-left: 20px;
font-weight: bold;
color: #333;
} }
}
.infoboxpx {
padding: 15px; .brand-img {
padding-bottom: 30px; width: 80%;
height: 80;
.el-col {
margin-top: 15px; }
}
.xktitle {
border-left: 5px solid #1969F9;
height: 38px;
line-height: 38px;
background: #f3f3f3;
padding-left: 20px;
font-weight: bold;
color: #333;
}
.infoboxpx {
padding: 15px;
padding-bottom: 30px;
.el-col {
margin-top: 15px;
} }
}
} }
\ No newline at end of file
src/assets/css/goods/goods.min.css
...@@ -11,7 +11,6 @@ ...@@ -11,7 +11,6 @@
.goods .goods-con { .goods .goods-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6;
padding: 20px; padding: 20px;
} }
.goods .search-btn { .goods .search-btn {
......
src/assets/css/goods/goods.min.css.map
{"version":3,"sources":["goods.less"],"names":[],"mappings":"AAAA,MACI;EAKI,WAAA;;AANR,MACI,KACI;EACI,eAAA;;AAKJ,MAPJ,KAOK;EACG,cAAA;EACA,eAAA;;AAVZ,MAcI;EACI,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,aAAA;;AAlBR,MAqBI;EACI,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAEA,MAXJ,YAWK;EACG,mBAAA;;AAjCZ,MAqCI;EACI,gBAAA;EACA,mBAAA;;AAvCR,MAqCI,SAII;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;;AAEA,MAjBR,SAII,KAaK;EACG,mBAAA;EACA,eAAA;EACA,WAAA;;AAGJ,MAvBR,SAII,KAmBK;EACG,yBAAA;EACA,mBAAA;EACA,cAAA;;AAEA,MA5BZ,SAII,KAmBK,OAKI;EACG,mBAAA;EACA,WAAA;;AAnEpB,MAqCI,SAqCI;EAEI,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AAEA,MAlDR,SAqCI,SAaK;EAEG,mBAAA;EACA,WAAA;;AA1FhB,MAgGI;EACI,UAAA;EACA,UAAA;;AAlGR,MAsGI;EACI,8BAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;;AA7GR,MAgHI;EACI,aAAA;EACA,oBAAA;;AAlHR,MAgHI,WAII;EACI,gBAAA","file":"goods.min.css"} {"version":3,"sources":["goods.less"],"names":[],"mappings":"AAAA,MACE;EAKE,WAAA;;AANJ,MACE,KACE;EACE,eAAA;;AAKF,MAPF,KAOG;EACC,cAAA;EACA,eAAA;;AAVN,MAcE;EACE,mBAAA;EACA,kBAAA;EACA,aAAA;;AAjBJ,MAoBE;EACE,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAEA,MAXF,YAWG;EACC,mBAAA;;AAhCN,MAoCE;EACE,gBAAA;EACA,mBAAA;;AAtCJ,MAoCE,SAIE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;;AAEA,MAjBJ,SAIE,KAaG;EACC,mBAAA;EACA,eAAA;EACA,WAAA;;AAGF,MAvBJ,SAIE,KAmBG;EACC,yBAAA;EACA,mBAAA;EACA,cAAA;;AAEA,MA5BN,SAIE,KAmBG,OAKE;EACC,mBAAA;EACA,WAAA;;AAlEV,MAoCE,SAqCE;EAEE,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AAEA,MAlDJ,SAqCE,SAaG;EAEC,mBAAA;EACA,WAAA;;AAzFR,MA+FE;EACE,UAAA;EACA,UAAA;;AAjGJ,MAqGE;EACE,8BAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;EACA,WAAA;;AA5GJ,MA+GE;EACE,aAAA;EACA,oBAAA;;AAjHJ,MA+GE,WAIE;EACE,gBAAA","file":"goods.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/index/index.less
.home-index { .home-index {
width: 99%; width: 99%;
padding-left: 20px; padding-left: 20px;
padding-bottom: 20px; padding-bottom: 20px;
.survey-top-show {
.left-bar {
width: 63%;
}
.survey-top { .survey-top {
padding-top: 20px; padding-top: 20px;
li { li {
padding: 7px 8px 9px 12px; padding: 7px 8px 9px 12px;
width: 24%; width: 48%;
height: 128px; height: 128px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 2px;
border: 1px solid #E5EBF6;
margin-right: 22px;
.top {
.t1 {
font-size: 14px;
color: #333333;
font-weight: 500;
}
.t2 {
width: 24px;
height: 24px;
background: #F1F4FA;
border-radius: 2px; border-radius: 2px;
border: 1px solid #E5EBF6; border: 1px solid #BEC9DF;
font-size: 14px;
.top { color: #646b78;
.t1 { cursor: pointer;
font-size: 14px; transition: all 0.2s ease;
color: #333333;
font-weight: 500; &:hover {
} border: 1px solid #1969F9;
color: #1969f9;
.t2 {
width: 24px;
height: 24px;
background: #F1F4FA;
border-radius: 2px;
border: 1px solid #BEC9DF;
font-size: 14px;
color: #646b78;
cursor: pointer;
transition: all 0.2s ease;
&:hover {
border: 1px solid #1969F9;
color: #1969f9;
}
}
}
.cen {
margin-top: 13px;
margin-bottom: 18px;
align-items: flex-end;
.mr {
margin-right: 26px;
}
.t1 {
font-size: 14px;
color: #333333;
line-height: 20px;
font-weight: 500;
}
.t2 {
font-size: 30px;
color: #1969f9;
font-weight: bold;
line-height: 35px;
margin-left: 3px;
}
}
.bottom {
.t1 {
font-size: 12px;
color: #646b78;
font-weight: 500;
}
.t2 {
font-size: 12px;
color: #333333;
}
} }
}
} }
.cen {
margin-top: 13px;
margin-bottom: 18px;
align-items: flex-end;
.mr {
margin-right: 26px;
}
.t1 {
font-size: 14px;
color: #333333;
line-height: 20px;
font-weight: 500;
}
.t2 {
font-size: 30px;
color: #1969f9;
font-weight: bold;
line-height: 35px;
margin-left: 3px;
}
}
.bottom {
.t1 {
font-size: 12px;
color: #646b78;
font-weight: 500;
}
.t2 {
font-size: 12px;
color: #333333;
}
}
}
} }
.survey-show { .survey-show {
margin-top: 25px; margin-top: 25px;
margin-bottom: 25px; margin-bottom: 25px;
padding: 20px 0 17px 0; padding: 20px 15px 17px 15px;
height: 131px; height: 131px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 2px; border-radius: 2px;
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
li { li {
position: relative; position: relative;
width: 24%; width: 48%;
height: 94px; height: 94px;
margin-right: 24px;
.iconfont {
font-size: 30px; .iconfont {
color: #A3ADC2; font-size: 30px;
} color: #A3ADC2;
}
.t1 {
font-size: 14px; .t1 {
color: #333333; font-size: 14px;
margin-top: 11px; color: #333333;
} margin-top: 11px;
}
.t2 {
font-size: 14px; .t2 {
color: #a1acc1; font-size: 14px;
margin-top: 8px; color: #a1acc1;
} margin-top: 8px;
}
.color1 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #F35656;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.color2 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #FC7A28;
border-radius: 0px 0 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.color3 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #EEB602;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.color4 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #29C0D6;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.color5 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #4DD35B;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.wrap {
width: 100%;
height: 94px;
background: #F1F4FA;
border-radius: 2px;
border: 1px solid #E5EBF6;
padding-top: 20px;
padding-left: 10px;
cursor: pointer;
transition: all 0.4s ease;
display: block;
}
&:hover {
.wrap {
transform: translateY(-8px);
}
.color1 {
transform: translateY(0);
}
.t1 {
color: #1969f9;
}
}
}
}
}
.rate-box {
margin-top: 25px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #E5EBF6;
padding: 20px;
position: relative;
.progressbar-box {
width: 100%;
margin-top: 30px;
}
}
.offer {
position: relative;
margin-top: 25px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #E5EBF6;
padding: 20px;
.offer-content {
margin-top: 20px;
height: 360px;
.echarts-box {
flex: 0 0 60%;
height: 100%;
}
.list-box {
flex: 0 0 40%;
height: 100%;
.one {
width: 20px;
height: 20px;
border-radius: 50%;
background: #f56c6c;
font-size: 12px;
color: #fff;
}
.two {
width: 20px;
height: 20px;
border-radius: 50%;
background: #409eff;
font-size: 12px;
color: #fff;
}
.three {
width: 20px;
height: 20px;
border-radius: 50%;
background: #67c23a;
font-size: 12px;
color: #fff;
}
.num {
width: 20px;
height: 20px;
border-radius: 50%;
}
}
}
}
.liexin-search {
width: 35%;
height: 284px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #E5EBF6;
.head {
height: 35px;
background: #D3DAFC;
border-radius: 2px 2px 0px 0px;
.title {
padding-left: 18px;
font-weight: bold;
span {
font-size: 14px;
color: #253b5e;
}
em {
font-size: 14px;
color: #387fff;
}
}
.switch {
margin-right: 10px;
cursor: pointer;
span {
font-size: 12px;
color: #313131;
margin-right: 5px;
}
i {
width: 15px;
height: 15px;
background: url("../../images/next.png") no-repeat center;
background-size: contain;
}
&:hover {
span {
color: #387FFF;
}
i {
background: url("../../images/nexts.png") no-repeat center;
background-size: contain;
}
}
}
}
.search {
margin: 10px 10px 0 10px;
height: 28px;
background: #F1F4FA;
border-radius: 2px;
box-sizing: border-box;
i {
width: 17px;
height: 17px;
background: url("../../images/search.png") no-repeat center;
background-size: contain;
margin-left: 7px;
margin-right: 10px;
}
input {
font-size: 12px;
background: transparent;
}
}
.list {
padding-left: 45px;
.top-th {
height: 35px;
span {
font-size: 14px;
color: #333333;
font-weight: bold;
}
}
.box-wrap {
height: 173px;
overflow-y: auto;
.box {
height: 35px;
.t1 {
width: 70%;
font-size: 14px;
color: #333333;
}
.t2 {
width: 60px;
font-size: 14px;
color: #333333;
text-align: center;
}
.sort {
.color1 { .color1 {
position: absolute; font-size: 14px;
right: 7px; color: #f65d51;
top: -21px; font-weight: bold;
width: 45px;
height: 40px;
line-height: 40px;
background: #F35656;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
} }
.color2 { .color2 {
position: absolute; font-size: 14px;
right: 7px; color: #e08c22;
top: -21px; font-weight: bold;
width: 45px;
height: 40px;
line-height: 40px;
background: #FC7A28;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
} }
.color3 { .color3 {
position: absolute; font-size: 14px;
right: 7px; color: #64a0e1;
top: -21px; font-weight: bold;
width: 45px;
height: 40px;
line-height: 40px;
background: #EEB602;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.color4 {
position: absolute;
right: 7px;
top: -21px;
width: 45px;
height: 40px;
line-height: 40px;
background: #29C0D6;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
} }
.color5 { .i1 {
position: absolute; width: 17px;
right: 7px; height: 17px;
top: -21px; background: url("../../images/one.png") no-repeat center;
width: 45px; background-size: contain;
height: 40px; margin-right: 10px;
line-height: 40px;
background: #4DD35B;
border-radius: 0px 0px 100px 100px;
font-size: 16px;
color: #ffffff;
text-align: center;
}
.wrap {
width: 100%;
height: 94px;
background: #F1F4FA;
border-radius: 2px;
border: 1px solid #E5EBF6;
padding-top: 20px;
padding-left: 10px;
cursor: pointer;
transition: all 0.4s ease;
display: block;
}
&:hover {
.wrap {
transform: translateY(-8px);
}
.color1 {
transform: translateY(0);
}
.t1 {
color: #1969f9;
}
} }
}
} .i2 {
width: 17px;
.rate-box { height: 17px;
margin-top: 25px; background: url("../../images/two.png") no-repeat center;
background: #FFFFFF; background-size: contain;
border-radius: 2px; margin-right: 10px;
border: 1px solid #E5EBF6;
padding: 20px;
position: relative;
.progressbar-box {
width: 100%;
margin-top: 30px;
}
}
.offer {
position: relative;
margin-top: 25px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #E5EBF6;
padding: 20px;
.offer-content {
margin-top: 20px;
height: 360px;
.echarts-box {
flex: 0 0 60%;
height: 100%;
} }
.list-box { .i3 {
flex: 0 0 40%; width: 17px;
height: 100%; height: 17px;
background: url("../../images/three.png") no-repeat center;
.one { background-size: contain;
width: 20px; margin-right: 10px;
height: 20px;
border-radius: 50%;
background: #f56c6c;
font-size: 12px;
color: #fff;
}
.two {
width: 20px;
height: 20px;
border-radius: 50%;
background: #409eff;
font-size: 12px;
color: #fff;
}
.three {
width: 20px;
height: 20px;
border-radius: 50%;
background: #67c23a;
font-size: 12px;
color: #fff;
}
.num {
width: 20px;
height: 20px;
border-radius: 50%;
}
} }
}
} }
}
} }
}
} }
src/assets/css/index/index.min.css
...@@ -3,23 +3,27 @@ ...@@ -3,23 +3,27 @@
padding-left: 20px; padding-left: 20px;
padding-bottom: 20px; padding-bottom: 20px;
} }
.home-index .survey-top { .home-index .survey-top-show .left-bar {
width: 63%;
}
.home-index .survey-top-show .survey-top {
padding-top: 20px; padding-top: 20px;
} }
.home-index .survey-top li { .home-index .survey-top-show .survey-top li {
padding: 7px 8px 9px 12px; padding: 7px 8px 9px 12px;
width: 24%; width: 48%;
height: 128px; height: 128px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 2px; border-radius: 2px;
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
margin-right: 22px;
} }
.home-index .survey-top li .top .t1 { .home-index .survey-top-show .survey-top li .top .t1 {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
font-weight: 500; font-weight: 500;
} }
.home-index .survey-top li .top .t2 { .home-index .survey-top-show .survey-top li .top .t2 {
width: 24px; width: 24px;
height: 24px; height: 24px;
background: #F1F4FA; background: #F1F4FA;
...@@ -30,69 +34,70 @@ ...@@ -30,69 +34,70 @@
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
.home-index .survey-top li .top .t2:hover { .home-index .survey-top-show .survey-top li .top .t2:hover {
border: 1px solid #1969F9; border: 1px solid #1969F9;
color: #1969f9; color: #1969f9;
} }
.home-index .survey-top li .cen { .home-index .survey-top-show .survey-top li .cen {
margin-top: 13px; margin-top: 13px;
margin-bottom: 18px; margin-bottom: 18px;
align-items: flex-end; align-items: flex-end;
} }
.home-index .survey-top li .cen .mr { .home-index .survey-top-show .survey-top li .cen .mr {
margin-right: 26px; margin-right: 26px;
} }
.home-index .survey-top li .cen .t1 { .home-index .survey-top-show .survey-top li .cen .t1 {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
line-height: 20px; line-height: 20px;
font-weight: 500; font-weight: 500;
} }
.home-index .survey-top li .cen .t2 { .home-index .survey-top-show .survey-top li .cen .t2 {
font-size: 30px; font-size: 30px;
color: #1969f9; color: #1969f9;
font-weight: bold; font-weight: bold;
line-height: 35px; line-height: 35px;
margin-left: 3px; margin-left: 3px;
} }
.home-index .survey-top li .bottom .t1 { .home-index .survey-top-show .survey-top li .bottom .t1 {
font-size: 12px; font-size: 12px;
color: #646b78; color: #646b78;
font-weight: 500; font-weight: 500;
} }
.home-index .survey-top li .bottom .t2 { .home-index .survey-top-show .survey-top li .bottom .t2 {
font-size: 12px; font-size: 12px;
color: #333333; color: #333333;
} }
.home-index .survey-show { .home-index .survey-top-show .survey-show {
margin-top: 25px; margin-top: 25px;
margin-bottom: 25px; margin-bottom: 25px;
padding: 20px 0 17px 0; padding: 20px 15px 17px 15px;
height: 131px; height: 131px;
background: #FFFFFF; background: #FFFFFF;
border-radius: 2px; border-radius: 2px;
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
} }
.home-index .survey-show li { .home-index .survey-top-show .survey-show li {
position: relative; position: relative;
width: 24%; width: 48%;
height: 94px; height: 94px;
margin-right: 24px;
} }
.home-index .survey-show li .iconfont { .home-index .survey-top-show .survey-show li .iconfont {
font-size: 30px; font-size: 30px;
color: #A3ADC2; color: #A3ADC2;
} }
.home-index .survey-show li .t1 { .home-index .survey-top-show .survey-show li .t1 {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
margin-top: 11px; margin-top: 11px;
} }
.home-index .survey-show li .t2 { .home-index .survey-top-show .survey-show li .t2 {
font-size: 14px; font-size: 14px;
color: #a1acc1; color: #a1acc1;
margin-top: 8px; margin-top: 8px;
} }
.home-index .survey-show li .color1 { .home-index .survey-top-show .survey-show li .color1 {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: -21px; top: -21px;
...@@ -105,7 +110,7 @@ ...@@ -105,7 +110,7 @@
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.home-index .survey-show li .color2 { .home-index .survey-top-show .survey-show li .color2 {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: -21px; top: -21px;
...@@ -113,12 +118,12 @@ ...@@ -113,12 +118,12 @@
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
background: #FC7A28; background: #FC7A28;
border-radius: 0px 0px 100px 100px; border-radius: 0px 0 100px 100px;
font-size: 16px; font-size: 16px;
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.home-index .survey-show li .color3 { .home-index .survey-top-show .survey-show li .color3 {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: -21px; top: -21px;
...@@ -131,7 +136,7 @@ ...@@ -131,7 +136,7 @@
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.home-index .survey-show li .color4 { .home-index .survey-top-show .survey-show li .color4 {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: -21px; top: -21px;
...@@ -144,7 +149,7 @@ ...@@ -144,7 +149,7 @@
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.home-index .survey-show li .color5 { .home-index .survey-top-show .survey-show li .color5 {
position: absolute; position: absolute;
right: 7px; right: 7px;
top: -21px; top: -21px;
...@@ -157,7 +162,7 @@ ...@@ -157,7 +162,7 @@
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
} }
.home-index .survey-show li .wrap { .home-index .survey-top-show .survey-show li .wrap {
width: 100%; width: 100%;
height: 94px; height: 94px;
background: #F1F4FA; background: #F1F4FA;
...@@ -169,13 +174,13 @@ ...@@ -169,13 +174,13 @@
transition: all 0.4s ease; transition: all 0.4s ease;
display: block; display: block;
} }
.home-index .survey-show li:hover .wrap { .home-index .survey-top-show .survey-show li:hover .wrap {
transform: translateY(-8px); transform: translateY(-8px);
} }
.home-index .survey-show li:hover .color1 { .home-index .survey-top-show .survey-show li:hover .color1 {
transform: translateY(0); transform: translateY(0);
} }
.home-index .survey-show li:hover .t1 { .home-index .survey-top-show .survey-show li:hover .t1 {
color: #1969f9; color: #1969f9;
} }
.home-index .rate-box { .home-index .rate-box {
...@@ -239,4 +244,134 @@ ...@@ -239,4 +244,134 @@
height: 20px; height: 20px;
border-radius: 50%; border-radius: 50%;
} }
.home-index .liexin-search {
width: 35%;
height: 284px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #E5EBF6;
}
.home-index .liexin-search .head {
height: 35px;
background: #D3DAFC;
border-radius: 2px 2px 0px 0px;
}
.home-index .liexin-search .head .title {
padding-left: 18px;
font-weight: bold;
}
.home-index .liexin-search .head .title span {
font-size: 14px;
color: #253b5e;
}
.home-index .liexin-search .head .title em {
font-size: 14px;
color: #387fff;
}
.home-index .liexin-search .head .switch {
margin-right: 10px;
cursor: pointer;
}
.home-index .liexin-search .head .switch span {
font-size: 12px;
color: #313131;
margin-right: 5px;
}
.home-index .liexin-search .head .switch i {
width: 15px;
height: 15px;
background: url("../../images/next.png") no-repeat center;
background-size: contain;
}
.home-index .liexin-search .head .switch:hover span {
color: #387FFF;
}
.home-index .liexin-search .head .switch:hover i {
background: url("../../images/nexts.png") no-repeat center;
background-size: contain;
}
.home-index .liexin-search .search {
margin: 10px 10px 0 10px;
height: 28px;
background: #F1F4FA;
border-radius: 2px;
box-sizing: border-box;
}
.home-index .liexin-search .search i {
width: 17px;
height: 17px;
background: url("../../images/search.png") no-repeat center;
background-size: contain;
margin-left: 7px;
margin-right: 10px;
}
.home-index .liexin-search .search input {
font-size: 12px;
background: transparent;
}
.home-index .liexin-search .list {
padding-left: 45px;
}
.home-index .liexin-search .list .top-th {
height: 35px;
}
.home-index .liexin-search .list .top-th span {
font-size: 14px;
color: #333333;
font-weight: bold;
}
.home-index .liexin-search .list .box-wrap {
height: 173px;
overflow-y: auto;
}
.home-index .liexin-search .list .box-wrap .box {
height: 35px;
}
.home-index .liexin-search .list .box-wrap .box .t1 {
width: 70%;
font-size: 14px;
color: #333333;
}
.home-index .liexin-search .list .box-wrap .box .t2 {
width: 60px;
font-size: 14px;
color: #333333;
text-align: center;
}
.home-index .liexin-search .list .box-wrap .box .sort .color1 {
font-size: 14px;
color: #f65d51;
font-weight: bold;
}
.home-index .liexin-search .list .box-wrap .box .sort .color2 {
font-size: 14px;
color: #e08c22;
font-weight: bold;
}
.home-index .liexin-search .list .box-wrap .box .sort .color3 {
font-size: 14px;
color: #64a0e1;
font-weight: bold;
}
.home-index .liexin-search .list .box-wrap .box .sort .i1 {
width: 17px;
height: 17px;
background: url("../../images/one.png") no-repeat center;
background-size: contain;
margin-right: 10px;
}
.home-index .liexin-search .list .box-wrap .box .sort .i2 {
width: 17px;
height: 17px;
background: url("../../images/two.png") no-repeat center;
background-size: contain;
margin-right: 10px;
}
.home-index .liexin-search .list .box-wrap .box .sort .i3 {
width: 17px;
height: 17px;
background: url("../../images/three.png") no-repeat center;
background-size: contain;
margin-right: 10px;
}
/*# sourceMappingURL=index.min.css.map */ /*# sourceMappingURL=index.min.css.map */
\ No newline at end of file
src/assets/css/index/index.min.css.map
{"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.min.css"} {"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/info/message.less
.messagexk { .messagexk {
.message-box { .message-box {
background: #fff; background: #fff;
padding: 20px; padding: 20px;
height: calc(100vh - 136px); height: calc(100vh - 136px);
.h3 { .h3 {
font-size: 16px; font-size: 16px;
color: #333; color: #333;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
&::before { &::before {
content: ""; content: "";
width: 3px; width: 3px;
...@@ -18,53 +18,14 @@ ...@@ -18,53 +18,14 @@
background: #1969F9; background: #1969F9;
position: absolute; position: absolute;
left: -20px; left: -20px;
top: 0px; top: 0;
} }
} }
.el-form {
float: left;
.el-form-item__label {
color: #333;
}
.el-input {
width: 280px;
color: #333;
}
padding-top: 35px;
.el-input.is-disabled .el-input__inner {
background: #F1F4FA;
border: 1px solid #F1F4FA;
color: #333;
}
.submits {
margin-top: 26px;
cursor: pointer;
width: 76px;
height: 37px;
line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color: #fff;
text-align: center;
&:hover {
background: #0050E0;
}
}
}
.up-box { .up-box {
position: relative; position: relative;
margin-left: 90px;
padding-top: 37px;
.avatar-uploader { .avatar-uploader {
width: 98px; width: 98px;
height: 34px; height: 34px;
...@@ -74,20 +35,20 @@ ...@@ -74,20 +35,20 @@
line-height: 34px; line-height: 34px;
font-size: 14px; font-size: 14px;
color: #646B78; color: #646B78;
.iconfont { .iconfont {
font-size: 18px; font-size: 18px;
position: relative; position: relative;
top: -1px; top: -1px;
margin-left: 10px; margin-left: 10px;
} }
&:hover, .el-upload--picture-card:hover, .el-upload:focus { &:hover, .el-upload--picture-card:hover, .el-upload:focus {
color: #1969F9 !important; color: #1969F9 !important;
border-color: #1969F9 !important; border-color: #1969F9 !important;
} }
} }
.imspre { .imspre {
width: 100px; width: 100px;
height: 100px; height: 100px;
...@@ -97,5 +58,5 @@ ...@@ -97,5 +58,5 @@
} }
} }
} }
} }
\ No newline at end of file
src/assets/css/info/message.min.css
...@@ -16,43 +16,10 @@ ...@@ -16,43 +16,10 @@
background: #1969F9; background: #1969F9;
position: absolute; position: absolute;
left: -20px; left: -20px;
top: 0px; top: 0;
}
.messagexk .message-box .el-form {
float: left;
padding-top: 35px;
}
.messagexk .message-box .el-form .el-form-item__label {
color: #333;
}
.messagexk .message-box .el-form .el-input {
width: 280px;
color: #333;
}
.messagexk .message-box .el-form .el-input.is-disabled .el-input__inner {
background: #F1F4FA;
border: 1px solid #F1F4FA;
color: #333;
}
.messagexk .message-box .el-form .submits {
margin-top: 26px;
cursor: pointer;
width: 76px;
height: 37px;
line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color: #fff;
text-align: center;
}
.messagexk .message-box .el-form .submits:hover {
background: #0050E0;
} }
.messagexk .message-box .up-box { .messagexk .message-box .up-box {
position: relative; position: relative;
margin-left: 90px;
padding-top: 37px;
} }
.messagexk .message-box .up-box .avatar-uploader { .messagexk .message-box .up-box .avatar-uploader {
width: 98px; width: 98px;
......
src/assets/css/info/message.min.css.map
{"version":3,"sources":["message.less"],"names":[],"mappings":"AAAA,UAEE;EACE,gBAAA;EACA,aAAA;EACA,QAAQ,mBAAR;;AALJ,UAEE,aAKE;EACE,eAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;;AAEA,UAXJ,aAKE,IAMG;EACC,SAAS,EAAT;EACA,UAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,QAAA;;AApBR,UAEE,aAsBE;EACE,WAAA;EAWA,iBAAA;;AApCN,UAEE,aAsBE,SAGE;EACE,WAAA;;AA5BR,UAEE,aAsBE,SAOE;EACE,YAAA;EACA,WAAA;;AAjCR,UAEE,aAsBE,SAcE,UAAS,YAAa;EACpB,mBAAA;EACA,yBAAA;EACA,WAAA;;AAzCR,UAEE,aAsBE,SAoBE;EACE,gBAAA;EACA,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAEA,UAtDN,aAsBE,SAoBE,SAYG;EACC,mBAAA;;AAzDV,UAEE,aA4DE;EACE,kBAAA;EACA,iBAAA;EACA,iBAAA;;AAjEN,UAEE,aA4DE,QAKE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,yBAAA;EACA,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;;AA3ER,UAEE,aA4DE,QAKE,iBAUE;EACE,eAAA;EACA,kBAAA;EACA,SAAA;EACA,iBAAA;;AAGF,UAlFN,aA4DE,QAKE,iBAiBG;AApFT,UAEE,aA4DE,QAKE,iBAiBW,yBAAwB;AApFzC,UAEE,aA4DE,QAKE,iBAiB2C,WAAU;EACjD,cAAA;EACA,qBAAA;;AAtFV,UAEE,aA4DE,QA4BE;EACE,YAAA;EACA,aAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA","file":"message.min.css"} {"version":3,"sources":["message.less"],"names":[],"mappings":"AAAA,UAEE;EACE,gBAAA;EACA,aAAA;EACA,QAAQ,mBAAR;;AALJ,UAEE,aAKE;EACE,eAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;;AAEA,UAXJ,aAKE,IAMG;EACC,SAAS,EAAT;EACA,UAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,MAAA;;AApBR,UAEE,aAuBE;EACE,kBAAA;;AA1BN,UAEE,aAuBE,QAGE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,yBAAA;EACA,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,cAAA;;AApCR,UAEE,aAuBE,QAGE,iBAUE;EACE,eAAA;EACA,kBAAA;EACA,SAAA;EACA,iBAAA;;AAGF,UA3CN,aAuBE,QAGE,iBAiBG;AA7CT,UAEE,aAuBE,QAGE,iBAiBW,yBAAwB;AA7CzC,UAEE,aAuBE,QAGE,iBAiB2C,WAAU;EACjD,cAAA;EACA,qBAAA;;AA/CV,UAEE,aAuBE,QA0BE;EACE,YAAA;EACA,aAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA","file":"message.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/list/inquire.less
.inquire-con { .inquire-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6;
padding: 20px; padding: 20px;
.search-btn { .search-btn {
...@@ -153,4 +152,157 @@ ...@@ -153,4 +152,157 @@
} }
} }
} }
}
.xx {
.el-form-item__label {
white-space: nowrap;
}
.dialog-footer {
text-align: center !important;
}
.updatebox {
position: relative;
.selectdw {
width: 64px;
position: absolute;
top: 1px;
right: 2px;
.el-select {
width: 100%;
border-left: 1px solid #C0C4CC;
input {
border: 0px;
padding: 0px;
width: 100%;
height: 25px;
font-size: 14px;
color: #333;
text-align: center;
}
.el-input__prefix, .el-input__suffix {
display: none !important;
}
}
}
}
}
.price-more {
.more-search-btn {
width: 70px;
height: 26px;
background: #F1F4FA;
border-radius: 2px;
border: 1px solid #BEC9DF;
font-size: 12px;
color: #1969F9;
text-align: center;
transition: all 0.5s;
position: relative;
cursor: pointer;
&:hover {
border: 1px solid #1969F9;
}
}
}
.batch-layer {
width: 100%;
.batch-box {
flex: 0 0 33.3%;
border-bottom: 1px solid #eee;
.title {
width: 100%;
height: 30px;
border-bottom: 1px solid #eee;
i {
cursor: pointer;
}
}
.content {
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
width: 100%;
.period-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
li {
width: 36px;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
transition: all 0.4s ease-in-out;
&:hover, &.curr {
color: #FFF;
background-color: #409EFF;
}
}
}
.year-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
li {
flex: 0 0 33.3%;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
margin: 10px 0;
transition: all 0.4s ease-in-out;
&:hover, &.curr {
color: #FFF;
background-color: #409EFF;
}
}
}
}
.footer-btn {
padding-right: 10px;
height: 44px;
justify-content: flex-end;
border-right: 1px solid #eee;
}
}
}
.ic{
width: 248px;
height: 44px;
background: url("../../images/x.png") no-repeat center;
background-size: contain;
display: block;
} }
\ No newline at end of file
src/assets/css/list/inquire.min.css
.inquire-con{background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding:20px}.inquire-con .search-btn{cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.inquire-con .search-btn:hover{background:#0050E0}.inquire-con .btn-nav{margin-top:11px;margin-bottom:22px}.inquire-con .btn-nav .update{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.inquire-con .btn-nav .update i{margin-left:3px}.inquire-con .btn-nav .update:hover{background:#FCA955;color:#fff}.inquire-con .btn-nav .dcg{width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#E5EEFF;color:#1969F9;margin-right:10px;font-size:14px;transition:all .5s}.inquire-con .btn-nav .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.inquire-con .btn-nav .dcg.heti{width:56px;background:#fff}.inquire-con .btn-nav .dcg.heti:hover{background:#E5EEFF;color:#1969F9}.inquire-con .btn-nav .dcg.xjk{position:relative;left:-11px;border-left:1px solid #1969F9}.inquire-con .btn-nav .dcg.xjk:hover{border-left:1px solid #1969F9}.inquire-con .btn-nav .dcg.delbtn{border:1px solid #FC1F00;background:#FFE7E3;color:#FC1F00}.inquire-con .btn-nav .dcg.delbtn:hover{background:#FF715D;color:#fff}.inquire-con .updatebox{position:relative}.inquire-con .updatebox .selectdw{height:36px;width:36px;position:absolute;top:1px;right:2px}.inquire-con .updatebox .selectdw .el-select{width:36px;border-left:1px solid #C0C4CC}.inquire-con .updatebox .selectdw .el-select input{border:0px;padding:0px;height:36px;width:36px;font-size:14px;color:#333;text-align:center}.inquire-con .updatebox .selectdw .el-select .el-input__prefix,.inquire-con .updatebox .selectdw .el-select .el-input__suffix{display:none !important}.inquire-con .p-copy{position:relative}.inquire-con .p-copy .copy{position:absolute;right:0;top:0;color:#1969F9;cursor:pointer;display:none}.inquire-con .p-copy:hover .copy{display:block} .inquire-con {
\ No newline at end of file background: #FFFFFF;
border-radius: 4px;
padding: 20px;
}
.inquire-con .search-btn {
cursor: pointer;
width: 76px;
height: 37px;
line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color: #fff;
text-align: center;
}
.inquire-con .search-btn:hover {
background: #0050E0;
}
.inquire-con .btn-nav {
margin-top: 11px;
margin-bottom: 22px;
}
.inquire-con .btn-nav .update {
height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color: #FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
}
.inquire-con .btn-nav .update i {
margin-left: 3px;
}
.inquire-con .btn-nav .update:hover {
background: #FCA955;
color: #fff;
}
.inquire-con .btn-nav .dcg {
width: 66px;
height: 26px;
border-radius: 2px;
text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #E5EEFF;
color: #1969F9;
margin-right: 10px;
font-size: 14px;
transition: all 0.5s;
}
.inquire-con .btn-nav .dcg:hover {
background: #1969F9;
cursor: pointer;
color: #fff;
}
.inquire-con .btn-nav .dcg.heti {
width: 56px;
background: #fff;
}
.inquire-con .btn-nav .dcg.heti:hover {
background: #E5EEFF;
color: #1969F9;
}
.inquire-con .btn-nav .dcg.xjk {
position: relative;
left: -11px;
border-left: 1px solid #1969F9;
}
.inquire-con .btn-nav .dcg.xjk:hover {
border-left: 1px solid #1969F9;
}
.inquire-con .btn-nav .dcg.delbtn {
border: 1px solid #FC1F00;
background: #FFE7E3;
color: #FC1F00;
}
.inquire-con .btn-nav .dcg.delbtn:hover {
background: #FF715D;
color: #fff;
}
.inquire-con .updatebox {
position: relative;
}
.inquire-con .updatebox .selectdw {
height: 36px;
width: 36px;
position: absolute;
top: 1px;
right: 2px;
}
.inquire-con .updatebox .selectdw .el-select {
width: 36px;
border-left: 1px solid #C0C4CC;
}
.inquire-con .updatebox .selectdw .el-select input {
border: 0px;
padding: 0px;
height: 36px;
width: 36px;
font-size: 14px;
color: #333;
text-align: center;
}
.inquire-con .updatebox .selectdw .el-select .el-input__prefix,
.inquire-con .updatebox .selectdw .el-select .el-input__suffix {
display: none !important;
}
.inquire-con .p-copy {
position: relative;
}
.inquire-con .p-copy .copy {
position: absolute;
right: 0;
top: 0;
color: #1969F9;
cursor: pointer;
display: none;
}
.inquire-con .p-copy:hover .copy {
display: block;
}
.xx .el-form-item__label {
white-space: nowrap;
}
.xx .dialog-footer {
text-align: center !important;
}
.xx .updatebox {
position: relative;
}
.xx .updatebox .selectdw {
width: 64px;
position: absolute;
top: 1px;
right: 2px;
}
.xx .updatebox .selectdw .el-select {
width: 100%;
border-left: 1px solid #C0C4CC;
}
.xx .updatebox .selectdw .el-select input {
border: 0px;
padding: 0px;
width: 100%;
height: 25px;
font-size: 14px;
color: #333;
text-align: center;
}
.xx .updatebox .selectdw .el-select .el-input__prefix,
.xx .updatebox .selectdw .el-select .el-input__suffix {
display: none !important;
}
.price-more .more-search-btn {
width: 70px;
height: 26px;
background: #F1F4FA;
border-radius: 2px;
border: 1px solid #BEC9DF;
font-size: 12px;
color: #1969F9;
text-align: center;
transition: all 0.5s;
position: relative;
cursor: pointer;
}
.price-more .more-search-btn:hover {
border: 1px solid #1969F9;
}
.batch-layer {
width: 100%;
}
.batch-layer .batch-box {
flex: 0 0 33.3%;
border-bottom: 1px solid #eee;
}
.batch-layer .batch-box .title {
width: 100%;
height: 30px;
border-bottom: 1px solid #eee;
}
.batch-layer .batch-box .title i {
cursor: pointer;
}
.batch-layer .batch-box .content {
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
width: 100%;
}
.batch-layer .batch-box .content .period-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
}
.batch-layer .batch-box .content .period-list li {
width: 36px;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
transition: all 0.4s ease-in-out;
}
.batch-layer .batch-box .content .period-list li:hover,
.batch-layer .batch-box .content .period-list li.curr {
color: #FFF;
background-color: #409EFF;
}
.batch-layer .batch-box .content .year-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
}
.batch-layer .batch-box .content .year-list li {
flex: 0 0 33.3%;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
margin: 10px 0;
transition: all 0.4s ease-in-out;
}
.batch-layer .batch-box .content .year-list li:hover,
.batch-layer .batch-box .content .year-list li.curr {
color: #FFF;
background-color: #409EFF;
}
.batch-layer .batch-box .footer-btn {
padding-right: 10px;
height: 44px;
justify-content: flex-end;
border-right: 1px solid #eee;
}
.ic {
width: 248px;
height: 44px;
background: url("../../images/x.png") no-repeat center;
background-size: contain;
display: block;
}
/*# sourceMappingURL=inquire.min.css.map */
\ No newline at end of file
src/assets/css/list/inquire.min.css.map
{"version":3,"sources":["inquire.less"],"names":[],"mappings":"AAAA;EACE,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,aAAA;;AAJF,UAME;EACE,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAEA,UAXF,YAWG;EACC,mBAAA;;AAlBN,UAsBE;EACE,gBAAA;EACA,mBAAA;;AAxBJ,UAsBE,SAIE;EAEE,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AArCN,UAsBE,SAIE,QAaE;EACE,gBAAA;;AAGF,UArBJ,SAIE,QAiBG;EAEC,mBAAA;EACA,WAAA;;AA9CR,UAsBE,SA6BE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;;AAEA,UA1CJ,SA6BE,KAaG;EACC,mBAAA;EACA,eAAA;EACA,WAAA;;AAGF,UAhDJ,SA6BE,KAmBG;EACC,WAAA;EACA,gBAAA;;AAEA,UApDN,SA6BE,KAmBG,KAIE;EACC,mBAAA;EACA,cAAA;;AAIJ,UA1DJ,SA6BE,KA6BG;EACC,kBAAA;EACA,WAAA;EACA,8BAAA;;AAEA,UA/DN,SA6BE,KA6BG,IAKE;EACC,8BAAA;;AAIJ,UApEJ,SA6BE,KAuCG;EACC,yBAAA;EACA,mBAAA;EACA,cAAA;;AAEA,UAzEN,SA6BE,KAuCG,OAKE;EACC,mBAAA;EACA,WAAA;;AAjGV,UAuGE;EACE,kBAAA;;AAxGJ,UAuGE,WAGE;EACE,YAAA;EACA,WAAA;EAEA,kBAAA;EACA,QAAA;EACA,UAAA;;AAhHN,UAuGE,WAGE,UAQE;EACE,WAAA;EACA,8BAAA;;AApHR,UAuGE,WAGE,UAQE,WAIE;EACE,WAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AA7HV,UAuGE,WAGE,UAQE,WAeE;AAjIR,UAuGE,WAGE,UAQE,WAeqB;EACjB,wBAAA;;AAlIV,UAyIE;EACE,kBAAA;;AA1IJ,UAyIE,QAGE;EACE,kBAAA;EACA,QAAA;EACA,MAAA;EACA,cAAA;EACA,eAAA;EACA,aAAA;;AAGF,UAZF,QAYG,MACC;EACE,cAAA","file":"inquire.min.css"} {"version":3,"sources":["inquire.less"],"names":[],"mappings":"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","file":"inquire.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/list/inquireDetail.less
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
padding-left: 17px; padding-left: 17px;
margin-bottom: 20px; margin-bottom: 20px;
padding-bottom: 15px; padding-bottom: 15px;
&:after { &:after {
position: absolute; position: absolute;
top: 20px; top: 20px;
...@@ -19,28 +19,28 @@ ...@@ -19,28 +19,28 @@
content: ''; content: '';
display: block; display: block;
} }
.tit { .tit {
font-size: 16px; font-size: 16px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
} }
.input-box { .input-box {
margin-top: 14px; margin-top: 14px;
margin-bottom: 20px; margin-bottom: 20px;
.fl{ .fl {
margin-bottom: 10px; margin-bottom: 10px;
} }
.p-text { .p-text {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
vertical-align: middle; vertical-align: middle;
margin-right: 10px; margin-right: 10px;
} }
input { input {
height: 28px; height: 28px;
background: #F1F4FA; background: #F1F4FA;
...@@ -53,14 +53,14 @@ ...@@ -53,14 +53,14 @@
cursor: not-allowed; cursor: not-allowed;
} }
} }
.text { .text {
span { span {
font-size: 16px; font-size: 16px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
} }
em { em {
font-size: 16px; font-size: 16px;
color: #CC8200; color: #CC8200;
...@@ -68,13 +68,14 @@ ...@@ -68,13 +68,14 @@
} }
} }
} }
.quote { .quote {
position: relative; position: relative;
padding-top: 20px; padding-top: 20px;
padding-right: 17px; padding-right: 17px;
padding-left: 17px; padding-left: 17px;
background: #FFFFFF; background: #FFFFFF;
&:after { &:after {
position: absolute; position: absolute;
top: 20px; top: 20px;
...@@ -85,17 +86,17 @@ ...@@ -85,17 +86,17 @@
content: ''; content: '';
display: block; display: block;
} }
.tit { .tit {
font-size: 16px; font-size: 16px;
color: #333333; color: #333333;
font-weight: bold; font-weight: bold;
} }
.btn-nav { .btn-nav {
margin-top: 17px; margin-top: 17px;
margin-bottom: 20px; margin-bottom: 20px;
.update { .update {
width: 66px; width: 66px;
height: 26px; height: 26px;
...@@ -108,21 +109,20 @@ ...@@ -108,21 +109,20 @@
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
width: 66px; width: 66px;
i { i {
margin-left: 3px; margin-left: 3px;
} }
&:hover { &:hover {
background: #FCA955; background: #FCA955;
color: #fff; color: #fff;
} }
} }
.updatex { .updatex {
width: 66px; width: 66px;
height: 26px; height: 26px;
...@@ -135,24 +135,25 @@ ...@@ -135,24 +135,25 @@
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
width: 66px; width: 66px;
&:hover { &:hover {
background: #FCA955; background: #FCA955;
color: #fff; color: #fff;
} }
} }
} }
} }
.assistant { .assistant {
padding-top: 3px; padding-top: 3px;
padding-bottom: 20px; padding-bottom: 20px;
padding-left: 17px; padding-left: 17px;
padding-right: 17px; padding-right: 17px;
background: #FFFFFF; background: #FFFFFF;
.ic { .ic {
width: 248px; width: 248px;
height: 44px; height: 44px;
...@@ -160,11 +161,12 @@ ...@@ -160,11 +161,12 @@
background-size: cover; background-size: cover;
display: block; display: block;
} }
.tab { .tab {
border: 1px solid #E5EBF6; border: 1px solid #E5EBF6;
padding-bottom: 10px; padding-bottom: 10px;
border-bottom:0px; border-bottom: 0px;
li { li {
width: 102px; width: 102px;
height: 42px; height: 42px;
...@@ -173,7 +175,7 @@ ...@@ -173,7 +175,7 @@
font-size: 14px; font-size: 14px;
color: #646b78; color: #646b78;
cursor: pointer; cursor: pointer;
&.curr { &.curr {
position: relative; position: relative;
top: 1px; top: 1px;
...@@ -185,6 +187,7 @@ ...@@ -185,6 +187,7 @@
} }
} }
} }
.dcg { .dcg {
display: block; display: block;
width: 66px; width: 66px;
...@@ -198,43 +201,45 @@ ...@@ -198,43 +201,45 @@
margin-right: 10px; margin-right: 10px;
font-size: 14px; font-size: 14px;
transition: all 0.5s; transition: all 0.5s;
&:hover { &:hover {
background: #1969F9; background: #1969F9;
cursor: pointer; cursor: pointer;
color: #fff; color: #fff;
} }
&.disabled{
&.disabled {
background: #ccc; background: #ccc;
color:#fff; color: #fff;
border-color:#ccc; border-color: #ccc;
cursor: not-allowed; cursor: not-allowed;
} }
&.heti { &.heti {
width: 56px; width: 56px;
background: #fff; background: #fff;
&:hover { &:hover {
background: #E5EEFF; background: #E5EEFF;
color: #1969F9; color: #1969F9;
} }
} }
&.xjk { &.xjk {
position: relative; position: relative;
left: -11px; left: -11px;
border-left: 1px solid #1969F9; border-left: 1px solid #1969F9;
&:hover { &:hover {
border-left: 1px solid #1969F9; border-left: 1px solid #1969F9;
} }
} }
&.delbtn { &.delbtn {
border: 1px solid #FC1F00; border: 1px solid #FC1F00;
background: #FFE7E3; background: #FFE7E3;
color: #FC1F00; color: #FC1F00;
&:hover { &:hover {
background: #FF715D; background: #FF715D;
color: #fff; color: #fff;
...@@ -247,25 +252,25 @@ ...@@ -247,25 +252,25 @@
.el-form-item__label { .el-form-item__label {
white-space: nowrap; white-space: nowrap;
} }
.dialog-footer { .dialog-footer {
text-align: center !important; text-align: center !important;
} }
.updatebox { .updatebox {
position: relative; position: relative;
.selectdw { .selectdw {
width: 64px; width: 64px;
position: absolute; position: absolute;
top: 1px; top: 1px;
right: 2px; right: 2px;
.el-select { .el-select {
width: 100%; width: 100%;
border-left: 1px solid #C0C4CC; border-left: 1px solid #C0C4CC;
input { input {
border: 0px; border: 0px;
padding: 0px; padding: 0px;
...@@ -274,72 +279,72 @@ ...@@ -274,72 +279,72 @@
font-size: 14px; font-size: 14px;
color: #333; color: #333;
text-align: center; text-align: center;
} }
.el-input__prefix, .el-input__suffix { .el-input__prefix, .el-input__suffix {
display: none !important; display: none !important;
} }
} }
} }
} }
} }
.price-more{ .price-more {
.more-search-btn{ .more-search-btn {
width: 70px; width: 70px;
height: 26px; height: 26px;
background: #F1F4FA; background: #F1F4FA;
border-radius: 2px; border-radius: 2px;
border: 1px solid #BEC9DF; border: 1px solid #BEC9DF;
font-size: 12px; font-size: 12px;
color:#1969F9; color: #1969F9;
text-align: center; text-align: center;
transition: all 0.5s; transition: all 0.5s;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
&:hover{ &:hover {
border: 1px solid #1969F9; border: 1px solid #1969F9;
} }
} }
} }
.batch-layer { .batch-layer {
width: 100%; width: 100%;
.batch-box { .batch-box {
flex: 0 0 33.3%; flex: 0 0 33.3%;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
.title { .title {
width: 100%; width: 100%;
height: 30px; height: 30px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
i { i {
cursor: pointer; cursor: pointer;
} }
} }
.content { .content {
padding-top: 8px; padding-top: 8px;
padding-bottom: 8px; padding-bottom: 8px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
border-right: 1px solid #eee; border-right: 1px solid #eee;
width: 100%; width: 100%;
.period-list { .period-list {
height: 240px; height: 240px;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 7px; padding: 0 7px;
li { li {
width: 36px; width: 36px;
height: 30px; height: 30px;
...@@ -348,19 +353,19 @@ ...@@ -348,19 +353,19 @@
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 13px;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
&:hover, &.curr { &:hover, &.curr {
color: #FFF; color: #FFF;
background-color: #409EFF; background-color: #409EFF;
} }
} }
} }
.year-list { .year-list {
height: 240px; height: 240px;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 7px; padding: 0 7px;
li { li {
flex: 0 0 33.3%; flex: 0 0 33.3%;
height: 30px; height: 30px;
...@@ -370,7 +375,7 @@ ...@@ -370,7 +375,7 @@
font-size: 13px; font-size: 13px;
margin: 10px 0; margin: 10px 0;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
&:hover, &.curr { &:hover, &.curr {
color: #FFF; color: #FFF;
background-color: #409EFF; background-color: #409EFF;
...@@ -378,7 +383,7 @@ ...@@ -378,7 +383,7 @@
} }
} }
} }
.footer-btn { .footer-btn {
padding-right: 10px; padding-right: 10px;
height: 44px; height: 44px;
......
src/assets/css/list/inquireDetail.min.css.map
{"version":3,"sources":["inquireDetail.less"],"names":[],"mappings":"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","file":"inquireDetail.min.css"} {"version":3,"sources":["inquireDetail.less"],"names":[],"mappings":"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","file":"inquireDetail.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/list/quote.less
.quote-con { .quote-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6;
padding: 20px; padding: 20px;
.search-btn { .search-btn {
cursor: pointer; cursor: pointer;
width: 76px; width: 76px;
...@@ -14,16 +13,16 @@ ...@@ -14,16 +13,16 @@
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
text-align: center; text-align: center;
&:hover { &:hover {
background: #0050E0; background: #0050E0;
} }
} }
.btn-nav { .btn-nav {
margin-top: 11px; margin-top: 11px;
margin-bottom: 22px; margin-bottom: 22px;
.update { .update {
width: 66px; width: 66px;
height: 26px; height: 26px;
...@@ -36,19 +35,19 @@ ...@@ -36,19 +35,19 @@
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
width: 66px; width: 66px;
i { i {
margin-left: 3px; margin-left: 3px;
} }
&:hover { &:hover {
background: #FCA955; background: #FCA955;
color: #fff; color: #fff;
} }
} }
.dcg { .dcg {
width: 66px; width: 66px;
height: 26px; height: 26px;
...@@ -61,38 +60,38 @@ ...@@ -61,38 +60,38 @@
margin-right: 10px; margin-right: 10px;
font-size: 14px; font-size: 14px;
transition: all 0.5s; transition: all 0.5s;
&:hover { &:hover {
background: #1969F9; background: #1969F9;
cursor: pointer; cursor: pointer;
color: #fff; color: #fff;
} }
&.heti { &.heti {
width: 56px; width: 56px;
background: #fff; background: #fff;
&:hover { &:hover {
background: #E5EEFF; background: #E5EEFF;
color: #1969F9; color: #1969F9;
} }
} }
&.xjk { &.xjk {
position: relative; position: relative;
left: -11px; left: -11px;
border-left: 1px solid #1969F9; border-left: 1px solid #1969F9;
&:hover { &:hover {
border-left: 1px solid #1969F9; border-left: 1px solid #1969F9;
} }
} }
&.delbtn { &.delbtn {
border: 1px solid #FC1F00; border: 1px solid #FC1F00;
background: #FFE7E3; background: #FFE7E3;
color: #FC1F00; color: #FC1F00;
&:hover { &:hover {
background: #FF715D; background: #FF715D;
color: #fff; color: #fff;
...@@ -100,22 +99,22 @@ ...@@ -100,22 +99,22 @@
} }
} }
} }
.updatebox { .updatebox {
position: relative; position: relative;
.selectdw { .selectdw {
height: 36px; height: 36px;
width: 36px; width: 36px;
position: absolute; position: absolute;
top: 1px; top: 1px;
right: 2px; right: 2px;
.el-select { .el-select {
width: 36px; width: 36px;
border-left: 1px solid #C0C4CC; border-left: 1px solid #C0C4CC;
input { input {
border: 0px; border: 0px;
padding: 0px; padding: 0px;
...@@ -124,17 +123,17 @@ ...@@ -124,17 +123,17 @@
font-size: 14px; font-size: 14px;
color: #333; color: #333;
text-align: center; text-align: center;
} }
.el-input__prefix, .el-input__suffix { .el-input__prefix, .el-input__suffix {
display: none !important; display: none !important;
} }
} }
} }
} }
.price-mores { .price-mores {
.more-search-btn { .more-search-btn {
&:hover { &:hover {
...@@ -143,3 +142,148 @@ ...@@ -143,3 +142,148 @@
} }
} }
} }
.xx {
.el-form-item__label {
white-space: nowrap;
}
.dialog-footer {
text-align: center !important;
}
.updatebox {
position: relative;
.selectdw {
width: 64px;
position: absolute;
top: 1px;
right: 2px;
.el-select {
width: 100%;
border-left: 1px solid #C0C4CC;
input {
border: 0px;
padding: 0px;
width: 100%;
height: 25px;
font-size: 14px;
color: #333;
text-align: center;
}
.el-input__prefix, .el-input__suffix {
display: none !important;
}
}
}
}
}
.price-more {
.more-search-btn {
width: 70px;
height: 26px;
background: #F1F4FA;
border-radius: 2px;
border: 1px solid #BEC9DF;
font-size: 12px;
color: #1969F9;
text-align: center;
transition: all 0.5s;
position: relative;
cursor: pointer;
&:hover {
border: 1px solid #1969F9;
}
}
}
.batch-layer {
width: 100%;
.batch-box {
flex: 0 0 33.3%;
border-bottom: 1px solid #eee;
.title {
width: 100%;
height: 30px;
border-bottom: 1px solid #eee;
i {
cursor: pointer;
}
}
.content {
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
width: 100%;
.period-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
li {
width: 36px;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
transition: all 0.4s ease-in-out;
&:hover, &.curr {
color: #FFF;
background-color: #409EFF;
}
}
}
.year-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
li {
flex: 0 0 33.3%;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
margin: 10px 0;
transition: all 0.4s ease-in-out;
&:hover, &.curr {
color: #FFF;
background-color: #409EFF;
}
}
}
}
.footer-btn {
padding-right: 10px;
height: 44px;
justify-content: flex-end;
border-right: 1px solid #eee;
}
}
}
src/assets/css/list/quote.min.css
.quote-con{background:#FFFFFF;border-radius:4px;border:1px solid #E5EBF6;padding:20px}.quote-con .search-btn{cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.quote-con .search-btn:hover{background:#0050E0}.quote-con .btn-nav{margin-top:11px;margin-bottom:22px}.quote-con .btn-nav .update{height:26px;line-height:26px;text-align:center;background:#FFEEDD;border:1px solid #FF870D;border-radius:2px;color:#FF870D;font-size:14px;cursor:pointer;width:66px}.quote-con .btn-nav .update i{margin-left:3px}.quote-con .btn-nav .update:hover{background:#FCA955;color:#fff}.quote-con .btn-nav .dcg{width:66px;height:26px;border-radius:2px;text-align:center;line-height:26px;border:1px solid #1969F9;background:#E5EEFF;color:#1969F9;margin-right:10px;font-size:14px;transition:all .5s}.quote-con .btn-nav .dcg:hover{background:#1969F9;cursor:pointer;color:#fff}.quote-con .btn-nav .dcg.heti{width:56px;background:#fff}.quote-con .btn-nav .dcg.heti:hover{background:#E5EEFF;color:#1969F9}.quote-con .btn-nav .dcg.xjk{position:relative;left:-11px;border-left:1px solid #1969F9}.quote-con .btn-nav .dcg.xjk:hover{border-left:1px solid #1969F9}.quote-con .btn-nav .dcg.delbtn{border:1px solid #FC1F00;background:#FFE7E3;color:#FC1F00}.quote-con .btn-nav .dcg.delbtn:hover{background:#FF715D;color:#fff}.quote-con .updatebox{position:relative}.quote-con .updatebox .selectdw{height:36px;width:36px;position:absolute;top:1px;right:2px}.quote-con .updatebox .selectdw .el-select{width:36px;border-left:1px solid #C0C4CC}.quote-con .updatebox .selectdw .el-select input{border:0px;padding:0px;height:36px;width:36px;font-size:14px;color:#333;text-align:center}.quote-con .updatebox .selectdw .el-select .el-input__prefix,.quote-con .updatebox .selectdw .el-select .el-input__suffix{display:none !important}.quote-con .price-mores .more-search-btn:hover{color:#1969f9} .quote-con {
\ No newline at end of file background: #FFFFFF;
border-radius: 4px;
padding: 20px;
}
.quote-con .search-btn {
cursor: pointer;
width: 76px;
height: 37px;
line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color: #fff;
text-align: center;
}
.quote-con .search-btn:hover {
background: #0050E0;
}
.quote-con .btn-nav {
margin-top: 11px;
margin-bottom: 22px;
}
.quote-con .btn-nav .update {
height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color: #FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
}
.quote-con .btn-nav .update i {
margin-left: 3px;
}
.quote-con .btn-nav .update:hover {
background: #FCA955;
color: #fff;
}
.quote-con .btn-nav .dcg {
width: 66px;
height: 26px;
border-radius: 2px;
text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #E5EEFF;
color: #1969F9;
margin-right: 10px;
font-size: 14px;
transition: all 0.5s;
}
.quote-con .btn-nav .dcg:hover {
background: #1969F9;
cursor: pointer;
color: #fff;
}
.quote-con .btn-nav .dcg.heti {
width: 56px;
background: #fff;
}
.quote-con .btn-nav .dcg.heti:hover {
background: #E5EEFF;
color: #1969F9;
}
.quote-con .btn-nav .dcg.xjk {
position: relative;
left: -11px;
border-left: 1px solid #1969F9;
}
.quote-con .btn-nav .dcg.xjk:hover {
border-left: 1px solid #1969F9;
}
.quote-con .btn-nav .dcg.delbtn {
border: 1px solid #FC1F00;
background: #FFE7E3;
color: #FC1F00;
}
.quote-con .btn-nav .dcg.delbtn:hover {
background: #FF715D;
color: #fff;
}
.quote-con .updatebox {
position: relative;
}
.quote-con .updatebox .selectdw {
height: 36px;
width: 36px;
position: absolute;
top: 1px;
right: 2px;
}
.quote-con .updatebox .selectdw .el-select {
width: 36px;
border-left: 1px solid #C0C4CC;
}
.quote-con .updatebox .selectdw .el-select input {
border: 0px;
padding: 0px;
height: 36px;
width: 36px;
font-size: 14px;
color: #333;
text-align: center;
}
.quote-con .updatebox .selectdw .el-select .el-input__prefix,
.quote-con .updatebox .selectdw .el-select .el-input__suffix {
display: none !important;
}
.quote-con .price-mores .more-search-btn:hover {
color: #1969f9;
}
.xx .el-form-item__label {
white-space: nowrap;
}
.xx .dialog-footer {
text-align: center !important;
}
.xx .updatebox {
position: relative;
}
.xx .updatebox .selectdw {
width: 64px;
position: absolute;
top: 1px;
right: 2px;
}
.xx .updatebox .selectdw .el-select {
width: 100%;
border-left: 1px solid #C0C4CC;
}
.xx .updatebox .selectdw .el-select input {
border: 0px;
padding: 0px;
width: 100%;
height: 25px;
font-size: 14px;
color: #333;
text-align: center;
}
.xx .updatebox .selectdw .el-select .el-input__prefix,
.xx .updatebox .selectdw .el-select .el-input__suffix {
display: none !important;
}
.price-more .more-search-btn {
width: 70px;
height: 26px;
background: #F1F4FA;
border-radius: 2px;
border: 1px solid #BEC9DF;
font-size: 12px;
color: #1969F9;
text-align: center;
transition: all 0.5s;
position: relative;
cursor: pointer;
}
.price-more .more-search-btn:hover {
border: 1px solid #1969F9;
}
.batch-layer {
width: 100%;
}
.batch-layer .batch-box {
flex: 0 0 33.3%;
border-bottom: 1px solid #eee;
}
.batch-layer .batch-box .title {
width: 100%;
height: 30px;
border-bottom: 1px solid #eee;
}
.batch-layer .batch-box .title i {
cursor: pointer;
}
.batch-layer .batch-box .content {
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
width: 100%;
}
.batch-layer .batch-box .content .period-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
}
.batch-layer .batch-box .content .period-list li {
width: 36px;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
transition: all 0.4s ease-in-out;
}
.batch-layer .batch-box .content .period-list li:hover,
.batch-layer .batch-box .content .period-list li.curr {
color: #FFF;
background-color: #409EFF;
}
.batch-layer .batch-box .content .year-list {
height: 240px;
flex-wrap: wrap;
padding: 0 7px;
}
.batch-layer .batch-box .content .year-list li {
flex: 0 0 33.3%;
height: 30px;
line-height: 30px;
color: #666;
cursor: pointer;
font-size: 13px;
margin: 10px 0;
transition: all 0.4s ease-in-out;
}
.batch-layer .batch-box .content .year-list li:hover,
.batch-layer .batch-box .content .year-list li.curr {
color: #FFF;
background-color: #409EFF;
}
.batch-layer .batch-box .footer-btn {
padding-right: 10px;
height: 44px;
justify-content: flex-end;
border-right: 1px solid #eee;
}
/*# sourceMappingURL=quote.min.css.map */
\ No newline at end of file
src/assets/css/list/quote.min.css.map
{"version":3,"sources":["quote.less"],"names":[],"mappings":"AAAA;EACE,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,aAAA;;AAJF,UAME;EACE,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAEA,UAXF,YAWG;EACC,mBAAA;;AAlBN,UAsBE;EACE,gBAAA;EACA,mBAAA;;AAxBJ,UAsBE,SAIE;EAEE,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AArCN,UAsBE,SAIE,QAaE;EACE,gBAAA;;AAGF,UArBJ,SAIE,QAiBG;EAEC,mBAAA;EACA,WAAA;;AA9CR,UAsBE,SA6BE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;;AAEA,UA1CJ,SA6BE,KAaG;EACC,mBAAA;EACA,eAAA;EACA,WAAA;;AAGF,UAhDJ,SA6BE,KAmBG;EACC,WAAA;EACA,gBAAA;;AAEA,UApDN,SA6BE,KAmBG,KAIE;EACC,mBAAA;EACA,cAAA;;AAIJ,UA1DJ,SA6BE,KA6BG;EACC,kBAAA;EACA,WAAA;EACA,8BAAA;;AAEA,UA/DN,SA6BE,KA6BG,IAKE;EACC,8BAAA;;AAIJ,UApEJ,SA6BE,KAuCG;EACC,yBAAA;EACA,mBAAA;EACA,cAAA;;AAEA,UAzEN,SA6BE,KAuCG,OAKE;EACC,mBAAA;EACA,WAAA;;AAjGV,UAuGE;EACE,kBAAA;;AAxGJ,UAuGE,WAGE;EACE,YAAA;EACA,WAAA;EAEA,kBAAA;EACA,QAAA;EACA,UAAA;;AAhHN,UAuGE,WAGE,UAQE;EACE,WAAA;EACA,8BAAA;;AApHR,UAuGE,WAGE,UAQE,WAIE;EACE,WAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AA7HV,UAuGE,WAGE,UAQE,WAeE;AAjIR,UAuGE,WAGE,UAQE,WAeqB;EACjB,wBAAA;;AASJ,UAFJ,aACE,iBACG;EACC,cAAA","file":"quote.min.css"} {"version":3,"sources":["quote.less"],"names":[],"mappings":"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","file":"quote.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/public/common.less
html { html {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100% -ms-text-size-adjust: 100%
} }
html * { html * {
outline: 0; outline: 0;
-webkit-text-size-adjust: none !important; -webkit-text-size-adjust: none !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
} }
html, body { html, body {
font-family: PingFangSC-Regular, PingFang SC, 'Microsoft Yahei', sans-serif; font-family: PingFangSC-Regular, PingFang SC, 'Microsoft Yahei', sans-serif;
font-style: normal; font-style: normal;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
font-size: 14px; font-size: 14px;
color: #646B78 color: #646B78
} }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
margin: 0; margin: 0;
padding: 0 padding: 0
} }
button, input, select, textarea { button, input, select, textarea {
font-size: 100%; font-size: 100%;
border: none; border: none;
-webkit-appearance: none -webkit-appearance: none
} }
input[type=button], input[type=file], input[type=submit] { input[type=button], input[type=file], input[type=submit] {
cursor: pointer cursor: pointer
} }
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0 border-spacing: 0
} }
ol, ul, dl { ol, ul, dl {
list-style: none list-style: none
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-size: 100%; font-size: 100%;
font-weight: 500 font-weight: 500
} }
em, b, i { em, b, i {
font-style: normal font-style: normal
} }
a { a {
text-decoration: none text-decoration: none
} }
img { img {
border: none border: none
} }
.clr { .clr {
*zoom: 1; *zoom: 1;
clear: both clear: both
} }
.clr:after { .clr:after {
content: "."; content: ".";
clear: both; clear: both;
height: 0; height: 0;
visibility: hidden; visibility: hidden;
display: block display: block
} }
.fl { .fl {
float: left; float: left;
_display: inline _display: inline
} }
.fr { .fr {
float: right; float: right;
_display: inline _display: inline
} }
.va-t { .va-t {
vertical-align: top vertical-align: top
} }
.va-m { .va-m {
vertical-align: middle vertical-align: middle
} }
.va-b { .va-b {
vertical-align: bottom vertical-align: bottom
} }
.lineBlock { .lineBlock {
display: inline-block; display: inline-block;
*display: inline; *display: inline;
zoom: 1; zoom: 1;
letter-spacing: normal; letter-spacing: normal;
word-spacing: normal word-spacing: normal
} }
.lbBox { .lbBox {
font-size: 0 !important; font-size: 0 !important;
*word-spacing: -1px !important *word-spacing: -1px !important
} }
.emptys { .emptys {
margin-left: -1px; margin-left: -1px;
width: 1px; width: 1px;
height: 100%; height: 100%;
font-size: 0; font-size: 0;
vertical-align: middle vertical-align: middle
} }
.boxsiz { .boxsiz {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box box-sizing: border-box
} }
.column { .column {
display: flex; display: flex;
flex-direction: column flex-direction: column
} }
.row { .row {
display: flex; display: flex;
flex-direction: row flex-direction: row
} }
.bothSide { .bothSide {
justify-content: space-between justify-content: space-between
} }
.avarage { .avarage {
justify-content: space-around justify-content: space-around
} }
.rowCenter { .rowCenter {
justify-content: center justify-content: center
} }
.verCenter { .verCenter {
align-items: center align-items: center
} }
.boxFlex { .boxFlex {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-moz-box-flex: 1; -moz-box-flex: 1;
-webkit-flex: 1; -webkit-flex: 1;
-ms-flex: 1; -ms-flex: 1;
flex: 1 flex: 1
} }
html, body { html, body {
width: 100%; width: 100%;
height: 100%; height: 100%;
-webkit-overflow-scrolling: touch -webkit-overflow-scrolling: touch
} }
body { body {
overflow-x: hidden; overflow-x: hidden;
background: #F1F4FA background: #F1F4FA
} }
.f-blue { .f-blue {
color: #1969F9 color: #1969F9
} }
.f-green { .f-green {
color: #3FBE1B color: #3FBE1B
} }
.f-yellow1 { .f-yellow1 {
color: #CC8200 color: #CC8200
} }
.f-red1 { .f-red1 {
color: #FC1F00 color: #FC1F00
} }
.el-pagination { .el-pagination {
text-align: right; text-align: right;
margin-top: 20px margin-top: 20px
} }
.pagex { .pagex {
padding: 20px; padding: 20px;
min-height: 500px; min-height: 500px;
background: #FFFFFF;
} }
.zdypop { .zdypop {
.el-form-item__label { .el-form-item__label {
color: #333 color: #333
} }
.el-input.is-disabled { .el-input.is-disabled {
background-color: #F1F4FA; background-color: #F1F4FA;
border-color: #F1F4FA border-color: #F1F4FA
} }
.el-input.is-disabled .el-input__inner { .el-input.is-disabled .el-input__inner {
background-color: #F1F4FA; background-color: #F1F4FA;
border-color: #F1F4FA border-color: #F1F4FA
} }
} }
//弹窗公共样式 //弹窗公共样式
.el-dialog__body { .el-dialog__body {
padding: 20px !important padding: 20px !important
} }
.el-dialog__title { .el-dialog__title {
font-size: 14px; font-size: 14px;
color: #333; color: #333;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
&::after { &::after {
content: ""; content: "";
position: absolute; position: absolute;
width: 5px; width: 5px;
height: 22px; height: 22px;
background: #1969F9; background: #1969F9;
left: -20px; left: -20px;
top: 2px top: 2px
} }
} }
.el-icon-close { .el-icon-close {
font-size: 24px; font-size: 24px;
&:hover, &:focus { &:hover, &:focus {
color: #1969F9 !important color: #1969F9 !important
} }
} }
.el-message-box__container { .el-message-box__container {
} }
.el-message-box__message { .el-message-box__message {
display: inline-block display: inline-block
} }
.el-message-box__message p { .el-message-box__message p {
color: #333; color: #333;
font-size: 16px font-size: 16px
} }
.el-message-box__status.el-icon-error { .el-message-box__status.el-icon-error {
color: #FC1F00 !important; color: #FC1F00 !important;
font-size: 25px !important font-size: 25px !important
} }
.el-message-box__close:before { .el-message-box__close:before {
content: "\E609" content: "\E609"
} }
.el-message-box__btns, .dialog-footer { .el-message-box__btns, .dialog-footer {
.el-button { .el-button {
width: 76px; width: 76px;
height: 34px; height: 34px;
text-align: center; text-align: center;
line-height: 34px; line-height: 34px;
background: #E8ECF4; background: #E8ECF4;
border: 1px solid #E8ECF4; border: 1px solid #E8ECF4;
border-radius: 2px; border-radius: 2px;
color: #8391AD; color: #8391AD;
font-size: 14px; font-size: 14px;
padding: 0px; padding: 0px;
&:hover, &:focus { &:hover, &:focus {
color: #8391AD; color: #8391AD;
background: #E8ECF4; background: #E8ECF4;
border: 1px solid #E8ECF4 border: 1px solid #E8ECF4
} }
&.el-button--primary { &.el-button--primary {
border: 1px solid #1969F9; border: 1px solid #1969F9;
color: #fff; color: #fff;
background: #1969F9; background: #1969F9;
&:hover, &:focus { &:hover, &:focus {
color: #fff; color: #fff;
background: #1969F9; background: #1969F9;
border: 1px solid #1969F9 border: 1px solid #1969F9
} }
}
} }
}
} }
.p-text { .p-text {
margin-bottom: 6px; margin-bottom: 6px;
em {
width: 56px;
text-align: left
}
span {
width: 214px;
height: 30px;
background: #F1F4FA;
border-radius: 2px;
font-size: 14px;
color: #333333;
padding-left: 7px;
margin-left: 8px;
text-align: left
}
}
.tip-title {
padding: 8px 16px;
background-color: #ecf8ff;
border-radius: 4px;
border-left: 5px solid #50bfff;
margin: 20px 0;
p {
font-size: 14px;
color: #5e6d82;
line-height: 1.5em
}
}
.el-cascader-menu__list {
max-height: 500px !important;
}
.yunyin-btn {
background: #409eff !important;
border-color: #409eff !important;
&:hover {
opacity: 0.85;
}
}
.el-table th {
font-weight: bold;
color: #5f5f5f;
}
.el-table th.el-table__cell {
background-color: #f1f5fa !important;
}
.operation-area {
margin-bottom: 20px;
}
.text-tip {
background: #fdf5e6;
border-radius: 15px;
height: 30px;
margin-left: 10px;
padding: 0 10px;
.el-icon-warning {
font-size: 16px;
color: #ff9000;
}
span {
font-size: 12px;
color: #333333;
margin-left: 4px;
}
}
.contact-information {
p {
height: 25px;
margin-bottom: 5px;
em { em {
width: 56px;
text-align: left
} }
span { span {
width: 214px; padding: 0 5px;
height: 30px; width: 147px;
background: #F1F4FA; background: #f1f5fa;
border-radius: 2px;
font-size: 14px;
color: #333333;
padding-left: 7px;
margin-left: 8px;
text-align: left
} }
}
} }
.popper-class-box { .alink {
.popper__arrow { color: #409EFF;
left: 20px !important
}
} }
.tip-title { .btn-element {
padding: 8px 16px; height: 20px;
background-color: #ecf8ff; color: #FFF;
border-radius: 4px; background-color: #409EFF;
border-left: 5px solid #50bfff; box-sizing: border-box;
margin: 20px 0; width: 44px;
}
p {
font-size: 14px; .dialog-layer-notice {
color: #5e6d82; width: 580px;
line-height: 1.5em min-height: 325px;
padding: 15px 0;
background: url("https://img.ichunt.com/images/ichunt/202302/20/134df9995b5c165202ed45fd900b4e98.png") no-repeat center !important;
background-size: cover !important;
box-sizing: border-box;
.el-dialog__header {
position: relative;
top: -26px;
margin: 0 15px;
height: 48px;
line-height: 48px;
background: #FFFFFF;
padding: 0px !important;
padding-left: 20px !important;
box-sizing: border-box;
border-radius: 6px 6px 0 0;
.el-icon-close {
font-size: 20px;
margin-left: 2px;
} }
.el-dialog__headerbtn {
top: -34px;
right: -8px;
z-index: 99;
&:after {
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background: #FFFFFF;
border-radius: 50%;
content: '';
display: block;
position: absolute;
top: -2px;
z-index: -1;
}
}
}
.el-dialog__title {
font-size: 16px;
color: #387fff;
font-weight: bold;
&:after {
display: none;
}
}
.el-dialog__body {
position: relative;
top: -26px;
margin: 0 15px;
background: #FFFFFF;
border-radius: 0 0 6px 6px;
}
.notice-content {
padding: 20px;
min-height: 221px;
max-height: 500px;
overflow-y: auto;
font-size: 14px;
color: #313131;
box-sizing: border-box;
img {
max-width: 100%;
}
}
.enclosure {
border-top: 1px solid #E5EBF6;;
padding-left: 22px;
height: 36px;
span {
font-size: 12px;
color: #313131;
}
.down {
font-size: 12px;
color: #387FFF;
}
}
.notice-bottom {
position: absolute;
bottom: -31px;
left: 0;
right: 0;
z-index: 99;
padding: 0 24px;
span {
font-size: 12px;
color: #ffffff;
}
}
}
.prefix-icon-time-style {
display: none;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px; width: 6px;
height: 10px; height: 6px;
background: transparent background: transparent
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: transparent background: white;
border-radius: 2px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 5px; background: #E6E6E6;
background-color: #c1c1c1 border-radius: 2px;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-color: #a8a8a8 background: #E6E6E6;
} }
.el-cascader-menu__list { ::-webkit-scrollbar-corner {
max-height: 500px !important; background: #f6f6f6;
}
.yunyin-btn {
background: #1a69f8 !important;
border-color: #1a69f8 !important;
&:hover{
opacity: 0.85;
}
} }
\ No newline at end of file
src/assets/css/public/common.min.css
...@@ -204,6 +204,7 @@ body { ...@@ -204,6 +204,7 @@ body {
.pagex { .pagex {
padding: 20px; padding: 20px;
min-height: 500px; min-height: 500px;
background: #FFFFFF;
} }
.zdypop .el-form-item__label { .zdypop .el-form-item__label {
color: #333; color: #333;
...@@ -308,9 +309,6 @@ body { ...@@ -308,9 +309,6 @@ body {
margin-left: 8px; margin-left: 8px;
text-align: left; text-align: left;
} }
.popper-class-box .popper__arrow {
left: 20px !important;
}
.tip-title { .tip-title {
padding: 8px 16px; padding: 8px 16px;
background-color: #ecf8ff; background-color: #ecf8ff;
...@@ -323,29 +321,175 @@ body { ...@@ -323,29 +321,175 @@ body {
color: #5e6d82; color: #5e6d82;
line-height: 1.5em; line-height: 1.5em;
} }
.el-cascader-menu__list {
max-height: 500px !important;
}
.yunyin-btn {
background: #409eff !important;
border-color: #409eff !important;
}
.yunyin-btn:hover {
opacity: 0.85;
}
.el-table th {
font-weight: bold;
color: #5f5f5f;
}
.el-table th.el-table__cell {
background-color: #f1f5fa !important;
}
.operation-area {
margin-bottom: 20px;
}
.text-tip {
background: #fdf5e6;
border-radius: 15px;
height: 30px;
margin-left: 10px;
padding: 0 10px;
}
.text-tip .el-icon-warning {
font-size: 16px;
color: #ff9000;
}
.text-tip span {
font-size: 12px;
color: #333333;
margin-left: 4px;
}
.contact-information p {
height: 25px;
margin-bottom: 5px;
}
.contact-information p span {
padding: 0 5px;
width: 147px;
background: #f1f5fa;
}
.alink {
color: #409EFF;
}
.btn-element {
height: 20px;
color: #FFF;
background-color: #409EFF;
box-sizing: border-box;
width: 44px;
}
.dialog-layer-notice {
width: 580px;
min-height: 325px;
padding: 15px 0;
background: url("https://img.ichunt.com/images/ichunt/202302/20/134df9995b5c165202ed45fd900b4e98.png") no-repeat center !important;
background-size: cover !important;
box-sizing: border-box;
}
.dialog-layer-notice .el-dialog__header {
position: relative;
top: -26px;
margin: 0 15px;
height: 48px;
line-height: 48px;
background: #FFFFFF;
padding: 0px !important;
padding-left: 20px !important;
box-sizing: border-box;
border-radius: 6px 6px 0 0;
}
.dialog-layer-notice .el-dialog__header .el-icon-close {
font-size: 20px;
margin-left: 2px;
}
.dialog-layer-notice .el-dialog__header .el-dialog__headerbtn {
top: -34px;
right: -8px;
z-index: 99;
}
.dialog-layer-notice .el-dialog__header .el-dialog__headerbtn:after {
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background: #FFFFFF;
border-radius: 50%;
content: '';
display: block;
position: absolute;
top: -2px;
z-index: -1;
}
.dialog-layer-notice .el-dialog__title {
font-size: 16px;
color: #387fff;
font-weight: bold;
}
.dialog-layer-notice .el-dialog__title:after {
display: none;
}
.dialog-layer-notice .el-dialog__body {
position: relative;
top: -26px;
margin: 0 15px;
background: #FFFFFF;
border-radius: 0 0 6px 6px;
}
.dialog-layer-notice .notice-content {
padding: 20px;
min-height: 221px;
max-height: 500px;
overflow-y: auto;
font-size: 14px;
color: #313131;
box-sizing: border-box;
}
.dialog-layer-notice .notice-content img {
max-width: 100%;
}
.dialog-layer-notice .enclosure {
border-top: 1px solid #E5EBF6;
padding-left: 22px;
height: 36px;
}
.dialog-layer-notice .enclosure span {
font-size: 12px;
color: #313131;
}
.dialog-layer-notice .enclosure .down {
font-size: 12px;
color: #387FFF;
}
.dialog-layer-notice .notice-bottom {
position: absolute;
bottom: -31px;
left: 0;
right: 0;
z-index: 99;
padding: 0 24px;
}
.dialog-layer-notice .notice-bottom span {
font-size: 12px;
color: #ffffff;
}
.prefix-icon-time-style {
display: none;
}
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 10px; width: 6px;
height: 10px; height: 6px;
background: transparent; background: transparent;
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: transparent; background: white;
border-radius: 2px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 5px; background: #E6E6E6;
background-color: #c1c1c1; border-radius: 2px;
} }
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-color: #a8a8a8; background: #E6E6E6;
} }
.el-cascader-menu__list { ::-webkit-scrollbar-corner {
max-height: 500px !important; background: #f6f6f6;
}
.yunyin-btn {
background: #1a69f8 !important;
border-color: #1a69f8 !important;
}
.yunyin-btn:hover {
opacity: 0.85;
} }
/*# sourceMappingURL=common.min.css.map */ /*# sourceMappingURL=common.min.css.map */
\ No newline at end of file
src/assets/css/public/common.min.css.map
{"version":3,"sources":["common.less"],"names":[],"mappings":"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","file":"common.min.css"} {"version":3,"sources":["common.less"],"names":[],"mappings":"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","file":"common.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/store/enter.less
.enter{ .enter {
.el-upload-list--text{ .el-upload-list--text {
display: none; display: none;
}
.enter-con {
background: #FFFFFF;
border-radius: 4px;
padding: 20px;
}
.search-btn {
cursor: pointer;
width: 76px;
height: 37px;
line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color: #fff;
text-align: center;
&:hover {
background: #0050E0;
} }
.enter-con{ }
background: #FFFFFF;
border-radius: 4px; .btn-nav {
border: 1px solid #E5EBF6; margin-top: 11px;
padding:20px; margin-bottom: 22px;
}
.search-btn{ .dcg {
cursor: pointer; width: 66px;
width: 76px; height: 26px;
height: 37px; border-radius: 2px;
line-height: 37px; text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #fff;
color: #1969F9;
margin-right: 10px;
font-size: 14px;
transition: all 0.5s;
&.long {width: 95px;}
&:hover {
background: #1969F9; background: #1969F9;
border-radius: 2px; cursor: pointer;
font-size: 14px; color: #fff;
color:#fff; }
text-align: center;
&:hover{ &.delbtn {
background: #0050E0; border: 1px solid #FC1F00;
} background: #FFE7E3;
} color: #FC1F00;
.btn-nav{
margin-top: 11px; &:hover {
margin-bottom: 22px; background: #FF715D;
color: #fff;
.dcg{
width: 66px;
height: 26px;
border-radius: 2px;
text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #fff;
color:#1969F9;
margin-right: 10px;
font-size: 14px;
transition: all 0.5s;
&.long{width:95px;}
&:hover{
background: #1969F9;
cursor: pointer;
color:#fff;
}
&.delbtn{
border:1px solid #FC1F00;
background: #FFE7E3;
color:#FC1F00;
&:hover{
background: #FF715D;
color:#fff;
}
}
} }
}
} }
}
} }
\ No newline at end of file
src/assets/css/store/enter.min.css
...@@ -4,7 +4,6 @@ ...@@ -4,7 +4,6 @@
.enter .enter-con { .enter .enter-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6;
padding: 20px; padding: 20px;
} }
.enter .search-btn { .enter .search-btn {
......
src/assets/css/store/enter.min.css.map
{"version":3,"sources":["enter.less"],"names":[],"mappings":"AAAA,MACI;EACI,aAAA;;AAFR,MAII;EACI,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,aAAA;;AARR,MAUI;EACI,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AACA,MAVJ,YAUK;EACG,mBAAA;;AArBZ,MAwBI;EACI,gBAAA;EACA,mBAAA;;AA1BR,MAwBI,SAII;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,gBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;;AACA,MAhBR,SAII,KAYK;EAAM,WAAA;;AACP,MAjBR,SAII,KAaK;EACG,mBAAA;EACA,eAAA;EACA,WAAA;;AAEJ,MAtBR,SAII,KAkBK;EACG,yBAAA;EACA,mBAAA;EACA,cAAA;;AACA,MA1BZ,SAII,KAkBK,OAII;EACG,mBAAA;EACA,WAAA","file":"enter.min.css"} {"version":3,"sources":["enter.less"],"names":[],"mappings":"AAAA,MACE;EACE,aAAA;;AAFJ,MAKE;EACE,mBAAA;EACA,kBAAA;EACA,aAAA;;AARJ,MAWE;EACE,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAEA,MAXF,YAWG;EACC,mBAAA;;AAvBN,MA2BE;EACE,gBAAA;EACA,mBAAA;;AA7BJ,MA2BE,SAIE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,gBAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,oBAAA;;AAEA,MAjBJ,SAIE,KAaG;EAAO,WAAA;;AAER,MAnBJ,SAIE,KAeG;EACC,mBAAA;EACA,eAAA;EACA,WAAA;;AAGF,MAzBJ,SAIE,KAqBG;EACC,yBAAA;EACA,mBAAA;EACA,cAAA;;AAEA,MA9BN,SAIE,KAqBG,OAKE;EACC,mBAAA;EACA,WAAA","file":"enter.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/store/goodslist.less
.store-con { .store-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6;
padding: 20px; padding: 20px;
.search-btn { .search-btn {
cursor: pointer; cursor: pointer;
width: 76px; width: 76px;
...@@ -14,16 +13,16 @@ ...@@ -14,16 +13,16 @@
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
text-align: center; text-align: center;
&:hover { &:hover {
background: #0050E0; background: #0050E0;
} }
} }
.btn-nav { .btn-nav {
margin-top: 11px; margin-top: 11px;
margin-bottom: 22px; margin-bottom: 22px;
.update { .update {
width: 66px; width: 66px;
height: 26px; height: 26px;
...@@ -36,19 +35,19 @@ ...@@ -36,19 +35,19 @@
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
width: 66px; width: 66px;
i { i {
margin-left: 3px; margin-left: 3px;
} }
&:hover { &:hover {
background: #FCA955; background: #FCA955;
color: #fff; color: #fff;
} }
} }
.dcg { .dcg {
width: 66px; width: 66px;
height: 26px; height: 26px;
...@@ -61,50 +60,50 @@ ...@@ -61,50 +60,50 @@
margin-left: 10px; margin-left: 10px;
font-size: 14px; font-size: 14px;
transition: all 0.5s; transition: all 0.5s;
&:hover { &:hover {
background: #1969F9; background: #1969F9;
cursor: pointer; cursor: pointer;
color: #fff; color: #fff;
} }
&.heti { &.heti {
width: 56px; width: 56px;
background: #fff; background: #fff;
&:hover { &:hover {
background: #E5EEFF; background: #E5EEFF;
color: #1969F9; color: #1969F9;
} }
} }
&.xjk { &.xjk {
position: relative; position: relative;
left: -11px; left: -11px;
border-left: 1px solid #1969F9; border-left: 1px solid #1969F9;
&:hover { &:hover {
border-left: 1px solid #1969F9; border-left: 1px solid #1969F9;
} }
} }
} }
} }
.updatebox { .updatebox {
position: relative; position: relative;
.selectdw { .selectdw {
height: 36px; height: 36px;
width: 36px; width: 36px;
position: absolute; position: absolute;
top: 1px; top: 1px;
right: 2px; right: 2px;
.el-select { .el-select {
width: 36px; width: 36px;
border-left: 1px solid #C0C4CC; border-left: 1px solid #C0C4CC;
input { input {
border: 0px; border: 0px;
padding: 0px; padding: 0px;
...@@ -113,17 +112,17 @@ ...@@ -113,17 +112,17 @@
font-size: 14px; font-size: 14px;
color: #333; color: #333;
text-align: center; text-align: center;
} }
.el-input__prefix, .el-input__suffix { .el-input__prefix, .el-input__suffix {
display: none !important; display: none !important;
} }
} }
} }
} }
.price-more { .price-more {
.more-search-btn { .more-search-btn {
width: 70px; width: 70px;
...@@ -137,25 +136,25 @@ ...@@ -137,25 +136,25 @@
transition: all 0.5s; transition: all 0.5s;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
border: 1px solid #1969F9; border: 1px solid #1969F9;
} }
} }
} }
} }
.bestGoodsList-dialog { .bestGoodsList-dialog {
table { table {
width: 100%; width: 100%;
tr { tr {
.required { .required {
color: red; color: red;
} }
th { th {
position: relative; position: relative;
padding: 9px 15px; padding: 9px 15px;
...@@ -168,7 +167,7 @@ ...@@ -168,7 +167,7 @@
color: #5f5f5f; color: #5f5f5f;
white-space: nowrap; white-space: nowrap;
} }
td { td {
position: relative; position: relative;
padding: 9px 15px; padding: 9px 15px;
...@@ -179,11 +178,11 @@ ...@@ -179,11 +178,11 @@
border-style: solid; border-style: solid;
border-color: #eee; border-color: #eee;
color: #5f5f5f; color: #5f5f5f;
.el-select { .el-select {
width: 88px; width: 88px;
} }
.el-input__inner { .el-input__inner {
padding-left: 4px !important; padding-left: 4px !important;
font-size: 12px !important; font-size: 12px !important;
...@@ -191,7 +190,7 @@ ...@@ -191,7 +190,7 @@
} }
} }
} }
.add { .add {
margin-top: 20px; margin-top: 20px;
color: #409EFF; color: #409EFF;
...@@ -201,35 +200,35 @@ ...@@ -201,35 +200,35 @@
.batch-layer { .batch-layer {
width: 100%; width: 100%;
.batch-box { .batch-box {
flex: 0 0 33.3%; flex: 0 0 33.3%;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
.title { .title {
width: 100%; width: 100%;
height: 30px; height: 30px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
i { i {
cursor: pointer; cursor: pointer;
} }
} }
.content { .content {
padding-top: 8px; padding-top: 8px;
padding-bottom: 8px; padding-bottom: 8px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
border-right: 1px solid #eee; border-right: 1px solid #eee;
width: 100%; width: 100%;
.period-list { .period-list {
height: 240px; height: 240px;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 7px; padding: 0 7px;
li { li {
width: 36px; width: 36px;
height: 30px; height: 30px;
...@@ -238,19 +237,19 @@ ...@@ -238,19 +237,19 @@
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 13px;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
&:hover, &.curr { &:hover, &.curr {
color: #FFF; color: #FFF;
background-color: #409EFF; background-color: #409EFF;
} }
} }
} }
.year-list { .year-list {
height: 240px; height: 240px;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 7px; padding: 0 7px;
li { li {
flex: 0 0 33.3%; flex: 0 0 33.3%;
height: 30px; height: 30px;
...@@ -260,7 +259,7 @@ ...@@ -260,7 +259,7 @@
font-size: 13px; font-size: 13px;
margin: 10px 0; margin: 10px 0;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
&:hover, &.curr { &:hover, &.curr {
color: #FFF; color: #FFF;
background-color: #409EFF; background-color: #409EFF;
...@@ -268,7 +267,7 @@ ...@@ -268,7 +267,7 @@
} }
} }
} }
.footer-btn { .footer-btn {
padding-right: 10px; padding-right: 10px;
height: 44px; height: 44px;
...@@ -276,4 +275,137 @@ ...@@ -276,4 +275,137 @@
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
} }
} }
\ No newline at end of file
.statistical-data {
margin-bottom: 30px;
li {
width: 32%;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
box-sizing: border-box;
.title {
height: 35px;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
font-size: 14px;
color: #646b78;
font-weight: bold;
padding-left: 19px;
}
.head {
background: #FFFFFF;
height: 30px;
border-bottom: 1px solid #E5EBF6;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
box-sizing: border-box;
span {
padding-left: 19px;
font-size: 14px;
height: 100%;
color: #333333;
font-weight: bold;
border-right: 1px solid #E5EBF6;
&:last-child {
border-right: none;
}
}
}
.list {
max-height: 157px;
overflow: auto;
background: #FFFFFF;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
border-bottom: 1px solid #E5EBF6;
box-sizing: border-box;
.box {
height: 30px;
span {
padding-left: 19px;
font-size: 14px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&.color1 {
color: #F65D51;
font-weight: bold;
}
&.color2 {
color: #E08C22;
font-weight: bold;
}
&.color3 {
color: #64A0E1;
font-weight: bold;
}
}
}
}
}
}
.statistics-table {
.title {
height: 25px;
border: 1px solid #E5EBF6;
box-sizing: border-box;
span {
box-sizing: border-box;
padding: 0 10px;
height: 100%;
line-height: 25px;
font-size: 12px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&.one {
text-align: center;
border-right: 1px solid #E5EBF6;
}
}
}
.list {
border: 1px solid #E5EBF6;
border-top: none;
box-sizing: border-box;
.box {
height: 25px;
span {
box-sizing: border-box;
padding: 0 10px;
height: 100%;
line-height: 25px;
font-size: 12px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&.one {
text-align: center;
border-right: 1px solid #E5EBF6;
}
}
}
}
}
src/assets/css/store/goodslist.min.css
.store-con { .store-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6;
padding: 20px; padding: 20px;
} }
.store-con .search-btn { .store-con .search-btn {
...@@ -226,4 +225,116 @@ ...@@ -226,4 +225,116 @@
justify-content: flex-end; justify-content: flex-end;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
.statistical-data {
margin-bottom: 30px;
}
.statistical-data li {
width: 32%;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
box-sizing: border-box;
}
.statistical-data li .title {
height: 35px;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
font-size: 14px;
color: #646b78;
font-weight: bold;
padding-left: 19px;
}
.statistical-data li .head {
background: #FFFFFF;
height: 30px;
border-bottom: 1px solid #E5EBF6;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
box-sizing: border-box;
}
.statistical-data li .head span {
padding-left: 19px;
font-size: 14px;
height: 100%;
color: #333333;
font-weight: bold;
border-right: 1px solid #E5EBF6;
}
.statistical-data li .head span:last-child {
border-right: none;
}
.statistical-data li .list {
max-height: 157px;
overflow: auto;
background: #FFFFFF;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
border-bottom: 1px solid #E5EBF6;
box-sizing: border-box;
}
.statistical-data li .list .box {
height: 30px;
}
.statistical-data li .list .box span {
padding-left: 19px;
font-size: 14px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.statistical-data li .list .box span.color1 {
color: #F65D51;
font-weight: bold;
}
.statistical-data li .list .box span.color2 {
color: #E08C22;
font-weight: bold;
}
.statistical-data li .list .box span.color3 {
color: #64A0E1;
font-weight: bold;
}
.statistics-table .title {
height: 25px;
border: 1px solid #E5EBF6;
box-sizing: border-box;
}
.statistics-table .title span {
box-sizing: border-box;
padding: 0 10px;
height: 100%;
line-height: 25px;
font-size: 12px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.statistics-table .title span.one {
text-align: center;
border-right: 1px solid #E5EBF6;
}
.statistics-table .list {
border: 1px solid #E5EBF6;
border-top: none;
box-sizing: border-box;
}
.statistics-table .list .box {
height: 25px;
}
.statistics-table .list .box span {
box-sizing: border-box;
padding: 0 10px;
height: 100%;
line-height: 25px;
font-size: 12px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.statistics-table .list .box span.one {
text-align: center;
border-right: 1px solid #E5EBF6;
}
/*# sourceMappingURL=goodslist.min.css.map */ /*# sourceMappingURL=goodslist.min.css.map */
\ No newline at end of file
src/assets/css/store/goodslist.min.css.map
{"version":3,"sources":["goodslist.less"],"names":[],"mappings":"AAAA;EACE,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,aAAA;;AAJF,UAME;EACE,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAEA,UAXF,YAWG;EACC,mBAAA;;AAlBN,UAsBE;EACE,gBAAA;EACA,mBAAA;;AAxBJ,UAsBE,SAIE;EAEE,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AArCN,UAsBE,SAIE,QAaE;EACE,gBAAA;;AAGF,UArBJ,SAIE,QAiBG;EAEC,mBAAA;EACA,WAAA;;AA9CR,UAsBE,SA6BE;EACE,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;;AAEA,UA1CJ,SA6BE,KAaG;EACC,mBAAA;EACA,eAAA;EACA,WAAA;;AAGF,UAhDJ,SA6BE,KAmBG;EACC,WAAA;EACA,gBAAA;;AAEA,UApDN,SA6BE,KAmBG,KAIE;EACC,mBAAA;EACA,cAAA;;AAIJ,UA1DJ,SA6BE,KA6BG;EACC,kBAAA;EACA,WAAA;EACA,8BAAA;;AAEA,UA/DN,SA6BE,KA6BG,IAKE;EACC,8BAAA;;AAtFV,UA4FE;EACE,kBAAA;;AA7FJ,UA4FE,WAGE;EACE,YAAA;EACA,WAAA;EAEA,kBAAA;EACA,QAAA;EACA,UAAA;;AArGN,UA4FE,WAGE,UAQE;EACE,WAAA;EACA,8BAAA;;AAzGR,UA4FE,WAGE,UAQE,WAIE;EACE,WAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAlHV,UA4FE,WAGE,UAQE,WAeE;AAtHR,UA4FE,WAGE,UAQE,WAeqB;EACjB,wBAAA;;AAvHV,UA8HE,YACE;EACE,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,kBAAA;EACA,eAAA;;AAEA,UAdJ,YACE,iBAaG;EACC,yBAAA;;AAQR,qBACE;EACE,WAAA;;AAFJ,qBACE,MAGE,GACE;EACE,UAAA;;AANR,qBACE,MAGE,GAKE;EACE,kBAAA;EACA,iBAAA;EACA,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,cAAA;EACA,mBAAA;;AAnBR,qBACE,MAGE,GAkBE;EACE,kBAAA;EACA,iBAAA;EACA,gBAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,cAAA;;AA/BR,qBACE,MAGE,GAkBE,GAWE;EACE,WAAA;;AAlCV,qBACE,MAGE,GAkBE,GAeE;EACE,4BAAA;EACA,0BAAA;;AAvCV,qBA6CE;EACE,gBAAA;EACA,cAAA;EACA,eAAA;;AAIJ;EACE,WAAA;;AADF,YAGE;EACE,eAAA;EACA,6BAAA;;AALJ,YAGE,WAIE;EACE,WAAA;EACA,YAAA;EACA,6BAAA;;AAVN,YAGE,WAIE,OAKE;EACE,eAAA;;AAbR,YAGE,WAeE;EACE,gBAAA;EACA,mBAAA;EACA,6BAAA;EACA,4BAAA;EAEA,WAAA;;AAxBN,YAGE,WAeE,SAQE;EACE,aAAA;EACA,eAAA;EACA,cAAA;;AA7BR,YAGE,WAeE,SAQE,aAKE;EACE,WAAA;EACA,YAAA;EACA,iBAAA;EACA,WAAA;EACA,eAAA;EACA,eAAA;EACA,gCAAA;;AAEA,YArCR,WAeE,SAQE,aAKE,GASG;AAAQ,YArCjB,WAeE,SAQE,aAKE,GASY;EACR,WAAA;EACA,yBAAA;;AA1CZ,YAGE,WAeE,SA6BE;EACE,aAAA;EACA,eAAA;EACA,cAAA;;AAlDR,YAGE,WAeE,SA6BE,WAKE;EACE,eAAA;EACA,YAAA;EACA,iBAAA;EACA,WAAA;EACA,eAAA;EACA,eAAA;EACA,cAAA;EACA,gCAAA;;AAEA,YA3DR,WAeE,SA6BE,WAKE,GAUG;AAAQ,YA3DjB,WAeE,SA6BE,WAKE,GAUY;EACR,WAAA;EACA,yBAAA;;AAhEZ,YAGE,WAmEE;EACE,mBAAA;EACA,YAAA;EACA,yBAAA;EACA,4BAAA","file":"goodslist.min.css"} {"version":3,"sources":["goodslist.less"],"names":[],"mappings":"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","file":"goodslist.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/store/list.less
.store-con{ .store-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6; padding: 20px;
padding:20px;
.search-btn{ .search-btn {
cursor: pointer; cursor: pointer;
width: 76px; width: 76px;
height: 37px; height: 37px;
line-height: 37px; line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color: #fff;
text-align: center;
&:hover {
background: #0050E0;
}
}
.btn-nav {
margin-top: 11px;
margin-bottom: 22px;
.update {
width: 66px;
height: 26px;
line-height: 26px;
text-align: center;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color: #FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
i {margin-left: 3px;}
&:hover {
background: #FCA955;
color: #fff;
}
}
.dcg {
width: 66px;
height: 26px;
border-radius: 2px;
text-align: center;
line-height: 26px;
border: 1px solid #1969F9;
background: #E5EEFF;
color: #1969F9;
margin-left: 10px;
font-size: 14px;
transition: all 0.5s;
&:hover {
background: #1969F9; background: #1969F9;
border-radius: 2px; cursor: pointer;
font-size: 14px; color: #fff;
color:#fff; }
text-align: center;
&:hover{ &.heti {
background: #0050E0; width: 56px;
background: #fff;
&:hover {
background: #E5EEFF;
color: #1969F9;
} }
} }
.btn-nav{
margin-top: 11px; &.xjk {
margin-bottom: 22px; position: relative;
.update{ left: -11px;
width: 66px; border-left: 1px solid #1969F9;
height: 26px;
line-height: 26px; &:hover {
text-align: center; border-left: 1px solid #1969F9;
background: #FFEEDD;
border: 1px solid #FF870D;
border-radius: 2px;
color:#FF870D;
font-size: 14px;
cursor: pointer;
width: 66px;
i{margin-left: 3px;}
&:hover{
background: #FCA955;
color:#fff;
}
} }
.dcg{ }
width: 66px; }
height: 26px; }
border-radius: 2px;
text-align: center; .updatebox {
line-height: 26px; position: relative;
border: 1px solid #1969F9;
background: #E5EEFF; .selectdw {
color:#1969F9; height: 36px;
margin-left: 10px; width: 36px;
font-size: 14px;
transition: all 0.5s; position: absolute;
&:hover{ top: 1px;
background: #1969F9; right: 2px;
cursor: pointer;
color:#fff; .el-select {
} width: 36px;
&.heti{ border-left: 1px solid #C0C4CC;
width:56px;
background: #fff; input {
&:hover{ border: 0px;
background: #E5EEFF; padding: 0px;
color:#1969F9; height: 36px;
} width: 36px;
} font-size: 14px;
&.xjk{ color: #333;
position: relative; text-align: center;
left:-11px;
border-left:1px solid #1969F9;
&:hover{
border-left:1px solid #1969F9;
}
}
} }
.el-input__prefix, .el-input__suffix {display: none !important;}
}
} }
.updatebox{ }
position: relative;
.selectdw{ }
height: 36px;
width: 36px; .statistical-data {
margin-bottom: 30px;
position: absolute;
top: 1px; li {
right: 2px; width: 32%;
.el-select { background: #F1F4FA;
width: 36px; border-radius: 2px 2px 0px 0px;
border-left:1px solid #C0C4CC; box-sizing: border-box;
input{
border:0px; .title {
padding:0px; height: 35px;
height: 36px; background: #F1F4FA;
width: 36px; border-radius: 2px 2px 0px 0px;
font-size: 14px; font-size: 14px;
color: #333; color: #646b78;
text-align: center; font-weight: bold;
padding-left: 19px;
} }
.el-input__prefix, .el-input__suffix{display: none!important;}
.head {
} background: #FFFFFF;
height: 30px;
border-bottom: 1px solid #E5EBF6;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
box-sizing: border-box;
span {
padding-left: 19px;
font-size: 14px;
height: 100%;
color: #333333;
font-weight: bold;
border-right: 1px solid #E5EBF6;
&:last-child {
border-right: none;
} }
}
} }
.price-more{ .list {
.more-search-btn{ max-height: 157px;
width: 70px; overflow: auto;
height: 26px; background: #FFFFFF;
background: #F1F4FA; border-left: 1px solid #E5EBF6;
border-radius: 2px; border-right: 1px solid #E5EBF6;
border: 1px solid #BEC9DF; border-bottom: 1px solid #E5EBF6;
font-size: 12px; box-sizing: border-box;
color:#1969F9;
text-align: center; .box {
transition: all 0.5s; height: 30px;
position: relative;
cursor: pointer; span {
padding-left: 19px;
&:hover{ font-size: 14px;
border: 1px solid #1969F9; color: #333333;
white-space: nowrap;
} overflow: hidden;
text-overflow: ellipsis;
&.color1 {
color: #F65D51;
font-weight: bold;
}
&.color2 {
color: #E08C22;
font-weight: bold;
}
&.color3 {
color: #64A0E1;
font-weight: bold;
}
} }
}
}
}
}
.statistics-table {
.title {
height: 25px;
border: 1px solid #E5EBF6;
box-sizing: border-box;
span {
box-sizing: border-box;
padding: 0 10px;
height: 100%;
line-height: 25px;
font-size: 12px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&.one {
text-align: center;
border-right: 1px solid #E5EBF6;
}
}
}
.list {
border: 1px solid #E5EBF6;
border-top: none;
box-sizing: border-box;
.box {
height: 25px;
span {
box-sizing: border-box;
padding: 0 10px;
height: 100%;
line-height: 25px;
font-size: 12px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&.one {
text-align: center;
border-right: 1px solid #E5EBF6;
}
}
} }
}
} }
\ No newline at end of file
src/assets/css/store/list.min.css
.store-con { .store-con {
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px; border-radius: 4px;
border: 1px solid #E5EBF6;
padding: 20px; padding: 20px;
} }
.store-con .search-btn { .store-con .search-btn {
...@@ -100,22 +99,118 @@ ...@@ -100,22 +99,118 @@
} }
.store-con .updatebox .selectdw .el-select .el-input__prefix, .store-con .updatebox .selectdw .el-select .el-input__prefix,
.store-con .updatebox .selectdw .el-select .el-input__suffix { .store-con .updatebox .selectdw .el-select .el-input__suffix {
display: none!important; display: none !important;
} }
.store-con .price-more .more-search-btn { .statistical-data {
width: 70px; margin-bottom: 30px;
height: 26px; }
.statistical-data li {
width: 32%;
background: #F1F4FA; background: #F1F4FA;
border-radius: 2px; border-radius: 2px 2px 0px 0px;
border: 1px solid #BEC9DF; box-sizing: border-box;
}
.statistical-data li .title {
height: 35px;
background: #F1F4FA;
border-radius: 2px 2px 0px 0px;
font-size: 14px;
color: #646b78;
font-weight: bold;
padding-left: 19px;
}
.statistical-data li .head {
background: #FFFFFF;
height: 30px;
border-bottom: 1px solid #E5EBF6;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
box-sizing: border-box;
}
.statistical-data li .head span {
padding-left: 19px;
font-size: 14px;
height: 100%;
color: #333333;
font-weight: bold;
border-right: 1px solid #E5EBF6;
}
.statistical-data li .head span:last-child {
border-right: none;
}
.statistical-data li .list {
max-height: 157px;
overflow: auto;
background: #FFFFFF;
border-left: 1px solid #E5EBF6;
border-right: 1px solid #E5EBF6;
border-bottom: 1px solid #E5EBF6;
box-sizing: border-box;
}
.statistical-data li .list .box {
height: 30px;
}
.statistical-data li .list .box span {
padding-left: 19px;
font-size: 14px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.statistical-data li .list .box span.color1 {
color: #F65D51;
font-weight: bold;
}
.statistical-data li .list .box span.color2 {
color: #E08C22;
font-weight: bold;
}
.statistical-data li .list .box span.color3 {
color: #64A0E1;
font-weight: bold;
}
.statistics-table .title {
height: 25px;
border: 1px solid #E5EBF6;
box-sizing: border-box;
}
.statistics-table .title span {
box-sizing: border-box;
padding: 0 10px;
height: 100%;
line-height: 25px;
font-size: 12px; font-size: 12px;
color: #1969F9; color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.statistics-table .title span.one {
text-align: center; text-align: center;
transition: all 0.5s; border-right: 1px solid #E5EBF6;
position: relative;
cursor: pointer;
} }
.store-con .price-more .more-search-btn:hover { .statistics-table .list {
border: 1px solid #1969F9; border: 1px solid #E5EBF6;
border-top: none;
box-sizing: border-box;
}
.statistics-table .list .box {
height: 25px;
}
.statistics-table .list .box span {
box-sizing: border-box;
padding: 0 10px;
height: 100%;
line-height: 25px;
font-size: 12px;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.statistics-table .list .box span.one {
text-align: center;
border-right: 1px solid #E5EBF6;
} }
/*# sourceMappingURL=list.min.css.map */ /*# sourceMappingURL=list.min.css.map */
\ No newline at end of file
src/assets/css/store/list.min.css.map
{"version":3,"sources":["list.less"],"names":[],"mappings":"AAAA;EACI,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,aAAA;;AAJJ,UAKI;EACI,eAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AACA,UAVJ,YAUK;EACG,mBAAA;;AAhBZ,UAmBI;EACI,gBAAA;EACA,mBAAA;;AArBR,UAmBI,SAGI;EAEI,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,kBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,WAAA;;AAjCZ,UAmBI,SAGI,QAYI;EAAE,gBAAA;;AACF,UAhBR,SAGI,QAaK;EAEG,mBAAA;EACA,WAAA;;AAtChB,UAmBI,SAuBI;EACI,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;EACA,oBAAA;;AACA,UAnCR,SAuBI,KAYK;EACG,mBAAA;EACA,eAAA;EACA,WAAA;;AAEJ,UAxCR,SAuBI,KAiBK;EACG,WAAA;EACA,gBAAA;;AACA,UA3CZ,SAuBI,KAiBK,KAGI;EACG,mBAAA;EACA,cAAA;;AAGR,UAhDR,SAuBI,KAyBK;EACG,kBAAA;EACA,WAAA;EACA,8BAAA;;AACA,UApDZ,SAuBI,KAyBK,IAII;EACG,8BAAA;;AAxEpB,UA6EI;EACI,kBAAA;;AA9ER,UA6EI,WAEI;EACI,YAAA;EACA,WAAA;EAEA,kBAAA;EACA,QAAA;EACA,UAAA;;AArFZ,UA6EI,WAEI,UAOI;EACI,WAAA;EACA,8BAAA;;AAxFhB,UA6EI,WAEI,UAOI,WAGI;EACI,WAAA;EACA,YAAA;EACA,YAAA;EACA,WAAA;EACA,eAAA;EACA,WAAA;EACA,kBAAA;;AAhGpB,UA6EI,WAEI,UAOI,WAaI;AAnGhB,UA6EI,WAEI,UAOI,WAauB;EAAkB,uBAAA;;AAnGrD,UAyGI,YACI;EACI,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,oBAAA;EACA,kBAAA;EACA,eAAA;;AAEA,UAdR,YACI,iBAaK;EACG,yBAAA","file":"list.min.css"} {"version":3,"sources":["list.less"],"names":[],"mappings":"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","file":"list.min.css"}
\ No newline at end of file \ No newline at end of file
src/assets/css/store/listDetail.less
.listDetail{ .listDetail {
.detail-nav{
background: #fff; .data-box {
padding:20px; background: #fff;
font-size: 14px; }
color:#333;
span{
margin-right: 45px;
}
padding-top:28px;
}
.data-box{
padding:20px;
padding-top: 5px;
background: #fff;
}
} }
\ No newline at end of file
src/assets/css/store/listDetail.min.css
.listDetail .detail-nav {
background: #fff;
padding: 20px;
font-size: 14px;
color: #333;
padding-top: 28px;
}
.listDetail .detail-nav span {
margin-right: 45px;
}
.listDetail .data-box { .listDetail .data-box {
padding: 20px;
padding-top: 5px;
background: #fff; background: #fff;
} }
/*# sourceMappingURL=listDetail.min.css.map */ /*# sourceMappingURL=listDetail.min.css.map */
\ No newline at end of file
src/assets/css/store/listDetail.min.css.map
{"version":3,"sources":["listDetail.less"],"names":[],"mappings":"AAAA,WACI;EACI,gBAAA;EACA,aAAA;EACA,eAAA;EACA,WAAA;EAIA,iBAAA;;AATR,WACI,YAKI;EACI,kBAAA;;AAPZ,WAWI;EACI,aAAA;EACA,gBAAA;EACA,gBAAA","file":"listDetail.min.css"} {"version":3,"sources":["listDetail.less"],"names":[],"mappings":"AAAA,WAEE;EACE,gBAAA","file":"listDetail.min.css"}
\ No newline at end of file \ No newline at end of file
src/components/menu.vue
...@@ -15,8 +15,15 @@ ...@@ -15,8 +15,15 @@
</a> </a>
</div> </div>
</div> </div>
<!--right-bar-->
<div class="user-box fr row verCenter"> <div class="user-box fr row verCenter">
<a class="msgh row verCenter" href="javascript:history.go(0)"> <a class="el-icon-s-cooperation" style="font-size: 27px;" href="/#/notice" title="系统公告"></a>
<div class="line"></div>
<i class="el-icon-message-solid message-num" @click="showMsg" title="消息通知">
<el-badge class="mark" :value="not_read_count"/>
</i>
<div class="line"></div>
<a class="msgh row verCenter" href="javascript:history.go(0)" title="点击刷新">
<span class="el-icon-refresh icon"></span> <span class="el-icon-refresh icon"></span>
</a> </a>
<div class="line"></div> <div class="line"></div>
...@@ -67,6 +74,7 @@ ...@@ -67,6 +74,7 @@
<el-menu-item-group> <el-menu-item-group>
<el-menu-item :index="'/orderTrackGoods'">已采购订单</el-menu-item> <el-menu-item :index="'/orderTrackGoods'">已采购订单</el-menu-item>
<el-menu-item :index="'/orderTrackInvoice'">发货单</el-menu-item> <el-menu-item :index="'/orderTrackInvoice'">发货单</el-menu-item>
<el-menu-item :index="'/returnGoods'">退货单</el-menu-item>
</el-menu-item-group> </el-menu-item-group>
</el-submenu> </el-submenu>
<el-submenu index="4"> <el-submenu index="4">
...@@ -75,9 +83,9 @@ ...@@ -75,9 +83,9 @@
<span slot="title">库存管理</span> <span slot="title">库存管理</span>
</template> </template>
<el-menu-item-group> <el-menu-item-group>
<el-menu-item :index="'/list'">库存列表</el-menu-item> <el-menu-item :index="'/list'">现货库存</el-menu-item>
<el-menu-item :index="'/enter'">库存导入</el-menu-item> <el-menu-item :index="'/enter'">库存导入</el-menu-item>
<el-menu-item :index="'/goodslist'">优势货源</el-menu-item> <el-menu-item :index="'/goodslist'">优势物料</el-menu-item>
<el-menu-item :index="'/listDetail'" style="display:none">导入详情</el-menu-item> <el-menu-item :index="'/listDetail'" style="display:none">导入详情</el-menu-item>
</el-menu-item-group> </el-menu-item-group>
</el-submenu> </el-submenu>
...@@ -93,14 +101,24 @@ ...@@ -93,14 +101,24 @@
</el-submenu> </el-submenu>
<el-submenu index="6"> <el-submenu index="6">
<template slot="title"> <template slot="title">
<span class="icon iconfont iconshujutongji"></span>
<span slot="title">数据统计</span>
</template>
<el-menu-item-group>
<el-menu-item :index="'/inquireTransform'">询价转化统计</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="7">
<template slot="title">
<span class="icon iconfont iconxiaoxiguanli1"></span> <span class="icon iconfont iconxiaoxiguanli1"></span>
<span slot="title">消息管理</span> <span slot="title">消息管理</span>
</template> </template>
<el-menu-item-group> <el-menu-item-group>
<el-menu-item :index="'/news'">消息列表</el-menu-item> <el-menu-item :index="'/news'">消息列表</el-menu-item>
<el-menu-item :index="'/notice'">系统公告</el-menu-item>
</el-menu-item-group> </el-menu-item-group>
</el-submenu> </el-submenu>
<el-submenu index="7"> <el-submenu index="8">
<template slot="title"> <template slot="title">
<span class="icon iconfont iconuser"></span> <span class="icon iconfont iconuser"></span>
<span slot="title">用户中心</span> <span slot="title">用户中心</span>
...@@ -133,39 +151,16 @@ ...@@ -133,39 +151,16 @@
<span class="icon iconfont icongoods"></span> <span class="icon iconfont icongoods"></span>
</div> </div>
<div class="item" :class="{'act':tabSure==6}"> <div class="item" :class="{'act':tabSure==6}">
<span class="icon iconfont iconxiaoxiguanli1"></span> <span class="icon iconfont iconshujutongji"></span>
</div> </div>
<div class="item" :class="{'act':tabSure==7}"> <div class="item" :class="{'act':tabSure==7}">
<span class="icon iconfont iconxiaoxiguanli1"></span>
</div>
<div class="item" :class="{'act':tabSure==8}">
<span class="icon iconfont iconuser"></span> <span class="icon iconfont iconuser"></span>
</div> </div>
</div> </div>
<div class="kf-box"> <!--修改密码弹窗-->
<el-tooltip placement="left" effect="light">
<div slot="content">
<div class="kf-boxs">
<div class="itemg">
<span>客服姓名：</span>
<font>邓小姐</font>
</div>
<div class="itemg">
<span>邮箱：</span>
<font>vendor@ichunt.com</font>
</div>
<div class="itemg">
<span>QQ：</span>
<font>
2885072763
</font>
</div>
<img src="https://static.ichunt.com/dist/res/home/images/fuwuhao.jpg" alt="">
</div>
</div>
<div class="btnkf">
<img src="../assets/images/kf.png" alt="">
</div>
</el-tooltip>
</div>
<!--修改库存弹窗-->
<el-dialog title="修改密码" :visible.sync="dialogVisible" width="500px" class="demo-ruleForm"> <el-dialog title="修改密码" :visible.sync="dialogVisible" width="500px" class="demo-ruleForm">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
<el-form-item label="原始密码" prop="old_password"> <el-form-item label="原始密码" prop="old_password">
...@@ -183,28 +178,111 @@ ...@@ -183,28 +178,111 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-dialog> </el-dialog>
<!--消息通知-->
<el-dialog title="消息通知" :visible.sync="dialogNewsVisible" width="800px" class="demo-ruleForm">
<div class="tab-news row verCenter bothSide">
<div>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="全部" name="all">
<div slot="label">全部
<el-badge :value="notReadCount[0]" :max="99" v-if="notReadCount[0] > 0"></el-badge>
</div>
</el-tab-pane>
<el-tab-pane label="询价" name="inquiry">
<div slot="label">询价
<el-badge :value="notReadCount[6]" :max="99" v-if="notReadCount[6] > 0"></el-badge>
</div>
</el-tab-pane>
<el-tab-pane label="成单" name="orderForm">
<div slot="label">成单
<el-badge :value="notReadCount[7]" :max="99" v-if="notReadCount[7] > 0"></el-badge>
</div>
</el-tab-pane>
<el-tab-pane label="退货" name="returnGoods">
<div slot="label">退货
<el-badge :value="notReadCount[8]" :max="99" v-if="notReadCount[8] > 0"></el-badge>
</div>
</el-tab-pane>
<el-tab-pane label="上架有效期" name="shelfLife">
<div slot="label">上架有效期
<el-badge :value="notReadCount[9]" :max="99" v-if="notReadCount[9] > 0"></el-badge>
</div>
</el-tab-pane>
</el-tabs>
</div>
<div>
<el-button type="primary" @click="updateMsg">标记已读</el-button>
<el-button type="danger" @click="deleteMsg">删除</el-button>
</div>
</div>
<section>
<el-table ref="table" :data="tableData" max-height="500" @selection-change="handleSelectionChange" :show-header="false">
<el-table-column type="selection" width="50" align="left"></el-table-column>
<el-table-column prop="inquiry_sn" label="" :show-overflow-tooltip="true" align="left">
<template slot-scope="scope">
<span class="el-badge-num" v-if="scope.row.msg_status == 0"></span>
<span style="margin-right: 4px;">{{ JSON.parse(scope.row.msg_data).date }}</span>
<span style="margin-right: 4px;">{{ JSON.parse(scope.row.msg_data).title }}</span>
<template v-if="JSON.parse(scope.row.msg_data).cate_id == 6">
<a style="color: #409EFF" target="_blank" :href="JSON.parse(scope.row.msg_data).link">{{ JSON.parse(scope.row.msg_data).title_suffix }}</a>
</template>
<template v-else-if="JSON.parse(scope.row.msg_data).cate_id == 7">
<a style="color: #1969F9" target="_blank" :href="JSON.parse(scope.row.msg_data).link">{{ JSON.parse(scope.row.msg_data).title_suffix }}</a>
</template>
<template v-else-if="JSON.parse(scope.row.msg_data).cate_id == 8">
<a style="color: #FF870E" target="_blank" :href="JSON.parse(scope.row.msg_data).link">{{ JSON.parse(scope.row.msg_data).title_suffix }}</a>
</template>
<template v-else-if="JSON.parse(scope.row.msg_data).cate_id == 9">
<a style="color: #FF0000" target="_blank" :href="JSON.parse(scope.row.msg_data).link">{{ JSON.parse(scope.row.msg_data).title_suffix }}</a>
</template>
<template v-else>
<a style="color: #409EFF" target="_blank" :href="JSON.parse(scope.row.msg_data).link">{{ JSON.parse(scope.row.msg_data).title_suffix }}</a>
</template>
</template>
</el-table-column>
</el-table>
<div class="row verCenter bothSide" style="margin-top: 15px;">
<div style="margin-left: 13px;white-space: nowrap">
<el-checkbox @change="selectAll" v-model="checkAll" :indeterminate="isIndeterminate"></el-checkbox>
<el-button type="primary" @click="getNewsStatus(0)" style="margin-left: 10px;">未读</el-button>
<el-button type="primary" @click="getNewsStatus(1)">已读</el-button>
</div>
<el-pagination style="margin-top: 0" layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div>
</section>
</el-dialog>
<!--系统公告-->
<el-dialog :title="noticeMsg.title" :close-on-click-modal="false" :visible.sync="dialogNoticeVisible" width="580px" custom-class="dialog-layer-notice">
<div class="notice-content" v-html="noticeMsg.content"></div>
<div class="enclosure row verCenter">
<span>附件：</span>
<a class="down" :href="noticeMsg.attachment_url " target="_blank">{{ noticeMsg.attachment_name || '暂无附件' }}</a>
</div>
<div class="notice-bottom row bothSide verCenter">
<span>发件人：深圳市猎芯科技有限公司</span>
<span>{{ noticeMsg.create_time }}</span>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Util from "../tool"; import Util from "../tool";
import {Button, Dialog, Form, FormItem, Input, Menu, MenuItem, MenuItemGroup, Message, MessageBox, Submenu, Tooltip} from 'element-ui' import axios from 'axios';
import {NODE_ENVS_MSG} from "../ajax";
import {Badge, Button, Checkbox, Dialog, Form, FormItem, Input, Menu, MenuItem, MenuItemGroup, Message, MessageBox, Notification, Pagination, Submenu, TabPane, Tabs, Tooltip} from 'element-ui'
Vue.prototype.$message = Message; Vue.prototype.$message = Message;
Vue.use(Menu).use(MenuItem).use(MenuItemGroup).use(Submenu).use(Form).use(FormItem).use(Dialog).use(Button).use(Tooltip).use(Input); Vue.prototype.$notify = Notification;
Vue.use(Menu).use(MenuItem).use(MenuItemGroup).use(Submenu).use(Form).use(FormItem).use(Dialog).use(Button).use(Tooltip).use(Input).use(Tabs).use(TabPane).use(Badge).use(Pagination).use(Checkbox);
export default { export default {
name: 'menus', name: 'menus',
props: {}, props: {},
created() {
var self = this
this.getData();
this.tabUi()
window.onresize = function () {
self.tabUi()
};
},
data() { data() {
var validatePass2 = (rule, value, callback) => { var validatePass2 = (rule, value, callback) => {
if (value === '') { if (value === '') {
...@@ -216,13 +294,43 @@ export default { ...@@ -216,13 +294,43 @@ export default {
} }
} }
return { return {
supplier_id: Number(localStorage.getItem('supplier_id')) || 0,
seconds: 60,
activeName: "all",
userinfo: {}, userinfo: {},
collapse: false, collapse: false,
isIndexTab: true, isIndexTab: true,
tabSure: "", tabSure: "",
tabs: "", tabs: "",
width: "", width: "",
dialogVisible: false, not_read_count: '',//未读消息
isIndeterminate: false,//对el-checkbox控制不完整的全选状态
checkAll: false,//标记是否全选
dialogVisible: false,//改密码
dialogNewsVisible: false,//消息通知
dialogNoticeVisible: false,//系统公告
tableData: [],
multipleSelection: [],
notReadCount: {},
msg_status: '',//消息状态，0-未读，1-已读，-4-已删除
msg_category_id: '',//消息目的地系统下的分类id， 1-关注，2-报价，3-订单，4-系统通知，5-采购提醒不传代表全部
noticeMsg: [],//系统公告消息
total: 0,
limit: 10,
page: 1,
color_arr: [{
name: '询价',
value: '#409EFF'
}, {
name: '成单',
value: '#1969F9'
}, {
name: '退货',
value: '#FF870E'
}, {
name: '上架有效期',
value: '#FF0000'
}],
ruleForm: { ruleForm: {
old_password: '', old_password: '',
password: '', password: '',
...@@ -266,22 +374,344 @@ export default { ...@@ -266,22 +374,344 @@ export default {
} }
} }
}, },
created() {
var self = this
this.getData();//获取个人信息
this.tabUi();
this.getLatestMsg();//获取最新消息
this.getCategoryMsgList();//获取系统公告
window.onresize = function () {
self.tabUi()
};
},
mounted() { mounted() {
this.tabss(this.$route.path) this.tabss(this.$route.path)
}, },
methods: { methods: {
/**
* 获取系统公告
*/
getCategoryMsgList() {
var msg_notice = Util.getCookie('ad') || '';
//判断是不是最新的消息
if (msg_notice) {
return;
}
this.$http('get', "/api/system/getNoticeList", {
page: 1,
limit: 1,
}).then(res => {
if (res.code === 0) {
if (res.data.list.length > 0) {
this.dialogNoticeVisible = true;
this.noticeMsg = res.data.list[0] || [];
Util.setCookie('ad', true, 1);
}
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
})
},
/**
* 获取最新消息
*/
getLatestMsg() {
var msg_id_val = sessionStorage.getItem('msg_id') || '';
var that = this;
axios.post(NODE_ENVS_MSG + '/get_latest_msg', {
page: 1,
limit: 1,
user_id: this.supplier_id,//供应商id
sys_id: 17//云芯系统
}).then((res) => {
if (res.code === 0) {
let htmlArr = [];
if (res.data.list.length > 0) {
let data = JSON.parse(res.data.list[0].msg_data);
this.not_read_count = res.data.not_read_count;
sessionStorage.removeItem('msg_id');
sessionStorage.setItem('msg_id', res.data.list[0].id);//存储最新id
//判断是不是最新的消息
if (msg_id_val) {
if (res.data.list[0].id == msg_id_val) {
that.countDown();//开启定时轮询
return;
}
}
this.msg_id = res.data.list[0].id;//存储最新id
let has_more = data.has_more;//判断是否出现更多，样式有区别
let html = '';
let cate_id = data.cate_id;//记录tab切换id
let colorStyle = '';
//定义颜色提醒
if (cate_id) {
if (cate_id == 6) {
colorStyle = 'color:' + this.color_arr[0].value;
} else if (cate_id == 7) {
colorStyle = 'color:' + this.color_arr[1].value;
} else if (cate_id == 8) {
colorStyle = 'color:' + this.color_arr[2].value;
} else if (cate_id == 9) {
colorStyle = 'color:' + this.color_arr[3].value;
} else {
colorStyle = 'color:' + this.color_arr[0].value;
}
}
if (has_more) {
html = '<P class="notify-text"><b>' + data.date + '</b><b>' + data.title + '</b><a style="' + colorStyle + '" target="_blank" href="' + data.link + '">' + data.title_suffix + '</a><a style="margin-left: 8px;" class="alink" target="_blank" href="' + data.has_more + '">更多>>></a></P>';
} else {
html = '<P class="notify-text"><b>' + data.date + '</b><b>' + data.title + '</b><a style="' + colorStyle + '" target="_blank" href="' + data.link + '">' + data.title_suffix + '</a></P>';
}
if (data.content.length > 0) {
htmlArr.push(html +
'<p>' + data.content[0].name + '：' + data.content[0].value + '</p>' +
'<p>' + data.content[1].name + '：' + data.content[1].value + '</p>' +
'<p>' + data.content[2].name + '：' + data.content[2].value + '</p>' +
'<p>' + data.content[3].name + '：' + data.content[3].value + '</p>' +
'<p>' + data.content[4].name + '：' + data.content[4].value + '</p>');
} else {
htmlArr.push(html + '上架有效期到期后，该型号将会从【猎芯网】下架，不再进行展示；并且不参与【猎芯询报价】系统的自动推送询价');
}
this.$notify({
title: '提示',
duration: 20000,
dangerouslyUseHTMLString: true,
message: htmlArr.join(''),
position: 'bottom-right',
onClose() {
that.countDown();//开启定时轮询
}
});
}
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
});
},
countDown() {
this.timer = setInterval(() => {
this.seconds--;
if (this.seconds <= 0) {
clearInterval(this.timer);
this.seconds = 60;
this.getLatestMsg();
}
}, 1000)
},
/**
* 获取新闻信息
*/
getNews() {
axios.post(NODE_ENVS_MSG + '/get_category_msg_list', {
page: this.page,
limit: this.limit,
msg_status: this.msg_status,
msg_category_id: this.msg_category_id,
user_id: this.supplier_id,//供应商id
sys_id: 17//云芯系统
}).then((res) => {
if (res.code === 0) {
this.tableData = res.data.list || [];
this.total = res.data.total;
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
});
},
/**
* 全选
*/
selectAll() {
if (this.$refs.table.selection.length < this.tableData.length) {
this.checkAll = true;
} else {
this.checkAll = false;
}
this.$refs.table.toggleAllSelection();
},
/**
* 获取tab的数量
*/
getNotReadCount() {
axios.post(NODE_ENVS_MSG + '/get_not_read_count', {
user_id: this.supplier_id,//供应商id
sys_id: 17//云芯系统
}).then((res) => {
if (res.code === 0) {
this.notReadCount = res.data;
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
});
},
/**
* 更改消息状态为已读
*/
updateMsg() {
if (this.multipleSelection.length == 0) {
this.$message({
showClose: true,
message: '请至少选择一条数据',
type: 'warning'
});
return;
}
var msg_ids = this.multipleSelection.map(obj => {
return obj.id
})
axios.post(NODE_ENVS_MSG + '/update_msg', {
user_id: this.supplier_id,//供应商id
sys_id: 17,//云芯系统
msg_ids: msg_ids.join(',')
}).then((res) => {
if (res.code === 0) {
this.getNotReadCount();
this.getNews();
this.$message({
message: '标记成功',
type: 'success'
});
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
});
},
/**
* 删除信息
*/
deleteMsg() {
if (this.multipleSelection.length == 0) {
this.$message({
showClose: true,
message: '请至少选择一条数据',
type: 'warning'
});
return;
}
var msg_ids = this.multipleSelection.map(obj => {
return obj.id
})
axios.post(NODE_ENVS_MSG + '/delete_msg', {
user_id: this.supplier_id,//供应商id
sys_id: 17,//云芯系统
msg_ids: msg_ids.join(',')
}).then((res) => {
if (res.code === 0) {
this.getNotReadCount();
this.getNews();
this.$message({
message: '删除成功',
type: 'success'
});
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
});
},
/**
* 操作按钮未读已读
*/
getNewsStatus(type) {
this.msg_status = type;
this.getNews();
this.getNotReadCount();
},
/**
* 获取个人信息
*/
getData() { getData() {
if (window.userInfo) { if (window.userInfo) {
this.userinfo = window.userInfo; this.userinfo = window.userInfo;
} else { } else {
this.$http('get', "/api/user/getuserinfo").then(res => { this.$http('get', "/api/user/getuserinfo").then(res => {
this.userinfo = res.data; if (res.code == 0) {
window.userInfo = res.data this.userinfo = res.data;
window.userInfo = res.data
}
}) })
} }
}, },
/**
* 消息通知展示
*/
showMsg() {
this.dialogNewsVisible = true;
this.getNotReadCount();
this.getNews();
},
/**
* tab切换
* @param index
*/
handleClick(tab, event) {
if (this.activeName == 'all') {
this.msg_category_id = 0;
} else if (this.activeName == 'inquiry') {
this.msg_category_id = 6;
} else if (this.activeName == 'orderForm') {
this.msg_category_id = 7;
} else if (this.activeName == 'returnGoods') {
this.msg_category_id = 8;
} else if (this.activeName == 'shelfLife') {
this.msg_category_id = 9;
}
this.page = 1;
this.msg_status = '';
this.getNotReadCount();
this.getNews();
},
/**
* chebox选择的数据
* @param val
*/
handleSelectionChange(val) {
this.multipleSelection = val;
if (val.length < this.tableData.length && val.length > 0) {
this.isIndeterminate = true;
} else if (val.length == this.tableData.length) {
this.isIndeterminate = false;
this.checkAll = true;
} else if (val.length == 0) {
this.isIndeterminate = false;
this.checkAll = false;
}
},
/**
* 分页条数切换
* @param val
*/
handleSizeChange(val) {
this.limit = val;
this.getNews();
},
/**
* 分页点击切换
* @param val
*/
handleCurrentChange(val) {
this.page = val;
this.getNews();
},
tabUi() { tabUi() {
let tab_arr = sessionStorage.getItem('tabs') let tab_arr = JSON.parse(sessionStorage.getItem('tabs'));
if (tab_arr) { if (tab_arr) {
if (tab_arr.length >= 9) { if (tab_arr.length >= 9) {
this.$nextTick(() => { this.$nextTick(() => {
...@@ -311,8 +741,6 @@ export default { ...@@ -311,8 +741,6 @@ export default {
if (lk == "/list" || lk == "/enter" || lk == '/listDetail') { if (lk == "/list" || lk == "/enter" || lk == '/listDetail') {
this.tabSure = 3; this.tabSure = 3;
} }
if (lk == "/goods" || lk == "/brand") { if (lk == "/goods" || lk == "/brand") {
this.tabSure = 4; this.tabSure = 4;
} }
...@@ -499,7 +927,7 @@ export default { ...@@ -499,7 +927,7 @@ export default {
height: 40px; height: 40px;
overflow-y: hidden; overflow-y: hidden;
position: relative; position: relative;
width: calc(100vw - 517px); width: calc(100vw - 588px);
.item-boxs { .item-boxs {
position: absolute; position: absolute;
...@@ -570,7 +998,19 @@ export default { ...@@ -570,7 +998,19 @@ export default {
padding: 8px 0; padding: 8px 0;
line-height: 40px; line-height: 40px;
color: #A1ACC1; color: #A1ACC1;
width: 241px; margin-right: 5px;
.message-num {
position: relative;
font-size: 23px;
cursor: pointer;
.el-badge {
position: absolute;
right: -11px;
top: -8px;
}
}
a { a {
color: #A1ACC1; color: #A1ACC1;
...@@ -916,6 +1356,39 @@ export default { ...@@ -916,6 +1356,39 @@ export default {
} }
} }
.el-badge-num {
position: absolute;
left: -1px;
top: 14px;
width: 7px;
height: 7px;
background: #fe0000;
border-radius: 50%;
display: block;
box-sizing: border-box;
}
.tab-news {
margin-bottom: 6px;
border-bottom: 1px solid #E4E7ED;
}
.tab-news .el-tabs__header {
margin-bottom: 0 !important;
}
.el-tabs__nav-wrap::after {
background-color: transparent;
}
.notify-text b {
margin-right: 5px;
}
.notify-text a {
}
@keyframes layui-rotate { @keyframes layui-rotate {
from { from {
-webkit-transform: rotate(0) -webkit-transform: rotate(0)
...@@ -925,4 +1398,12 @@ export default { ...@@ -925,4 +1398,12 @@ export default {
-webkit-transform: rotate(360deg) -webkit-transform: rotate(360deg)
} }
} }
.dialog-layer-notice .el-dialog__body {
padding: 0 !important;
}
.dialog-layer-notice .el-dialog__header {
border-bottom: 1px solid #E5EBF6;
}
</style> </style>
\ No newline at end of file
src/main.js
...@@ -14,7 +14,7 @@ import '@/assets/css/public/common.min.css' ...@@ -14,7 +14,7 @@ import '@/assets/css/public/common.min.css'
import '@/assets/css/font/iconfont.css' import '@/assets/css/font/iconfont.css'
//本地环境开启提示信息 //本地环境开启提示信息
Vue.config.productionTip = false; Vue.config.productionTip = true;
Vue.prototype.$ELEMENT = { Vue.prototype.$ELEMENT = {
size: 'mini', size: 'mini',
...@@ -83,7 +83,7 @@ axios.interceptors.response.use(res => { ...@@ -83,7 +83,7 @@ axios.interceptors.response.use(res => {
} }
return res.data; return res.data;
}, error => { }, error => {
// Message('网络出现问题,请检查网络'); Message('网络出现问题,请检查网络');
hideLoading(); hideLoading();
return Promise.reject(new Error(error)) return Promise.reject(new Error(error))
}) })
......
src/router/index.js
...@@ -3,7 +3,6 @@ import VueRouter from 'vue-router' ...@@ -3,7 +3,6 @@ import VueRouter from 'vue-router'
Vue.use(VueRouter); Vue.use(VueRouter);
const Home = resolve => require(['@/views/Index/index.vue'], resolve); const Home = resolve => require(['@/views/Index/index.vue'], resolve);
const Inquire = resolve => require(['@/views/List/inquire.vue'], resolve); const Inquire = resolve => require(['@/views/List/inquire.vue'], resolve);
const InquireDetail = resolve => require(['@/views/List/inquireDetail.vue'], resolve); const InquireDetail = resolve => require(['@/views/List/inquireDetail.vue'], resolve);
...@@ -13,6 +12,7 @@ const List = resolve => require(['@/views/Store/list.vue'], resolve); ...@@ -13,6 +12,7 @@ const List = resolve => require(['@/views/Store/list.vue'], resolve);
const ListDetail = resolve => require(['@/views/Store/listDetail.vue'], resolve); const ListDetail = resolve => require(['@/views/Store/listDetail.vue'], resolve);
const Enter = resolve => require(['@/views/Store/enter.vue'], resolve); const Enter = resolve => require(['@/views/Store/enter.vue'], resolve);
const Goodslist = resolve => require(['@/views/Store/goodslist.vue'], resolve); const Goodslist = resolve => require(['@/views/Store/goodslist.vue'], resolve);
const GoodDetail = resolve => require(['@/views/Store/goodDetail.vue'], resolve);
const Goods = resolve => require(['@/views/Goods/goods.vue'], resolve); const Goods = resolve => require(['@/views/Goods/goods.vue'], resolve);
const Message = resolve => require(['@/views/Info/message.vue'], resolve); const Message = resolve => require(['@/views/Info/message.vue'], resolve);
const Login = resolve => require(['@/views/User/login.vue'], resolve); const Login = resolve => require(['@/views/User/login.vue'], resolve);
...@@ -21,8 +21,11 @@ const BindError = resolve => require(['@/views/User/bindError.vue'], resolve); ...@@ -21,8 +21,11 @@ const BindError = resolve => require(['@/views/User/bindError.vue'], resolve);
const OrderTrackGoods = resolve => require(['@/views/OrderTrack/goods.vue'], resolve); const OrderTrackGoods = resolve => require(['@/views/OrderTrack/goods.vue'], resolve);
const orderTrackGoodsDetail = resolve => require(['@/views/OrderTrack/goodsDetail.vue'], resolve); const orderTrackGoodsDetail = resolve => require(['@/views/OrderTrack/goodsDetail.vue'], resolve);
const OrderTrackInvoice = resolve => require(['@/views/OrderTrack/invoice.vue'], resolve); const OrderTrackInvoice = resolve => require(['@/views/OrderTrack/invoice.vue'], resolve);
const ReturnGoods = resolve => require(['@/views/OrderTrack/returnGoods.vue'], resolve);
const OrderTrackPurAdd = resolve => require(['@/views/OrderTrack/purAdd.vue'], resolve); const OrderTrackPurAdd = resolve => require(['@/views/OrderTrack/purAdd.vue'], resolve);
const News = resolve => require(['@/views/News/index.vue'], resolve); const News = resolve => require(['@/views/News/index.vue'], resolve);
const Notice = resolve => require(['@/views/News/notice.vue'], resolve);
const InquireTransform = resolve => require(['@/views/InquireTransform/index.vue'], resolve);
const routes = [ const routes = [
...@@ -64,7 +67,6 @@ const routes = [ ...@@ -64,7 +67,6 @@ const routes = [
name: 'Brand', name: 'Brand',
meta: { meta: {
title: '品牌列表' title: '品牌列表'
}, },
component: Brand component: Brand
}, },
...@@ -72,8 +74,7 @@ const routes = [ ...@@ -72,8 +74,7 @@ const routes = [
path: '/list', path: '/list',
name: 'List', name: 'List',
meta: { meta: {
title: '库存列表' title: '现货库存'
}, },
component: List component: List
}, },
...@@ -102,6 +103,14 @@ const routes = [ ...@@ -102,6 +103,14 @@ const routes = [
component: Goodslist component: Goodslist
}, },
{ {
path: '/goodDetail',
name: 'goodDetail',
meta: {
title: '导入详情'
},
component: GoodDetail
},
{
path: '/goods', path: '/goods',
name: 'Goods', name: 'Goods',
meta: { meta: {
...@@ -142,6 +151,14 @@ const routes = [ ...@@ -142,6 +151,14 @@ const routes = [
component: OrderTrackInvoice component: OrderTrackInvoice
}, },
{ {
path: '/returnGoods',
name: 'returnGoods',
meta: {
title: '退货单'
},
component: ReturnGoods
},
{
path: '/orderTrackPurAdd', path: '/orderTrackPurAdd',
name: 'OrderTrackPurAdd', name: 'OrderTrackPurAdd',
meta: { meta: {
...@@ -153,8 +170,7 @@ const routes = [ ...@@ -153,8 +170,7 @@ const routes = [
path: '/login', path: '/login',
name: 'Login', name: 'Login',
meta: { meta: {
title: '猎芯云芯商家-登录', title: '猎芯云芯商家-登录'
}, },
component: Login component: Login
}, },
...@@ -162,8 +178,7 @@ const routes = [ ...@@ -162,8 +178,7 @@ const routes = [
path: '/notfound', path: '/notfound',
name: 'notfound', name: 'notfound',
meta: { meta: {
title: '猎芯网', title: '猎芯网'
}, },
component: notfound component: notfound
}, },
...@@ -171,8 +186,7 @@ const routes = [ ...@@ -171,8 +186,7 @@ const routes = [
path: '/bindError', path: '/bindError',
name: 'BindError', name: 'BindError',
meta: { meta: {
title: '微信重新绑定', title: '微信重新绑定'
}, },
component: BindError component: BindError
}, },
...@@ -180,11 +194,26 @@ const routes = [ ...@@ -180,11 +194,26 @@ const routes = [
path: '/news', path: '/news',
name: 'news', name: 'news',
meta: { meta: {
title: '消息列表', title: '消息列表'
}, },
component: News component: News
}, },
{
path: '/notice',
name: 'notice',
meta: {
title: '系统公告'
},
component: Notice
},
{
path: '/inquireTransform',
name: 'inquireTransform',
meta: {
title: '询价转化统计'
},
component: InquireTransform
},
/**错误页面重定向到首页**/ /**错误页面重定向到首页**/
{ {
path: '*', path: '*',
......
src/views/Goods/brand.vue
<template> <template>
<div class="brandxk pagex"> <div class="brandxk pagex">
<div class="brand-con"> <div class="brand-con">
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam"> <!--搜索区-->
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam" label-width="80px">
<el-form-item label="品牌" prop="brand_name"> <el-form-item label="品牌" prop="brand_name">
<el-autocomplete v-model="formParam.brand_name" :trigger-on-focus="false" @keyup.enter.native="submit" :fetch-suggestions="querySearchAsyncBrand" placeholder="请输入品牌" clearable></el-autocomplete> <el-autocomplete v-model="formParam.brand_name" :trigger-on-focus="false" @keyup.enter.native="submit" :fetch-suggestions="querySearchAsyncBrand" placeholder="请输入品牌" clearable></el-autocomplete>
</el-form-item> </el-form-item>
<el-form-item label="关键词" prop="keyword"> <el-form-item label="关键词" prop="keyword">
<el-input v-model="formParam.keyword" placeholder="请输入关键词" @keyup.enter.native="submit" clearable></el-input> <el-input v-model="formParam.keyword" placeholder="请输入关键词" @keyup.enter.native="submit" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="更新时间">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="formParam.date" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="submit">搜索</el-button> <el-button type="primary" @click="submit">搜索</el-button>
<el-button @click="resetForm('formParam')">重置</el-button> <el-button @click="resetForm('formParam')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-nav clr"> <!--操作区-->
<el-button type="primary" @click="updateBrand">修改</el-button> <div class="operation-area row verCenter bothSide">
<el-button type="primary" @click="downOut">导出</el-button> <div class="operation-button row verCenter">
<el-button type="danger" @click="del">删除</el-button> <el-button type="primary" @click="downOut">导出</el-button>
<a :href="downHref" ref="downs" target="_blank" style="display:none">下载</a> <a :href="downHref" ref="downs" target="_blank" style="display:none">下载</a>
</div>
</div> </div>
<!--列表区-->
<div class="data-box th-all" v-if="tableData"> <div class="data-box th-all" v-if="tableData">
<el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange"> <el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="40"></el-table-column> <el-table-column fixed type="selection" width="40" align="center"></el-table-column>
<el-table-column prop="internal_standard_name" label="内部标准名称" min-width="15%"> <el-table-column prop="brand_name" label="品牌名称" min-width="15%"></el-table-column>
</el-table-column> <el-table-column prop="internal_standard_name" label="猎芯标准品牌名" min-width="15%"></el-table-column>
<el-table-column prop="brand_name" label="品牌" min-width="15%"> <el-table-column prop="region" label="地区" min-width="15%"></el-table-column>
</el-table-column> <el-table-column prop="sku_num" label="型号量" min-width="10%"></el-table-column>
<el-table-column prop="region" label="地区" min-width="15%"> <el-table-column prop="sku_num" label="品牌图片" min-width="10%"></el-table-column>
</el-table-column> <el-table-column prop="remark" label="品牌授权书" min-width="15%"></el-table-column>
<el-table-column prop="brand_logo" label="LOGO" min-width="10%"> <el-table-column prop="remark" label="规格书" min-width="15%"></el-table-column>
<template slot-scope="scope" v-if="scope.row.brand_logo"> <el-table-column prop="remark" label="品牌备注" min-width="15%"></el-table-column>
<img :src="scope.row.brand_logo" class="brand-img" alt=""> <el-table-column prop="create_time" label="创建时间" min-width="15%"></el-table-column>
</template> <el-table-column prop="update_time" label="更新时间" min-width="15%"></el-table-column>
</el-table-column>
<el-table-column prop="sku_num" label="型号量" min-width="10%">
</el-table-column>
<el-table-column prop="remark" label="品牌备注" min-width="15%">
</el-table-column>
<el-table-column prop="create_time" label="创建时间" min-width="15%">
</el-table-column>
<el-table-column prop="update_time" label="更新时间" min-width="15%">
</el-table-column>
</el-table> </el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination> <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div> </div>
<!--修改品牌弹窗--> <!--修改品牌弹窗-->
<el-dialog title="修改品牌" :visible.sync="dialogVisible" width="1000px"> <el-dialog title="编辑品牌" :visible.sync="dialogVisible" width="550px" custom-class="custom-dialog">
<div class="kc-mask"> <el-form :model="formParam" class="demo-form-inline" ref="formParam" label-width="120px">
<el-table :data="updateBranddata" border max-height="600"> <el-form-item label="型号" prop="goods_name">
<el-table-column prop="brand_name" label="品牌" width="180"> <el-input v-model="formParam.goods_name" placeholder="请输入型号" @keyup.enter.native="submit" clearable></el-input>
</el-table-column> </el-form-item>
<el-table-column prop="region" label="地区" width="100"> <el-form-item label="品牌名" prop="goods_name">
</el-table-column> <el-input v-model="formParam.goods_name" placeholder="请输入品牌名" @keyup.enter.native="submit" clearable></el-input>
<el-table-column prop="brand_logo" label="LOGO" min-width="120"> </el-form-item>
<template slot-scope="scope" v-if="scope.row.brand_logo"> <el-form-item label="对应猎芯品牌名" prop="goods_name">
<img :src="scope.row.brand_logo" class="brand-img" alt=""> <el-input v-model="formParam.goods_name" placeholder="请输入对应猎芯品牌名" @keyup.enter.native="submit" clearable></el-input>
</template> </el-form-item>
</el-table-column> <el-form-item label="商品图片">
<el-table-column prop="internal_standard_name" label="内部标准名称" min-width="170"> <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
<template slot-scope="scope"> <i class="el-icon-upload"></i>
<el-input v-model="scope.row.internal_standard_name" placeholder="点击修改"></el-input> <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
</template> <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
</el-table-column> </el-upload>
<el-table-column prop="remark" label="品牌备注" width="320"> </el-form-item>
<template slot-scope="scope"> <el-form-item label="品牌授权书">
<el-input v-model="scope.row.remark" placeholder="点击修改"></el-input> <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
</template> <i class="el-icon-upload"></i>
</el-table-column> <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
</el-table> <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
</div> </el-upload>
<span slot="footer" class="dialog-footer"> </el-form-item>
<el-form-item label="规格书">
<el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submitUpdate">确 定</el-button> <el-button type="primary" @click="submitUpdate">确 定</el-button>
</span> </div>
</el-dialog> </el-dialog>
</div> </div>
<Menu/> <Menu/>
</div> </div>
</template> </template>
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import {Autocomplete, Button, Dialog, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Select, Table, TableColumn} from 'element-ui' import {Autocomplete, Button, Dialog, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Select, Table, TableColumn, Upload} from 'element-ui'
Vue.prototype.$message = Message Vue.prototype.$message = Message
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination).use(Autocomplete) Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination).use(Autocomplete)
Vue.use(TableColumn).use(Table) Vue.use(TableColumn).use(Table).use(Upload)
export default { export default {
name: "brand", name: "brand",
data() { data() {
...@@ -101,7 +104,8 @@ export default { ...@@ -101,7 +104,8 @@ export default {
downHref: "", downHref: "",
formParam: { formParam: {
brand_name: '', brand_name: '',
keyword: '' keyword: '',
date: ''
}, },
disabled: false, disabled: false,
tableData: "", tableData: "",
...@@ -132,6 +136,9 @@ export default { ...@@ -132,6 +136,9 @@ export default {
} }
}) })
}, },
/**
* 编辑品牌
*/
updateBrand() { updateBrand() {
if (this.multipleSelection.length > 1) { if (this.multipleSelection.length > 1) {
this.$message("只能选择一条数据") this.$message("只能选择一条数据")
...@@ -188,7 +195,7 @@ export default { ...@@ -188,7 +195,7 @@ export default {
}) })
}, },
resetForm(formName) { resetForm(formName) {
this.formParam.date=''; this.formParam.date = '';
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
submit() { submit() {
...@@ -304,4 +311,9 @@ export default { ...@@ -304,4 +311,9 @@ export default {
</script> </script>
<style scoped> <style scoped>
@import "../../assets/css/goods/brand.min.css"; @import "../../assets/css/goods/brand.min.css";
::v-deep .custom-dialog .el-dialog__body {
height: 500px;
overflow-y: auto;
}
</style> </style>
\ No newline at end of file
src/views/Goods/goods.vue
<template> <template>
<div class="goods pagex"> <div class="goods pagex">
<div class="goods-con"> <div class="goods-con">
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam"> <!--搜索区-->
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam" label-width="80px">
<el-form-item label="型号" prop="goods_name"> <el-form-item label="型号" prop="goods_name">
<el-autocomplete v-model="formParam.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete> <el-autocomplete v-model="formParam.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete>
</el-form-item> </el-form-item>
...@@ -11,84 +12,94 @@ ...@@ -11,84 +12,94 @@
<el-form-item label="分类"> <el-form-item label="分类">
<el-cascader clearable expand-trigger="hover" placeholder="试试搜索：分类" :options="options" filterable @change="handleChange"></el-cascader> <el-cascader clearable expand-trigger="hover" placeholder="试试搜索：分类" :options="options" filterable @change="handleChange"></el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="创建时间">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="formParam.date" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="submit">搜索</el-button> <el-button type="primary" @click="submit">搜索</el-button>
<el-button @click="resetForm('formParam')">重置</el-button> <el-button @click="resetForm('formParam')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-nav clr"> <!--操作区-->
<el-button type="primary" @click="updateBrand">修改</el-button> <div class="operation-area row verCenter bothSide">
<el-button type="primary" @click="downOut">导出</el-button> <div class="operation-button row verCenter">
<a :href="downHref" ref="downs" target="_blank" style="display:none">下载</a> <el-button type="primary" @click="downOut">导出</el-button>
<a :href="downHref" ref="downs" target="_blank" style="display:none">下载</a>
</div>
</div> </div>
<!--列表区-->
<div class="data-box th-all" v-if="tableData"> <div class="data-box th-all" v-if="tableData">
<el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange"> <el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="40"></el-table-column> <el-table-column fixed type="selection" width="40" align="center"></el-table-column>
<el-table-column prop="spu_name" label="型号" width="200" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="spu_name" label="型号" min-width="200" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="brand_name" label="品牌" width="200" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="brand_name" label="品牌" min-width="200" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="encap" label="封装" width="100" :show-overflow-tooltip="true"> <el-table-column prop="brand_standard_name" label="猎芯标准品牌名" min-width="200" :show-overflow-tooltip="true" align="center"></el-table-column>
</el-table-column> <el-table-column prop="encap" label="封装" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="pdf" label="规格书" width="100" :show-overflow-tooltip="true">
<template slot-scope="scope" v-if="scope.row.pdf">
<a :href="scope.row.pdf" target="_blank" class="pdf"><span class="icon iconfont"></span></a>
</template>
</el-table-column>
<el-table-column prop="images_l" label="图片" width="130" align="center"> <el-table-column prop="images_l" label="图片" width="130" align="center">
<template slot-scope="scope" v-if="scope.row.images_l"> <template slot-scope="scope" v-if="scope.row.images_l">
<el-image style="width: 100px; height: 23px" :src="scope.row.images_l" fit="cover" :preview-src-list="[scope.row.images_l]"></el-image> <el-image style="width: 100px; height: 23px" :src="scope.row.images_l" fit="cover" :preview-src-list="[scope.row.images_l]"></el-image>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="remark" label="商品备注" min-width="50" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="pdf" label="规格书" width="100" :show-overflow-tooltip="true" align="center">
<el-table-column prop="create_time" label="创建时间" width="140"></el-table-column> <template slot-scope="scope" v-if="scope.row.pdf">
<el-table-column prop="update_time" label="更新时间" width="140"></el-table-column> <a :href="scope.row.pdf" target="_blank" class="pdf"><span class="icon iconfont"></span></a>
</template>
</el-table-column>
<el-table-column prop="create_time" label="创建时间" width="140" align="center"></el-table-column>
</el-table> </el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination> <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div> </div>
<!--修改商品弹窗--> <!--修改商品弹窗-->
<el-dialog title="修改商品" :visible.sync="dialogVisible" width="1000px"> <el-dialog title="编辑商品" :visible.sync="dialogVisible" width="550px" custom-class="custom-dialog">
<div class="kc-mask"> <el-form :model="formParam" class="demo-form-inline" ref="formParam" label-width="120px">
<el-table :data="updateGoodsdata" border max-height="600"> <el-form-item label="型号" prop="goods_name">
<el-table-column prop="spu_name" label="型号" min-width="15%"> <el-input v-model="formParam.goods_name" placeholder="请输入型号" @keyup.enter.native="submit" clearable></el-input>
</el-table-column> </el-form-item>
<el-table-column prop="brand_name" label="品牌" min-width="15%"> <el-form-item label="品牌名" prop="goods_name">
</el-table-column> <el-input v-model="formParam.goods_name" placeholder="请输入品牌名" @keyup.enter.native="submit" clearable></el-input>
<el-table-column prop="encap" label="封装" min-width="15%"> </el-form-item>
</el-table-column> <el-form-item label="对应猎芯品牌名" prop="goods_name">
<el-table-column prop="pdf" label="规格书" min-width="15%"> <el-input v-model="formParam.goods_name" placeholder="请输入对应猎芯品牌名" @keyup.enter.native="submit" clearable></el-input>
<template slot-scope="scope" v-if="scope.row.pdf"> </el-form-item>
<a :href="scope.row.pdf" target="_blank" class="pdf"><span class="icon iconfont"></span></a> <el-form-item label="商品图片">
</template> <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
</el-table-column> <i class="el-icon-upload"></i>
<el-table-column prop="images_l" label="图片" min-width="15%"> <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<template slot-scope="scope" v-if="scope.row.images_l"> <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
<img :src="scope.row.images_l" class="brand-img" alt=""> </el-upload>
</template> </el-form-item>
</el-table-column> <el-form-item label="品牌授权书">
<el-table-column prop="remark" label="商品备注" width="320"> <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
<template slot-scope="scope"> <i class="el-icon-upload"></i>
<el-input v-model="scope.row.remark" placeholder="点击修改"></el-input> <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
</template> <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
</el-table-column> </el-upload>
</el-table> </el-form-item>
</div> <el-form-item label="规格书">
<span slot="footer" class="dialog-footer"> <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button> <el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submitUpdate">确 定</el-button> <el-button type="primary" @click="submitUpdate">确 定</el-button>
</span> </div>
</el-dialog> </el-dialog>
</div> </div>
<Menu/> <Menu/>
</div> </div>
</template> </template>
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import {Autocomplete, Button, Cascader, Dialog, Form, FormItem, Image, Input, Message, Option, Pagination, Select, Table, TableColumn} from 'element-ui' import {Autocomplete, Button, Cascader, DatePicker, Dialog, Form, FormItem, Image, Input, Message, Option, Pagination, Select, Table, TableColumn, Upload} from 'element-ui'
Vue.prototype.$message = Message Vue.prototype.$message = Message
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination) Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination);
Vue.use(TableColumn).use(Table).use(Cascader).use(Autocomplete).use(Image) Vue.use(TableColumn).use(Table).use(Cascader).use(Autocomplete).use(Image).use(DatePicker).use(Upload);
export default { export default {
name: "brand", name: "brand",
data() { data() {
...@@ -104,7 +115,8 @@ export default { ...@@ -104,7 +115,8 @@ export default {
brand_name: '', brand_name: '',
keyword: '', keyword: '',
class_id2: '', class_id2: '',
class_id1: '' class_id1: '',
date: ''
}, },
disabled: false, disabled: false,
timer: null, timer: null,
...@@ -251,6 +263,7 @@ export default { ...@@ -251,6 +263,7 @@ export default {
}) })
}, },
resetForm(formName) { resetForm(formName) {
this.formParam.date = '';
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
submit() { submit() {
...@@ -268,7 +281,7 @@ export default { ...@@ -268,7 +281,7 @@ export default {
brand_id: this.formParam.brand_id, brand_id: this.formParam.brand_id,
class_id2: this.formParam.class_id2, class_id2: this.formParam.class_id2,
class_id1: this.formParam.class_id1, class_id1: this.formParam.class_id1,
keyword: this.formParam.keyword, keyword: this.formParam.keyword
}).then(res => { }).then(res => {
if (res.code == 0) { if (res.code == 0) {
this.disabled = true; this.disabled = true;
...@@ -314,7 +327,6 @@ export default { ...@@ -314,7 +327,6 @@ export default {
this.$message('网络出现问题,请检查网络'); this.$message('网络出现问题,请检查网络');
this.disabled = false this.disabled = false
}) })
}, },
handleSizeChange(val) { handleSizeChange(val) {
this.limit = val; this.limit = val;
...@@ -339,4 +351,9 @@ export default { ...@@ -339,4 +351,9 @@ export default {
</script> </script>
<style scoped> <style scoped>
@import "../../assets/css/goods/goods.min.css"; @import "../../assets/css/goods/goods.min.css";
::v-deep .custom-dialog .el-dialog__body {
height: 500px;
overflow-y: auto;
}
</style> </style>
\ No newline at end of file
src/views/Index/index.vue
<template> <template>
<div class="home-index boxsiz"> <div class="home-index boxsiz">
<Menu/> <Menu/>
<ul class="survey-top row bothSide"> <div class="row bothSide verCenter survey-top-show">
<li class="boxsiz"> <div class="column left-bar">
<p class="top row bothSide verCenter"> <ul class="survey-top row bothSide boxsiz">
<span class="t1">SKU数</span> <li class="boxsiz">
</p> <p class="top row bothSide verCenter">
<p class="cen row rowCenter"> <span class="t1">SKU数</span>
<span class="t1">上架</span> </p>
<span class="t2">{{ data.all_sku_count }}</span> <p class="cen row rowCenter">
</p> <span class="t1">上架</span>
</li> <span class="t2">{{ data.all_sku_count }}</span>
<li class="boxsiz"> </p>
<p class="top row bothSide verCenter"> </li>
<span class="t1">商品总数</span> <li class="boxsiz" style="margin-right: 0">
</p> <p class="top row bothSide verCenter">
<p class="cen row rowCenter"> <span class="t1">商品总数</span>
<span class="t1">型号</span> </p>
<span class="t2 mr">{{ data.all_spu_count }}</span> <p class="cen row rowCenter">
<span class="t1">品牌</span> <span class="t1">型号</span>
<span class="t2">{{ data.brand_count }}</span> <span class="t2 mr">{{ data.all_spu_count }}</span>
</p> <span class="t1">品牌</span>
</li> <span class="t2">{{ data.brand_count }}</span>
<li class="boxsiz"> </p>
<p class="top row bothSide verCenter"> </li>
<span class="t1">询价总型号数</span> </ul>
<em class="t2 row rowCenter verCenter boxsiz">周</em> <ul class="survey-show row bothSide boxsiz">
</p> <li class="boxsiz">
<p class="cen row rowCenter"> <a class="wrap boxsiz" href="/#/list?status=3">
<span class="t2">{{ data.weekly_inquiry_count }}</span> <i class="iconfont iconclose"></i>
</p> <p class="t1">下架SKU</p>
<p class="bottom"> </a>
<span class="t1">历史询价总型号数：</span> <span class="color2">{{ data.off_shelf_sku_count }}</span>
<span class="t2">{{ data.all_inquiry_count }}</span> </li>
</p> <li class="boxsiz" style="margin-right: 0">
</li> <a class="wrap boxsiz" href="/#/inquire?status=1">
<li class="boxsiz"> <i class="iconfont iconjinzhi1"></i>
<p class="top row bothSide verCenter"> <p class="t1">待报价</p>
<span class="t1">报价总型号数</span> </a>
<em class="t2 row rowCenter verCenter boxsiz">周</em> <span class="color3">{{ data.inquiry_ready_count || 0 }}</span>
</p> </li>
<p class="cen row rowCenter"> </ul>
<span class="t2">{{ data.weekly_quote_count }}</span> </div>
</p> <!--猎芯网搜索型号、品牌TOP榜单-->
<p class="bottom"> <div class="liexin-search boxsiz">
<span class="t1">历史报价总型号数：</span> <div class="row bothSide verCenter head">
<span class="t2">{{ data.all_quote_count }}</span> <p class="title">
</p> <span>猎芯网搜索</span>
</li> <em>{{ flag ? '型号' : '品牌' }}</em>
</ul> <span>TOP榜单</span>
<ul class="survey-show row avarage boxsiz"> </p>
<li class="boxsiz"> <!--
<a class="wrap boxsiz" href="/#/list?status=3"> <div class="row verCenter switch" @click="switchChange">
<i class="iconfont iconclose"></i> <span>{{ flag ? '切换品牌' : '切换型号' }}</span>
<p class="t1">下架SKU</p> <i></i>
</a> </div>
<span class="color2">{{ data.off_shelf_sku_count }}</span> -->
</li> </div>
<li class="boxsiz"> <div class="search row verCenter">
<a class="wrap boxsiz" href="/#/inquire?status=1"> <i></i>
<i class="iconfont iconjinzhi1"></i> <input type="text" :placeholder="placeholderText" v-model="rankParam.keyword" @input="getSkuSearchRankList">
<p class="t1">待报价</p> </div>
</a> <div class="list">
<span class="color3">{{ data.inquiry_ready_count || 0 }}</span> <div class="row verCenter top-th">
</li> <span style="width: 70%">{{ flag ? '型号' : '品牌' }}</span>
<li class="boxsiz"> <span style="width: 30%">排名</span>
<a class="wrap boxsiz" href="/#/quote?status=2"> </div>
<i class="iconfont iconjinzhi2"></i> <div class="box-wrap">
<p class="t1">已选中报价</p> <div class="row verCenter box" v-for="(v,index) in rankList">
</a> <span CLASS="t1">{{ v.name }}</span>
<span class="color4">{{ data.quote_selected_count }}</span> <template v-if="v.rank == 1">
</li> <div class="sort row verCenter">
<li class="boxsiz"> <i class="i1"></i>
<a class="wrap boxsiz" href="/#/quote?status=3"> <em class="color1">NO.{{ v.rank }}</em>
<i class="iconfont iconjinzhi2"></i> </div>
<p class="t1">已成单报价</p> </template>
</a> <template v-else-if="v.rank == 2">
<span class="color5">{{ data.quote_deal_count }}</span> <div class="sort row verCenter">
</li> <i class="i2"></i>
</ul> <em class="color2">NO.{{ v.rank }}</em>
</div>
</template>
<template v-else-if="v.rank == 3">
<div class="sort row verCenter">
<i class="i3"></i>
<em class="color3">NO.{{ v.rank }}</em>
</div>
</template>
<template v-else>
<em class="t2">{{ v.rank }}</em>
</template>
</div>
</div>
</div>
</div>
</div>
<div class="rate-box boxsiz"> <div class="rate-box boxsiz">
<div class="rate-tab row bothSide verCenter"> <div class="rate-tab row bothSide verCenter">
<div class="row"> <div class="row">
...@@ -170,6 +186,13 @@ export default { ...@@ -170,6 +186,13 @@ export default {
inquiry_rank_list: [], inquiry_rank_list: [],
xAxis: [], xAxis: [],
series: [], series: [],
rankList: [],//搜索排名
flag: true,//切换品牌，型号
placeholderText: '输入型号，查看排名',
rankParam: {
type: 1,
keyword: ''
},
data: { data: {
weekly_quote_selected_count: 0, weekly_quote_selected_count: 0,
weekly_spu_count: 0, weekly_spu_count: 0,
...@@ -191,6 +214,7 @@ export default { ...@@ -191,6 +214,7 @@ export default {
this.getData(); this.getData();
this.getFrqRates(); this.getFrqRates();
this.getFrqStatInfo(); this.getFrqStatInfo();
this.getSkuSearchRankList();
}, },
methods: { methods: {
change(index, type) { change(index, type) {
...@@ -207,6 +231,21 @@ export default { ...@@ -207,6 +231,21 @@ export default {
this.getFrqStatInfo(this.offerDate); this.getFrqStatInfo(this.offerDate);
} }
}, },
/**
* 获取sku型号/品牌的搜索排名
*/
getSkuSearchRankList() {
this.$http('GET', "/api/sku/getSkuSearchRankList", this.rankParam).then(res => {
if (res.code === 0) {
this.rankList = res.data.rankList;
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
})
},
getFrqRates(type) { getFrqRates(type) {
//首页询报价比率信息 //首页询报价比率信息
this.$http('GET', "/api/statistics/getFrqRates", {type: type}).then(res => { this.$http('GET', "/api/statistics/getFrqRates", {type: type}).then(res => {
...@@ -264,6 +303,20 @@ export default { ...@@ -264,6 +303,20 @@ export default {
} }
}) })
}, },
/**
* 型号，品牌切换
*/
switchChange() {
this.flag = !this.flag;
if (this.flag) {
this.rankParam.type = 1;
this.placeholderText = '输入型号，查看排名';
} else {
this.rankParam.type = 2;
this.placeholderText = '输入品牌，查看排名';
}
this.getSkuSearchRankList();
},
echartsChange(xAxis, series, text) { echartsChange(xAxis, series, text) {
var myChart = echarts.init(document.getElementById('echarts_box')); var myChart = echarts.init(document.getElementById('echarts_box'));
var option = { var option = {
......
src/views/Info/message.vue
<template> <template>
<div class="messagexk pagex"> <div class="messagexk pagex">
<div class="message-box"> <div class="message-box">
<div class="h3">基本信息</div> <div class="tip">基本信息</div>
<el-form :model="userinfo" label-width="90px"> <div class="row verCenter">
<el-form-item label="公司名称"> <div class="up-box">
<el-input v-model="userinfo.company_name" placeholder="" disabled></el-input> <img :src="userinfo.avatar" class="imspre"/>
<el-upload class="avatar-uploader" :data="fileData" :action="upUrl" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
<span class="icon iconfont fl"></span>
<div class="fl">更换头像</div>
</el-upload>
</div>
<el-form :inline="true" :model="userinfo" label-width="90px">
<el-form-item label="公司名称">
<el-input v-model="userinfo.company_name" placeholder="" disabled style="width: 180px" :title="userinfo.company_name"></el-input>
</el-form-item>
<el-form-item label="联系人">
<el-input v-model="userinfo.contacts_name" style="width: 180px"></el-input>
</el-form-item>
<el-form-item label="联系人电话">
<el-input v-model="userinfo.mobile" disabled style="width: 180px"></el-input>
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model="userinfo.email" style="width: 180px"></el-input>
</el-form-item>
</el-form>
</div>
<div class="tip" style="margin-top: 20px">猎芯联系渠道</div>
<el-form :inline="true" :model="userinfo" label-width="124px">
<el-form-item label="猎芯专属采购经理">
<el-input v-model="userinfo.sku_user_info.name" placeholder="" :readonly="true"></el-input>
</el-form-item>
<el-form-item label="联系电话">
<el-input v-model="userinfo.sku_user_info.mobile" :readonly="true"></el-input>
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model="userinfo.sku_user_info.email" :readonly="true"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系人"> <br>
<el-input v-model="userinfo.contacts_name"></el-input> <el-form-item label="猎芯渠道经理">
<el-input v-model="userinfo.channel_user_info.name" :readonly="true"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系人电话"> <el-form-item label="联系电话">
<el-input v-model="userinfo.mobile" disabled></el-input> <el-input v-model="userinfo.channel_user_info.mobile" :readonly="true"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="邮箱"> <el-form-item label="邮箱">
<el-input v-model="userinfo.email"></el-input> <el-input v-model="userinfo.channel_user_info.email" :readonly="true"></el-input>
</el-form-item> </el-form-item>
<el-form-item> </el-form>
<el-button type="primary" @click="submituser">确认</el-button> <div class="tip" style="margin-top: 20px">意见反馈渠道</div>
<el-form :inline="true" :model="userinfo" label-width="124px">
<el-form-item label="运营总监">
<el-input value="Sophie（符静女士）" placeholder=""></el-input>
</el-form-item>
<el-form-item label="邮箱">
<el-input value="sophie@ichunt.com"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="fl up-box"> <el-row>
<img :src="userinfo.avatar" class="imspre" /> <el-button type="primary" @click="submituser">编辑</el-button>
<el-upload class="avatar-uploader" :data="fileData" :action="upUrl" :show-file-list="false" :on-success="handleAvatarSuccess" </el-row>
:before-upload="beforeAvatarUpload">
<span class="icon iconfont fl"></span>
<div class="fl">更换头像</div>
</el-upload>
</div>
</div> </div>
<Menu /> <Menu/>
</div> </div>
</template> </template>
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import { import {NODE_ENVS} from "../../ajax";
NODE_ENVS import Tool from '../../tool'
} from "../../ajax"; import {Form, FormItem, Input, Message, Row, Upload} from 'element-ui'
import Tool from '../../tool'
import {
Form,
FormItem,
Input,
Upload,
Message
} from 'element-ui'
Vue.prototype.$message=Message
Vue.use(Form).use(FormItem).use(Input).use(Upload)
export default {
name: "message",
data() {
return {
upUrl: NODE_ENVS + '/api/user/setavatar',
fileData:{token:Tool.getCookie('token')},
userinfo: {
company_name: '',
contacts_name: '',
mobile: '',
email: '',
avatar: 'https://www.ichunt.com/v3/dist/res/home/images/headimg/boy1.png'
}
};
},
watch: {},
created() {
this.getUseInfo()
},
computed: {},
methods: {
getUseInfo() {
if (window.userInfo) {
this.userinfo = window.userInfo;
} else {
this.$http('get', "/api/user/getuserinfo").then(res => {
this.userinfo = res.data;
window.userInfo=res.data
})
}
},
submituser() {
this.$http('post', "/api/user/setuserinfo", {
email: this.userinfo.email,
contacts_name: this.userinfo.contacts_name
}).then(res => {
if (res.code === 0) {
this.$message("提交成功");
sessionStorage.removeItem('userInfox')
} else {
this.$message(res.msg);
}
Vue.prototype.$message = Message;
Vue.use(Form).use(FormItem).use(Input).use(Upload).use(Row);
export default {
name: "message",
data() {
return {
upUrl: NODE_ENVS + '/api/user/setavatar',
fileData: {token: Tool.getCookie('token')},
userinfo: {
company_name: '',
contacts_name: '',
mobile: '',
email: '',
avatar: 'https://www.ichunt.com/v3/dist/res/home/images/headimg/boy1.png'
}
};
},
created() {
this.getUseInfo()
},
computed: {},
methods: {
getUseInfo() {
if (window.userInfo) {
this.userinfo = window.userInfo;
} else {
this.$http('get', "/api/user/getuserinfo").then(res => {
this.userinfo = res.data;
window.userInfo = res.data
}) })
}, }
handleAvatarSuccess(res, file) { },
submituser() {
this.$http('post', "/api/user/setuserinfo", {
email: this.userinfo.email,
contacts_name: this.userinfo.contacts_name
}).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.$message("设置成功") this.$message({
this.userinfo.avatar = URL.createObjectURL(file.raw); message: '操作成功',
type: 'success'
});
sessionStorage.removeItem('userInfox') sessionStorage.removeItem('userInfox')
} else { } else {
this.$message(res.msg); this.$message({
} message: res.msg,
type: 'warning'
}, });
beforeAvatarUpload(file) {
const isJPG = file.type === 'image/jpeg' ||file.type === 'image/png' || file.type === 'image/jpg' ||file.type === 'image/gif';
const isLt2M = file.size / 1024 / 1024 < 5;
if (!isJPG) {
this.$message('上传头像图片只能是 JPG、PNG、GIF 格式!');
}
if (!isLt2M) {
this.$message('上传头像图片大小不能超过 5MB!');
} }
return isJPG && isLt2M; })
},
handleAvatarSuccess(res, file) {
if (res.code === 0) {
this.$message({
message: '设置成功',
type: 'success'
});
this.userinfo.avatar = URL.createObjectURL(file.raw);
sessionStorage.removeItem('userInfox')
} else {
this.$message({
message: res.msg,
type: 'warning'
});
} }
}, },
components: { beforeAvatarUpload(file) {
Menu const isJPG = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg' || file.type === 'image/gif';
const isLt2M = file.size / 1024 / 1024 < 5;
if (!isJPG) {
this.$message({
message: '上传头像图片只能是 JPG、PNG、GIF 格式!',
type: 'warning'
});
}
if (!isLt2M) {
this.$message({
message: '上传头像图片大小不能超过 5MB!',
type: 'warning'
});
}
return isJPG && isLt2M;
} }
}; },
components: {
Menu
}
};
</script> </script>
<style scoped> <style scoped>
@import "../../assets/css/info/message.min.css"; @import "../../assets/css/info/message.min.css";
.tip {
padding: 8px 16px;
background-color: #ecf8ff;
border-radius: 4px;
border-left: 5px solid #50bfff;
margin-bottom: 10px;
}
</style> </style>
\ No newline at end of file
src/views/InquireTransform/index.vue 0 → 100644
<template>
<section class="pagex">
<div>
<!--搜索区-->
<el-form :inline="true" :model="formInline" ref="formInline" label-width="100px">
<el-form-item label="型号" prop="goods_name">
<el-autocomplete v-model="formInline.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete>
</el-form-item>
<el-form-item label="品牌" prop="brand_name">
<el-autocomplete v-model="formInline.brand_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsyncBrand" placeholder="请输入品牌" clearable></el-autocomplete>
</el-form-item>
<el-form-item label="来源" prop="source">
<el-select v-model="formInline.source" placeholder="请选择" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="现货库存" value="1">现货库存</el-option>
<el-option label="优势物料" value="2">优势物料</el-option>
</el-select>
</el-form-item>
<el-form-item label="状态" prop="source">
<el-select v-model="formInline.up_status" placeholder="请选择" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="上架" value="1">上架</el-option>
<el-option label="下架" value="2">下架</el-option>
</el-select>
</el-form-item>
<el-form-item label="库存更新时间">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="update_time_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item label="上架有效期">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="up_valid_time_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">搜索</el-button>
<el-button @click="resetForm('formInline')">重置</el-button>
</el-form-item>
</el-form>
<!--操作区-->
<div class="operation-area row verCenter bothSide">
<div class="operation-button row verCenter">
<el-button type="primary" @click="exportChange">导出</el-button>
<div class="text-tip row verCenter">
<i class="el-icon-warning"></i>
<span>该页面展示的数据为：统计贵司上传的型号获得询价及最终转化成单的情况</span>
</div>
</div>
<div class="operation-filter row verCenter">
<el-date-picker v-model="create_time_val" @change="changtime" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" :picker-options="pickerOptions"></el-date-picker>
</div>
</div>
<!--列表区-->
<div class="data-box" style="position: relative;">
<el-table :data="list" border max-height="600" @sort-change="sortChange">
<el-table-column prop="goods_name" label="型号" :show-overflow-tooltip="true" width="150" align="center"></el-table-column>
<el-table-column prop="brand_name" label="品牌" :show-overflow-tooltip="true" width="150" align="center"></el-table-column>
<el-table-column prop="source" label="来源" :show-overflow-tooltip="true" width="80" align="center"></el-table-column>
<el-table-column prop="inquiry_num" label="询价次数" :show-overflow-tooltip="true" width="100" align="center">
<template v-slot:header='scope'>
<div class="row verCenter">
<span>询价次数</span>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">统计贵司上传的型号从【猎芯询报价系统】自动匹配推送过来的询价次数</div>
</el-tooltip>
</div>
</template>
</el-table-column>
<el-table-column prop="inquiry_sort" label="询价排名" :show-overflow-tooltip="true" width="100" sortable='custom' align="center">
<template slot-scope="scope">
<span v-if="scope.row.inquiry_sort == 1" style="color: #FF0000;font-weight: bold;">{{ scope.row.inquiry_sort }}</span>
<span v-else-if="scope.row.inquiry_sort == 2" style="color: #1969F9;font-weight: bold;">{{ scope.row.inquiry_sort }}</span>
<span v-else-if="scope.row.inquiry_sort == 3" style="color: #50C28B;font-weight: bold;">{{ scope.row.inquiry_sort }}</span>
<span v-else>{{ scope.row.inquiry_sort }}</span>
</template>
</el-table-column>
<el-table-column prop="quote_num" label="报价次数" :show-overflow-tooltip="true" width="100" align="center">
<template v-slot:header='scope'>
<div class="row verCenter">
<span>报价次数</span>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">统计贵司获得【猎芯询报价系统】推送的询价后，参与报价的次数</div>
</el-tooltip>
</div>
</template>
</el-table-column>
<el-table-column prop="quote_sort" label="报价排名" :show-overflow-tooltip="true" width="100" sortable='custom' align="center">
<template slot-scope="scope">
<span v-if="scope.row.quote_sort == 1" style="color: #FF0000;font-weight: bold;">{{ scope.row.quote_sort }}</span>
<span v-else-if="scope.row.quote_sort == 2" style="color: #1969F9;font-weight: bold;">{{ scope.row.quote_sort }}</span>
<span v-else-if="scope.row.quote_sort == 3" style="color: #50C28B;font-weight: bold;">{{ scope.row.quote_sort }}</span>
<span v-else>{{ scope.row.quote_sort }}</span>
</template>
</el-table-column>
<el-table-column prop="inquiry_change_quote_rate" label="询报价转化率" :show-overflow-tooltip="true" width="120" align="center">
<template v-slot:header='scope'>
<div class="row verCenter">
<span>询报价转化率</span>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">统计贵司从询价单推送报价单的转化率</div>
</el-tooltip>
</div>
</template>
</el-table-column>
<el-table-column prop="success_order_num" label="成单次数" :show-overflow-tooltip="true" width="100" align="center">
<template v-slot:header='scope'>
<div class="row verCenter">
<span>成单次数</span>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">统计贵司推送报价之后，最终和猎芯达成合作，成交订单的次数</div>
</el-tooltip>
</div>
</template>
</el-table-column>
<el-table-column prop="success_order_sort" label="成单排名" :show-overflow-tooltip="true" width="100" sortable='custom' align="center">
<template slot-scope="scope">
<span v-if="scope.row.success_order_sort == 1" style="color: #FF0000;font-weight: bold;">{{ scope.row.success_order_sort }}</span>
<span v-else-if="scope.row.success_order_sort == 2" style="color: #1969F9;font-weight: bold;">{{ scope.row.success_order_sort }}</span>
<span v-else-if="scope.row.success_order_sort == 3" style="color: #50C28B;font-weight: bold;">{{ scope.row.success_order_sort }}</span>
<span v-else>{{ scope.row.success_order_sort }}</span>
</template>
</el-table-column>
<el-table-column prop="quote_change_success_order_rate" label="报价成单转化率" :show-overflow-tooltip="true" width="130" align="center">
<template v-slot:header='scope'>
<div class="row verCenter">
<span>报价成单转化率</span>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">统计贵司推送报价之后，最终和猎芯达成合作，成交订单的转化率</div>
</el-tooltip>
</div>
</template>
</el-table-column>
<el-table-column prop="stock" label="库存" :show-overflow-tooltip="true" width="100" align="center"></el-table-column>
<el-table-column prop="price" label="价格" :show-overflow-tooltip="true" width="100" align="center"></el-table-column>
<el-table-column prop="chinese_delivery_time_cn" label="大陆交期" :show-overflow-tooltip="true" width="120" align="center"></el-table-column>
<el-table-column prop="chinese_hongkong_delivery_time_cn" label="香港交期" :show-overflow-tooltip="true" width="120" align="center"></el-table-column>
<el-table-column prop="up_status_cn" label="状态" :show-overflow-tooltip="true" width="80">
<template slot-scope="scope">
<el-tag type="success" v-if="scope.row.up_status == 1">{{ scope.row.up_status_cn }}</el-tag>
<el-tag type="info" v-else-if="scope.row.up_status == 2">{{ scope.row.up_status_cn }}</el-tag>
<span v-else>{{ scope.row.up_status_cn }}</span>
</template>
</el-table-column>
<el-table-column prop="update_time_cn" label="更新时间" :show-overflow-tooltip="true" width="160" align="center"></el-table-column>
<el-table-column prop="up_valid_time_cn" label="上架有效期" :show-overflow-tooltip="true" width="160" align="center"></el-table-column>
</el-table>
<div class="row bothSide">
<p class="tetx-goods row verCenter">
<span>上传型号总数：</span><em>{{ bottom_info.upload_goods_name_sum }}</em>
<span>参与询价型号总数：</span><em>{{ bottom_info.inquiry_goods_name_sum }}</em>
<span>参与报价型号总数：</span><em>{{ bottom_info.quote_goods_name_sum }}</em>
<span>成单型号总数：</span><em>{{ bottom_info.success_order_goods_name_sum }}</em>
</p>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div>
</div>
</div>
<Menu/>
</section>
</template>
<script>
import Vue from 'vue';
import Menu from "@/components/menu.vue";
import {Autocomplete, Button, DatePicker, Descriptions, DescriptionsItem, Dialog, Divider, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Popover, Radio, RadioButton, RadioGroup, Select, Table, TableColumn, Tabs, Tag, Tooltip} from 'element-ui'
import Tool from "@/tool";
import {NODE_ENVS} from "@/ajax";
import qs from 'qs';
Vue.prototype.$message = Message
Vue.prototype.$confirm = MessageBox.confirm;
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Tooltip).use(Autocomplete).use(Popover).use(Tag).use(Divider);
Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination).use(Descriptions).use(DescriptionsItem).use(Tabs).use(Radio).use(RadioGroup).use(RadioButton);
export default {
name: "inquireTransform",
data() {
return {
pickerOptions: {
shortcuts: [{
text: '最近一个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近三个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近1年',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 365);
picker.$emit('pick', [start, end]);
}
}]
},
total: 0,
page: 1,
limit: 10,
list: [],
tabPosition: 0,
update_time_val: '',
up_valid_time_val: '',
create_time_val: '',
bottom_info: {},
formInline: {
order_by: '',
asc: '',
goods_name: '',//型号
brand_name: '',//品牌
source: '',//来源
up_status: '',//状态
update_time: '',//更新时间
up_valid_time: '',//上架有效期
create_time: ''//创建时间
}
};
},
created() {
this.getData()
},
methods: {
getData() {
//格式化时间
if (this.update_time_val) {
this.formInline.update_time = this.update_time_val[0] + '~' + this.update_time_val[1];
} else {
this.formInline.update_time = '';
}
if (this.up_valid_time_val) {
this.formInline.up_valid_time = this.up_valid_time_val[0] + '~' + this.up_valid_time_val[1];
} else {
this.formInline.up_valid_time = '';
}
if (this.create_time_val) {
this.formInline.create_time = this.create_time_val[0] + '~' + this.create_time_val[1];
} else {
this.formInline.create_time = '';
}
var params = Object.assign({}, {page: this.page, limit: this.limit}, this.formInline);
this.$http('GET', "/api/statistics/inquiryChangeStatisticsList", params).then(res => {
if (res.code === 0) {
this.list = res.data.list || [];
this.bottom_info = res.data.bottom_info;
this.total = Number(res.data.total) || 0;
} else {
this.$message({
message: res.msg,
type: 'error'
});
}
})
},
/**
* 导出
*/
exportChange() {
var params = Object.assign({}, {token: Tool.getCookie('token')}, this.formInline, {is_export: 1})
var url = NODE_ENVS + '/api/statistics/inquiryChangeStatisticsList?' + qs.stringify(params);
const newsUrl = this.$router.resolve(url);
window.open(url);
},
/**
* 自定义排序
*/
sortChange(column, key, order) {
this.formInline.order_by = column.prop;
if (column.order == 'ascending') {
this.formInline.asc = 'asc';
} else if (column.order == 'descending') {
this.formInline.asc = 'desc';
}
this.getData();
},
/**
* 创建时间监听
* @param val
*/
changtime(val) {
this.getData();
},
/**
* 搜索型号
* @param queryString
* @param cb
*/
querySearchAsync(queryString, cb) {
this.$http('get', "/api/search/getspu", {
spu_name: queryString
}).then(res => {
if (res.code == 0) {
if (res.data.list.length > 0) {
var arrlist_ = res.data.list || [];
var arr_ = []
for (var i = 0; i < arrlist_.length; i++) {
arr_.push({
value: arrlist_[i]['spu_name']
})
}
cb(arr_);
} else {
cb([]);
}
}
})
},
/**
* 品牌
* @param queryString
* @param cb
*/
querySearchAsyncBrand(queryString, cb) {
this.$http('get', "/api/brand/get_stand_brand", {
brand: queryString
}).then(res => {
if (res.code == 0) {
if (res.data.list.length > 0) {
var arrlist_ = res.data.list || [];
var arr_ = []
for (var i = 0; i < arrlist_.length; i++) {
arr_.push({
value: arrlist_[i]
})
}
cb(arr_);
} else {
cb([]);
}
}
})
},
/**
* 搜索
*/
onSubmit() {
this.page = 1;
this.getData();
},
/**
* 重置
* @param formName
*/
resetForm(formName) {
this.update_time_val = '';
this.up_valid_time_val = '';
this.$refs[formName].resetFields();
},
/**
* 分页条数切换
* @param val
*/
handleSizeChange(val) {
this.limit = val;
this.getData();
},
/**
* 分页点击切换
* @param val
*/
handleCurrentChange(val) {
this.page = val;
this.getData();
}
},
components: {
Menu
}
};
</script>
<style scoped lang="less">
.tetx-goods {
font-size: 12px;
margin-top: 20px;
flex-wrap: wrap;
span {
color: #F59A23;
font-weight: bold;
}
em {
color: #FF0000;
font-weight: bold;
margin-right: 15px;
}
}
</style>
\ No newline at end of file
src/views/List/inquire.vue
<template> <template>
<section class="inquire pagex"> <section class="inquire pagex">
<div class="inquire-con"> <div class="inquire-con">
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam"> <!--搜索区-->
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam" label-width="100px">
<el-form-item label="询价单号" prop="inquiry_sn">
<el-input v-model="formParam.inquiry_sn" placeholder="请输入询价单号" @keyup.enter.native="submit" clearable></el-input>
</el-form-item>
<el-form-item label="型号" prop="goods_name"> <el-form-item label="型号" prop="goods_name">
<el-autocomplete v-model="formParam.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete> <el-autocomplete v-model="formParam.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete>
</el-form-item> </el-form-item>
...@@ -16,24 +20,62 @@ ...@@ -16,24 +20,62 @@
<el-option label="已报价" value="2"></el-option> <el-option label="已报价" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="询价日期"> <el-form-item label="是否成单" prop="is_purchased">
<el-date-picker v-model="formParam.date" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker> <el-select v-model="formParam.is_purchased" placeholder="请选择" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="是" value="1"></el-option>
<el-option label="否" value="0"></el-option>
</el-select>
</el-form-item>
<el-form-item label="客户性质" prop="customer_tag">
<el-select v-model="formParam.customer_tag" placeholder="请选择" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="KA终端" value="KA终端"></el-option>
<el-option label="SMB终端" value="SMB终端"></el-option>
<el-option label="贸易商" value="贸易商"></el-option>
<el-option label="科研院校" value="科研院校"></el-option>
<el-option label="其他" value="其他"></el-option>
</el-select>
</el-form-item>
<el-form-item label="来源类型" prop="source_from">
<el-select v-model="formParam.source_from" placeholder="请选择" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="精准匹配" value="0"></el-option>
<el-option label="历史成单" value="1"></el-option>
</el-select>
</el-form-item>
<el-form-item label="询价时间">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="create_time_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item label="询价有效期">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="deadline_time_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="onSubmit">搜索</el-button> <el-button type="primary" @click="onSubmit">搜索</el-button>
<el-button @click="resetForm('formParam')">重置</el-button> <el-button @click="resetForm('formParam')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-nav clr"> <!--操作区-->
<el-button type="primary" @click="detail">报价</el-button> <div class="operation-area row verCenter bothSide">
<el-button type="primary" @click="exportChange">导出</el-button> <div class="operation-button row verCenter">
<el-button type="danger" @click="del">删除</el-button> <el-button type="primary" @click="exportChange">导出</el-button>
<el-button type="danger" @click="del">删除</el-button>
</div>
<div class="text-tip row verCenter">
<i class="el-icon-warning"></i>
<span>该页面展示的数据为：猎芯客户发起的询价信息（贵司上传的型号及优势物料，会自动参与【猎芯询报价】系统的询价</span>
</div>
</div> </div>
<!--列表区-->
<div class="data-box"> <div class="data-box">
<el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange"> <el-table key="listTable" :data="tableData" border max-height="600" @selection-change="handleSelectionChange" @row-click="rowClick" highlight-current-row>
<el-table-column type="selection" width="40" align="center"></el-table-column> <el-table-column type="selection" width="40" align="center" fixed></el-table-column>
<el-table-column prop="inquiry_sn" label="询价单号" width="160" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="inquiry_sn" label="询价单号" width="160" :show-overflow-tooltip="true" align="center">
<el-table-column prop="goods_name" label="型号" width="160" :show-overflow-tooltip="true"> <template slot-scope="scope">
<a class="alink" href="javascript:;">{{ scope.row.inquiry_sn }}</a>
</template>
</el-table-column>
<el-table-column prop="goods_name" label="型号" width="160" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="p-copy"> <div class="p-copy">
<p style="padding-right:25px;">{{ scope.row.goods_name }}</p> <p style="padding-right:25px;">{{ scope.row.goods_name }}</p>
...@@ -41,21 +83,54 @@ ...@@ -41,21 +83,54 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="brand_name" label="品牌" width="150" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="brand_name" label="品牌" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="inquiry_number" label="数量" width="80" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="inquiry_number" label="数量" width="80" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="batch" label="批次" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="batch" label="批次" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="delivery_time" label="交货日期" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="delivery_time" label="交货日期" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="i_status" label="状态" width="100" :show-overflow-tooltip="true"> <el-table-column prop="quote_num" label="报价数" width="80" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.i_status==2" class="f-green">已报价</span> <span style="color: #1969F9;">{{ scope.row.quote_num }}</span>
<span v-else-if="scope.row.i_status==1" class="f-yellow1">待报价</span>
<span v-else-if="scope.row.i_status==9">已删除</span>
<span v-else-if="scope.row.i_status==-1" class="f-red1">已关闭</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="quote_num" label="报价数" width="100" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="i_status" label="状态" width="100" :show-overflow-tooltip="true" align="center">
<el-table-column prop="inquiry_time" label="询价时间" width="160" :show-overflow-tooltip="true"></el-table-column> <template slot-scope="scope">
<el-table-column prop="deadline_time" label="询价有效期" width="160" :show-overflow-tooltip="true"></el-table-column> <el-tag v-if="scope.row.i_status==2" type="success">已报价</el-tag>
<el-tag v-else-if="scope.row.i_status==1">待报价</el-tag>
<el-tag v-else-if="scope.row.i_status==9" type="danger">已删除</el-tag>
<el-tag v-else-if="scope.row.i_status==-1" type="warning">已关闭</el-tag>
</template>
</el-table-column>
<el-table-column prop="buyer_info" label="猎芯采购员" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-popover placement="bottom" title="采购员联系方式" width="200" trigger="hover">
<div class="contact-information">
<p class="row verCenter" v-if="scope.row.buyer_info"><em>电话：</em><span>{{ scope.row.buyer_info.mobile }}</span></p>
<p class="row verCenter" v-if="scope.row.buyer_info"><em>邮箱：</em><span>{{ scope.row.buyer_info.email }}</span></p>
</div>
<a slot="reference" href="javascript:;" class="alink" v-if="scope.row.buyer_info">{{ scope.row.buyer_info.buyer_name }}</a>
</el-popover>
</template>
</el-table-column>
<el-table-column prop="is_purchased_val" label="是否成单" width="80" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<!--未成单-->
<span v-if="scope.row.is_purchased == 0">{{ scope.row.is_purchased_val }}</span>
<!--成单-->
<a v-if="scope.row.is_purchased == 1" class="alink" :href="'/#/orderTrackGoods?inquiry_sn='+scope.row.inquiry_sn">{{ scope.row.is_purchased_val }}</a>
</template>
</el-table-column>
<el-table-column prop="customer_tag" label="客户性质" width="80" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="source_from_val" label="来源类型" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<span>{{ scope.row.source_from_val }}</span>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">{{ scope.row.source_from_tips }}</div>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="inquiry_time" label="询价时间" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="deadline_time" label="询价有效期" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column fixed="right" label="操作" width="110" align="center"> <el-table-column fixed="right" label="操作" width="110" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="primary" size="mini" class="yunyin-btn">查看日志</el-button> <el-button @click="handleClick(scope.row)" type="primary" size="mini" class="yunyin-btn">查看日志</el-button>
...@@ -64,47 +139,454 @@ ...@@ -64,47 +139,454 @@
</el-table> </el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination> <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div> </div>
<!--报价小助手信息-->
<template v-if="listVisible && tableData.length > 0">
<i class="ic"></i>
<div style="margin-bottom: 20px;">
<el-radio-group v-model="tabIndex" @change="change(tabIndex)">
<el-radio-button label="0">当前报价</el-radio-button>
<el-radio-button label="1">匹配库存</el-radio-button>
<el-radio-button label="2">历史报价</el-radio-button>
</el-radio-group>
</div>
<!--当前报价-->
<template v-if="tabIndex == 0">
<el-table key="currentQuotoDataList" :data="currentQuotoDataList" border max-height="500" highlight-current-row>
<el-table-column label="操作" width="66" align="center">
<template slot-scope="scope">
<!--待确认-->
<a href="javascript:;" @click="edit(scope.row)" class="row rowCenter verCenter btn-element" v-if="scope.row.quote_status == 7" style="background: #ff7e11">待报价</a>
<!--已成单-->
<a href="javascript:;" @click="edit(scope.row)" class="row rowCenter verCenter btn-element" v-else-if="scope.row.quote_status == 3" style="background: #aaaaaa">修改</a>
<!--确认中-->
<a href="javascript:;" @click="edit(scope.row)" class="row rowCenter verCenter btn-element" v-else-if="scope.row.quote_status == 1">修改</a>
</template>
</el-table-column>
<el-table-column prop="expire_time" label="报价有效期" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="buyer_info" label="猎芯采购员" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-popover placement="bottom" title="采购员联系方式" width="200" trigger="hover">
<div class="contact-information">
<p class="row verCenter" v-if="scope.row.buyer_info"><em>电话：</em><span>{{ scope.row.buyer_info.mobile }}</span></p>
<p class="row verCenter" v-if="scope.row.buyer_info"><em>邮箱：</em><span>{{ scope.row.buyer_info.email }}</span></p>
</div>
<a slot="reference" href="javascript:;" class="alink" v-if="scope.row.buyer_info">{{ scope.row.buyer_info.buyer_name }}</a>
</el-popover>
</template>
</el-table-column>
<el-table-column prop="goods_name" label="报价型号" width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="brand_name" label="品牌" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="status" label="状态" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-tag v-if="scope.row.quote_status==1" type="info">确认中</el-tag>
<el-tag v-else-if="scope.row.quote_status==2" type="success">已选中</el-tag>
<a v-else-if="scope.row.quote_status==3" class="alink" :href="'/#/orderTrackGoods?inquiry_item_id='+scope.row.inquiry_items_id">已成单</a>
<el-tag v-else-if="scope.row.quote_status==4" type="warning">已关闭</el-tag>
<el-tag v-else-if="scope.row.quote_status==7">待确认</el-tag>
<template v-if="scope.row.status_tips">
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">{{ scope.row.status_tips }}</div>
</el-tooltip>
</template>
</template>
</el-table-column>
<el-table-column prop="expire_status_val" label="是否有效" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<span v-if="scope.row.expire_status_val == '否'">{{ scope.row.expire_status_val }}</span>
<span class="alink" v-else>{{ scope.row.expire_status_val }}</span>
</template>
</el-table-column>
<el-table-column prop="price_origin" label="价格" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<span>{{ scope.row.price_origin|floatZero }}</span>
</template>
</el-table-column>
<el-table-column prop="currency" label="币种" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<span v-if="scope.row.currency==1">人民币</span>
<span v-else-if="scope.row.currency==2">美元</span>
<span v-else-if="scope.row.currency==3">港币</span>
<span v-else-if="scope.row.currency==4">欧元</span>
<span v-else-if="scope.row.currency==5">英磅</span>
</template>
</el-table-column>
<el-table-column prop="tax_rate" label="税率" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="batch" label="批次" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="delivery_time" label="货期" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="mpq" label="最小包装数量" width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="moq" label="起订量" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="price_other" label="其他费用" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<span>{{ scope.row.price_other|floatZero }}</span>
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="quote_time" label="报价时间" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
</el-table>
</template>
<!--匹配库存-->
<template v-else-if="tabIndex == 1">
<el-table key="matchingskuDataList" :data="matchingskuDataList" border max-height="500" highlight-current-row>
<el-table-column label="操作" width="60" align="center">
<template slot-scope="scope">
<!--待报价和已报价才可以新增报价-->
<template v-if="inquireObj.i_status == 1 || inquireObj.i_status == 2">
<template v-if="scope.row.is_bind != 1">
<a href="javascript:;" @click="editSku(scope.row)" class="row rowCenter verCenter btn-element">选择</a>
</template>
<template v-else>
<a class="row rowCenter verCenter btn-element" style="background: #ccc">选择</a>
</template>
</template>
</template>
</el-table-column>
<el-table-column prop="goods_name" label="型号" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="brand_name" label="品牌" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="batch_sn" label="批次" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="moq" label="起订量" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="mpq" label="标准包装量" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="stock" label="库存数量" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="cn_ladder_price" label="国内含税价" width="120" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope" v-if="scope.row.cn_ladder_price&&scope.row.cn_ladder_price.length>0">
<el-popover effect="light" trigger="hover" placement="bottom">
<p class="row" v-for="item in scope.row.cn_ladder_price">
<span>{{ item.purchases }}+</span>
<span style="margin-left: 5px">&yen;{{ item.price }}</span>
</p>
<a slot="reference" href="javascript:;" class="alink">查看</a>
</el-popover>
</template>
</el-table-column>
<el-table-column prop="hk_ladder_price" label="香港交货价" width="120" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope" v-if="scope.row.hk_ladder_price&&scope.row.hk_ladder_price.length>0">
<el-popover effect="light" trigger="hover" placement="bottom">
<p class="row" v-for="item in scope.row.hk_ladder_price">
<span>{{ item.purchases }}+</span>
<span style="margin-left: 5px">&yen;{{ item.price }}</span>
</p>
<a slot="reference" href="javascript:;" class="alink">查看</a>
</el-popover>
</template>
</el-table-column>
<el-table-column prop="cn_delivery_time" label="大陆交期" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="hk_delivery_time" label="香港交期" width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="goods_status" label="状态" width="150" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-tag type="success" v-if="scope.row.goods_status==1" class="f-green">上架</el-tag>
<el-tag type="info" v-else-if="scope.row.goods_status==3">下架</el-tag>
</template>
</el-table-column>
</el-table>
</template>
<!--历史报价-->
<template v-else-if="tabIndex == 2">
<el-table key="historyDataList" :data="historyDataList" border max-height="500" highlight-current-row>
<el-table-column label="操作" width="60" align="center">
<template slot-scope="scope">
<!--待报价和已报价才可以新增报价-->
<template v-if="inquireObj.i_status == 1 || inquireObj.i_status == 2">
<template v-if="scope.row.is_bind != 1">
<a href="javascript:;" @click="edit(scope.row)" class="row rowCenter verCenter btn-element">选择</a>
</template>
<template v-else>
<a class="row rowCenter verCenter btn-element" style="background: #ccc">选择</a>
</template>
</template>
</template>
</el-table-column>
<el-table-column prop="expire_time" label="报价有效期" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="buyer_info" label="猎芯采购员" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-popover placement="bottom" title="采购员联系方式" width="200" trigger="hover">
<div class="contact-information">
<p class="row verCenter" v-if="scope.row.buyer_info"><em>电话：</em><span>{{ scope.row.buyer_info.mobile }}</span></p>
<p class="row verCenter" v-if="scope.row.buyer_info"><em>邮箱：</em><span>{{ scope.row.buyer_info.email }}</span></p>
</div>
<a slot="reference" href="javascript:;" class="alink" v-if="scope.row.buyer_info">{{ scope.row.buyer_info.buyer_name }}</a>
</el-popover>
</template>
</el-table-column>
<el-table-column prop="goods_name" label="报价型号" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="brand_name" label="品牌" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="status" label="状态" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-tag type="info" v-if="scope.row.status==1">比价中</el-tag>
<el-tag type="info" v-else-if="scope.row.status==2">已选中</el-tag>
<el-tag type="info" v-else-if="scope.row.status==3">已确认</el-tag>
<el-tag type="success" v-else-if="scope.row.status==4">已成单</el-tag>
<el-tag type="warning" v-else-if="scope.row.status==5">已关闭</el-tag>
<el-tag type="danger" v-else-if="scope.row.status==9">已删除</el-tag>
<el-tag type="warning" v-else-if="scope.row.status==-1">已撤销</el-tag>
</template>
</el-table-column>
<el-table-column prop="expire_status_val" label="是否有效" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="price_rmb" label="价格" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<span v-if="scope.row.currency == 1">{{ scope.row.price_rmb|floatZero }}</span>
<span v-else>{{ scope.row.price_origin|floatZero }}</span>
</template>
</el-table-column>
<el-table-column prop="currency_val" label="币种" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="tax_rate" label="税率" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="batch" label="批次" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="delivery_time" label="货期" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="mpq" label="最小包装数量" width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="moq" label="起订量" width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="price_other" label="其他费用" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<span>{{ scope.row.price_other|floatZero }}</span>
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="create_time" label="报价时间" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
</el-table>
</template>
</template>
</div> </div>
<Menu/> <Menu/>
<el-dialog title="询价管理日志" :close-on-click-modal="false" :visible.sync="dialogVisible" width="1000px"> <!--弹窗日志-->
<el-dialog title="询价管理日志" :close-on-click-modal="false" :visible.sync="dialogVisibleLog" width="1000px">
<el-table :data="logs" border max-height="600"> <el-table :data="logs" border max-height="600">
<el-table-column prop="create_time" label="时间" min-width="150" align="center"></el-table-column> <el-table-column prop="create_time" label="时间" min-width="150" align="center"></el-table-column>
<el-table-column prop="message" label="操作说明" min-width="150" align="center"></el-table-column> <el-table-column prop="message" label="操作说明" min-width="150" align="center"></el-table-column>
<el-table-column prop="operator" label="操作人" min-width="150" align="center"></el-table-column> <el-table-column prop="operator" label="操作人" min-width="150" align="center"></el-table-column>
</el-table> </el-table>
</el-dialog> </el-dialog>
<!--弹窗报价-->
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="dialogVisible" width="656px" class="xx">
<div class="dialog-form">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<div class="row bothSide zdypop">
<div class="box">
<el-form-item label="报价型号" prop="goods_name">
<el-input v-model="ruleForm.goods_name" placeholder="请输入型号" :value="ruleForm.goods_name" disabled></el-input>
</el-form-item>
<el-form-item label="报价数量" prop="quote_number">
<el-input v-model="ruleForm.quote_number" placeholder="请输入数量" :value="ruleForm.quote_number"></el-input>
</el-form-item>
<el-form-item label="币种" prop="currency">
<el-select v-model="ruleForm.currency" @change="currentChange">
<el-option label="RMB(人民币)" value="1"></el-option>
<el-option label="USD(美元)" value="2"></el-option>
<el-option label="HKD(港币)" value="3"></el-option>
<el-option label="EUR(欧元)" value="4"></el-option>
<el-option label="GBP(英磅)" value="5"></el-option>
</el-select>
</el-form-item>
<el-form-item label="批次" prop="batch">
<el-popover placement="bottom" width="800" trigger="click" v-model="visible">
<div class="row batch-layer">
<div class="batch-box verCenter">
<div class="title row bothSide verCenter">
<i class="el-icon-arrow-left" @click="prevChange"></i>
<span>年份</span>
<i class="el-icon-arrow-right" @click="nextChange"></i>
</div>
<div class="content row">
<ul class="row year-list">
<li class="row rowCenter verCenter" v-for="(v,indexY) in year" :class="{curr:yearIndex==indexY}" @click="tabChange(indexY,1)">{{ v }}年</li>
</ul>
</div>
<div class="footer-btn row verCenter">
<el-button size="mini" round @click="clear(1,index)">清空</el-button>
<el-button size="mini" round @click="confirm(1,year[yearIndex])">确定</el-button>
</div>
</div>
<div class="batch-box verCenter">
<div class="title row rowCenter verCenter">
<span>第一周期</span>
</div>
<div class="content row">
<ul class="row period-list">
<li class="row rowCenter verCenter" v-for="(v,indexY) in period" :class="{curr:periodIndex==indexY}" @click="tabChange(indexY,2)">{{ v }}</li>
</ul>
</div>
<div class="footer-btn row verCenter">
<el-button size="mini" round @click="clear(1,index)">清空</el-button>
<el-button size="mini" round @click="confirm(2,period[periodIndex])">确定</el-button>
</div>
</div>
<div class="batch-box verCenter">
<div class="title row rowCenter verCenter">
<span>第二周期</span>
</div>
<div class="content row">
<ul class="row period-list">
<li class="row rowCenter verCenter" v-for="(v,indexY) in period" :class="{curr:periodIndexTwo==indexY}" @click="tabChange(indexY,3)">{{ v }}</li>
</ul>
</div>
<div class="footer-btn row verCenter">
<el-button size="mini" round @click="clear(1,index)">清空</el-button>
<el-button size="mini" round @click="confirm(3,period[periodIndexTwo])">确定</el-button>
</div>
</div>
</div>
<el-input slot="reference" v-model="ruleForm.batch" placeholder="请输入D/C" :value="ruleForm.batch"></el-input>
</el-popover>
</el-form-item>
<el-form-item label="最小包装数量">
<el-input v-model="ruleForm.mpq" placeholder="请输入MPQ" :value="ruleForm.mpq"></el-input>
</el-form-item>
<el-form-item label="其他费用" class="updatebox">
<el-input placeholder="" onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" v-model="ruleForm.price_other" placeholder="请输入其他费用" :value="ruleForm.price_other"></el-input>
</el-form-item>
</div>
<div class="box">
<el-form-item label="报价品牌" prop="brand_name">
<el-input v-model="ruleForm.brand_name" placeholder="请输入品牌" :value="ruleForm.brand_name" disabled></el-input>
</el-form-item>
<el-form-item label="价格" prop="price_origin">
<el-input v-model="ruleForm.price_origin" placeholder="请输入价格" :value="ruleForm.price_origin"></el-input>
</el-form-item>
<el-form-item label="税率">
<el-input disabled v-model="ruleForm.tax_rate" style="width: 100px" :value="ruleForm.tax_rate">
</el-input>
</el-form-item>
<el-form-item label="货期" prop="delivery_int" class="updatebox">
<el-input placeholder="货期" v-model="ruleForm.delivery_int" :value="ruleForm.delivery_int"></el-input>
<div class="selectdw">
<el-select v-model="ruleForm.delivery_unit_val" placeholder="请选择" class="placehoload">
<el-option label="工作日" value="工作日"></el-option>
<el-option label="周" value="周"></el-option>
</el-select>
</div>
</el-form-item>
<el-form-item label="起订量">
<el-input v-model="ruleForm.moq" placeholder="请输入起订量" :value="ruleForm.moq"></el-input>
</el-form-item>
<el-form-item label="报价有效期" prop="expire_time">
<el-date-picker type="date" placeholder="选择报价有效期" value-format="yyyy-MM-dd" v-model="ruleForm.expire_time" :picker-options="pickerOptions"></el-date-picker>
</el-form-item>
</div>
</div>
<el-form-item label="备注">
<el-input type="textarea" v-model="ruleForm.remark" placeholder="请输入备注"></el-input>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button>
</div>
</el-dialog>
</section> </section>
</template> </template>
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import {dateTimeFormate} from "../../filters/formate.js";
import VueClipboard from 'vue-clipboard2' import VueClipboard from 'vue-clipboard2'
import Tool from '../../tool' import Tool from '../../tool'
import {Autocomplete, Button, DatePicker, Dialog, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Select, Table, TableColumn} from 'element-ui' import {Autocomplete, Button, DatePicker, Dialog, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Popover, Radio, RadioButton, RadioGroup, Select, Table, TableColumn, Tag, Tooltip} from 'element-ui'
import {NODE_ENVS} from "../../ajax"; import {NODE_ENVS} from "../../ajax";
Vue.prototype.$message = Message; Vue.prototype.$message = Message;
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Autocomplete); Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Autocomplete).use(Radio).use(RadioGroup).use(RadioButton);
Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination); Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination).use(Popover).use(Tag).use(Tooltip);
Vue.use(VueClipboard); Vue.use(VueClipboard);
export default { export default {
name: "inquire", name: "inquire",
data() { data() {
return { return {
pickerOptions: {
disabledDate(time) {
return time.getTime() < (Date.now() - (24 * 60 * 60 * 1000));
}
},
title: '新增报价',
tabIndex: 0,
dialogVisible: false,
listVisible: false,
dialogVisibleLog: false,
total: 0, total: 0,
limit: 10, limit: 10,
page: 1, page: 1,
tableData: [], tableData: [],
multipleSelection: [], multipleSelection: [],
dialogVisible: false, logs: [],
logs:[], inquireObj: {},
formParam: { currentQuotoDataList: [],//当前报价列表
matchingskuDataList: [],//匹配库存列表
historyDataList: [],//历史报价列表
isModify: false,
yearIndex: -1,//年份
periodIndex: -1,//第一周期
periodIndexTwo: -1,//第二周期
pin_obj_id: '',//关联库存id
visible: false,
year: ['2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022', '2023', '2024'],
period: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '50', '51', '52', '53', '54'],
ruleForm: {
inquiry_id: '',
inquiry_sn: '',
inquiry_items_id: '',
quote_id: '',
goods_name: '', goods_name: '',
quote_number: '',
currency: '1',
batch: '',
mpq: '',
price_other: '',
brand_name: '', brand_name: '',
i_status: '', price_origin: '',
date: '' tax_rate: '13%',
delivery_int: '',
delivery_unit_val: '工作日',
delivery_time: '',//delivery_int+delivery_unit_val
moq: '',
expire_time: '',
remark: ''
},
rules: {
goods_name: [{
required: true,
message: '请输入报价型号',
trigger: 'blur'
}],
quote_number: [{
required: true,
message: '请输入报价数量',
trigger: 'blur'
}],
currency: [{
required: true,
message: '请选择币种',
trigger: 'blur'
}],
batch: [{
required: true,
message: '请输入批次',
trigger: 'change'
}],
price_origin: [{
required: true,
message: '请输入价格',
trigger: 'blur'
},],
delivery_int: [{
required: true,
message: '请输入货期',
trigger: 'blur'
}],
expire_time: [{
required: true,
message: '请输入报价有效期',
trigger: 'blur'
}]
},
create_time_val: '',//询价时间
deadline_time_val: '',//询价有效期
formParam: {
inquiry_sn: '',//询价单号
goods_name: '',//型号
brand_name: '',//品牌
i_status: '',//状态
is_purchased: '',//是否成功
customer_tag: '',//客户性质
source_from: '',//来源类型
create_time: '',//询价时间
deadline_time: ''//询价有效期
} }
}; };
}, },
...@@ -117,15 +599,20 @@ export default { ...@@ -117,15 +599,20 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
this.$http('get', "/api/inquiry/getlist", { //格式化时间
page: this.page, if (this.create_time_val) {
limit: this.limit, this.formParam.create_time = this.create_time_val[0] + '~' + this.create_time_val[1];
goods_name: this.formParam.goods_name, } else {
brand_name: this.formParam.brand_name, this.formParam.create_time = '';
start_time: this.formParam.date ? this.formParam.date[0] : '', }
end_time: this.formParam.date ? this.formParam.date[1] : '', if (this.deadline_time_val) {
i_status: this.formParam.i_status this.formParam.deadline_time = this.deadline_time_val[0] + '~' + this.deadline_time_val[1];
}).then(res => { } else {
this.formParam.deadline_time = '';
}
var params = Object.assign({}, {page: this.page}, {limit: this.limit}, this.formParam)
this.$http('get', "/api/inquiry/getlist", params).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.tableData = res.data.list || []; this.tableData = res.data.list || [];
this.total = res.data.total; this.total = res.data.total;
...@@ -137,7 +624,538 @@ export default { ...@@ -137,7 +624,538 @@ export default {
} }
}) })
}, },
//型号 /**
* 报价新增
*/
add() {
if (this.multipleSelection.length != 1) {
this.$message({
showClose: true,
message: '请选择一条询价信息',
type: 'warning'
});
return;
}
if (this.multipleSelection[0].i_status == 1 || this.multipleSelection[0].i_status == 2) {
this.title = '新增报价';
this.dialogVisible = true;
this.isModify = false;//标记新增状态
this.ruleForm.inquiry_sn = this.multipleSelection[0].inquiry_sn;
this.ruleForm.inquiry_id = this.multipleSelection[0].inquiry_id;
this.ruleForm.inquiry_items_id = this.multipleSelection[0].id;
this.ruleForm.goods_name = this.multipleSelection[0].goods_name; //赋值型号
this.ruleForm.brand_name = this.multipleSelection[0].brand_name; //赋值品牌
this.ruleForm.quote_number = '';//清空报价数量
this.ruleForm.price_origin = '';//清空价格
this.ruleForm.currency = '';//清空币种
this.ruleForm.tax_rate = '13%';//恢复税率
this.ruleForm.batch = '';//清空批次
this.ruleForm.delivery_int = '';//清空货期
this.ruleForm.delivery_unit_val = '工作日';//恢复货期默认单位
this.ruleForm.mpq = '';//清空最小包装数量
this.ruleForm.moq = '';//清空起订量
this.ruleForm.price_other = '';//清空其他费用
this.ruleForm.expire_time = '';//清空报价有效期
this.ruleForm.remark = '';//清空备注
this.ruleForm.quote_id = '';//新增的时候不需要quote_id
} else {
this.$message({
showClose: true,
message: '该订单不可报价',
type: 'warning'
});
return;
}
this.$nextTick(() => {
this.$refs['ruleForm'].resetFields();
})
},
/**
* 匹配库存，历史报价新增
*/
addMatchingHistory(row) {
this.title = '新增报价';
this.dialogVisible = true;
this.isModify = false;//标记新增状态
this.ruleForm.inquiry_sn = this.inquireObj.inquiry_sn;
this.ruleForm.inquiry_id = this.inquireObj.inquiry_id;
this.ruleForm.inquiry_items_id = this.inquireObj.id;
/**
* 匹配库存关联goods_id
* 历史报价关联id
*/
if (this.tabIndex == 1) {
this.pin_obj_id = row.goods_id;
} else if (this.tabIndex == 2) {
this.pin_obj_id = row.id;
}
this.ruleForm.goods_name = row.goods_name; //赋值型号
this.ruleForm.brand_name = row.brand_name; //赋值品牌
this.ruleForm.quote_number = '';//清空报价数量
this.ruleForm.price_origin = '';//清空价格
this.ruleForm.currency = '';//清空币种
this.ruleForm.tax_rate = '13%';//恢复税率
this.ruleForm.batch = '';//清空批次
this.ruleForm.delivery_int = '';//清空货期
this.ruleForm.delivery_unit_val = '工作日';//恢复货期默认单位
this.ruleForm.mpq = '';//清空最小包装数量
this.ruleForm.moq = '';//清空起订量
this.ruleForm.price_other = '';//清空其他费用
this.ruleForm.expire_time = '';//清空报价有效期
this.ruleForm.remark = '';//清空备注
this.ruleForm.quote_id = '';//新增的时候不需要quote_id
this.$nextTick(() => {
this.$refs['ruleForm'].resetFields();
})
},
/**
*匹配库存选择修改报价 一部分数据是来自当前报价的第一条
*/
editSku(row) {
this.title = '修改报价';
this.dialogVisible = true;
this.isModify = true; //标记修改状态
if (this.currentQuotoDataList.length > 0) {
let data = this.currentQuotoDataList[0];
this.ruleForm.inquiry_sn = data.inquiry_sn;
this.ruleForm.inquiry_id = data.inquiry_id;
this.ruleForm.inquiry_items_id = data.inquiry_items_id;
this.ruleForm.quote_id = data.id; //编辑的时候需要
this.ruleForm.goods_name = row.goods_name;//赋值型号
this.ruleForm.brand_name = row.brand_name;//赋值品牌
this.ruleForm.quote_number = data.quote_number;//报价数量
//取当前报价的字段quote_number，与匹配库存里的阶梯价格符合条件的第一条
let quote_number = data.quote_number * 1;
let purchases_filter = [];
if (row.cn_ladder_price.length > 0) {
purchases_filter = row.cn_ladder_price.filter((item) => {
if (quote_number <= item.purchases) {
return item;
}
});
}
if (purchases_filter.length > 0) {
this.ruleForm.price_origin = purchases_filter[0].price * 1;//价格
} else {
this.ruleForm.price_origin = 0;//价格
}
this.ruleForm.currency = data.currency.toString();//币种
this.ruleForm.tax_rate = Number(data.tax_rate) * 100 + '%';//税率
this.ruleForm.batch = row.batch_sn;//批次
this.ruleForm.delivery_int = data.delivery_info.delivery_int; //货期
this.ruleForm.delivery_unit_val = data.delivery_info.delivery_unit_val;//货期单位
this.ruleForm.mpq = row.mpq;//最小包装数量
this.ruleForm.moq = row.moq;//起订量
data.price_other = this.float(data.price_other);//其他费用
this.ruleForm.price_other = data.price_other;//其他费用
this.ruleForm.remark = data.remark;//备注
//报价有效期
const start = new Date();
start.setTime(start.getTime() + 3600 * 1000 * 24 * 2);
this.ruleForm.expire_time = start;
}
},
/**
* 编辑修改
*/
edit(row) {
this.title = '修改报价';
this.dialogVisible = true;
this.isModify = true; //标记修改状态
this.ruleForm.inquiry_sn = row.inquiry_sn;
this.ruleForm.inquiry_id = row.inquiry_id;
this.ruleForm.inquiry_items_id = row.inquiry_items_id;
this.ruleForm.quote_id = row.id; //编辑的时候需要
this.ruleForm.goods_name = row.goods_name;//赋值型号
this.ruleForm.brand_name = row.brand_name;//赋值品牌
this.ruleForm.quote_number = row.quote_number;//报价数量
row.price_origin = this.float(row.price_origin);//价格转换
this.ruleForm.price_origin = row.price_origin;//价格
this.ruleForm.currency = row.currency.toString();//币种
this.ruleForm.tax_rate = Number(row.tax_rate) * 100 + '%';//税率
this.ruleForm.batch = row.batch;//批次
this.ruleForm.delivery_int = row.delivery_info.delivery_int; //货期
this.ruleForm.delivery_unit_val = row.delivery_info.delivery_unit_val;//货期单位
this.ruleForm.mpq = row.mpq;//最小包装数量
this.ruleForm.moq = row.moq;//起订量
row.price_other = this.float(row.price_other);//其他费用
this.ruleForm.price_other = row.price_other;//其他费用
this.ruleForm.remark = row.remark;//备注
//报价有效期
if (row.expire_time == '') {
const start = new Date();
start.setTime(start.getTime() + 3600 * 1000 * 24 * 2);
this.ruleForm.expire_time = start;
} else {
this.ruleForm.expire_time = row.expire_time;
}
},
/**
*报价弹窗提交
* @param formName
*/
submitForm(formName) {
var that = this;
this.$refs[formName].validate((valid) => {
if (valid) {
var params = this.ruleForm;
//转化税率
if (params.tax_rate == '13%') {
params.tax_rate = 0.13;
} else {
params.tax_rate = 0;
}
this.ruleForm.delivery_time = this.ruleForm.delivery_int + this.ruleForm.delivery_unit_val; //拼接货期字段
this.$http('post', "/api/quote/save", params).then(res => {
if (res.code == 0) {
this.$message({
message: '操作成功',
type: 'success',
onClose() {
that.dialogVisible = false;
that.getData();
if (that.tabIndex == 0) {
that.currentQuotoChange();
}
//匹配库存 历史报价需要调用库存关联报价
if (that.tabIndex == 1 || that.tabIndex == 2) {
that.quotePin();
}
}
});
} else {
this.$message({
message: res.msg,
type: 'error'
});
}
}).catch(err => {
this.$message({
message: '网络出现问题',
type: 'error'
});
});
} else {
return false;
}
});
},
/**
* 行点击
* @param row
* @param column
* @param event
*/
rowClick(row, column, event) {
this.tabIndex = 0;
this.listVisible = true;
this.inquireObj = row;
this.currentQuotoChange();
},
/**
* tab切换
* @param index
*/
change(index) {
if (index == 0) {
this.currentQuotoChange();
} else if (index == 1) {
this.matchingskuChange();
} else if (index == 2) {
this.historyChange();
}
},
/**
* 当前报价
*/
currentQuotoChange() {
this.$http('GET', "/api/inquiry/detail", {
inquiry_item_id: this.inquireObj.id
}).then(res => {
if (res.code === 0) {
this.currentQuotoDataList = res.data.quote_list || [];
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
});
},
/**
* 匹配库存
*/
matchingskuChange() {
this.$http('GET', "/api/sku/list", {
"goods_name": this.inquireObj.goods_name,
"goods_status/condition": 1,
"goods_status": 1,
}).then(res => {
if (res.code === 0) {
this.matchingskuDataList = res.data.list || [];
//筛选匹配库存的所有goods_id
var ids = res.data.list.map(obj => {
return obj.goods_id;
})
if (ids.length > 0) {
this.checkBind(ids);
}
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
});
},
/**
* 历史报价
*/
historyChange() {
this.$http('GET', "/api/quote/history", {
page: 1,
limit: 1000000,
goods_name: this.inquireObj.goods_name,
brand_name: this.inquireObj.brand_name,
inquiry_items_id: this.inquireObj.id
}).then(res => {
if (res.code === 0) {
this.historyDataList = res.data.list || [];
//筛选历史报价的id
var ids = res.data.list.map(obj => {
return obj.id;
})
if (ids.length > 0) {
this.checkBind(ids);
}
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
});
},
/**
* 库存关联报价
*/
quotePin() {
var that = this;
this.$http('post', "/api/quote/pin", {
inquiry_items_id: this.inquireObj.id,
pin_type: this.tabIndex == 1 ? 2 : 1, // 1历史报价匹配 2库存匹配
pin_obj_id: this.pin_obj_id
}).then(res => {
if (res.code == 0) {
if (this.tabIndex == 1) {
this.matchingskuChange();
} else if (this.tabIndex == 2) {
this.historyChange();
}
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
})
},
/**
*效验是否已生成报价
*/
checkBind(ids) {
this.$http('get', "/api/quote/checkpinlist", {
inquiry_items_id: this.inquireObj.id,
pin_type: this.tabIndex == 1 ? 2 : 1,// 1历史报价匹配 2库存匹配
pin_obj_ids: ids.join(',')
}).then(res => {
if (res.code === 0) {
if (this.tabIndex == 1) {
//匹配库存
for (let i = 0; i < this.matchingskuDataList.length; i++) {
for (let j = 0; j < res.data.bind_ids.length; j++) {
if (this.matchingskuDataList[i].goods_id == res.data.bind_ids[j]) {
this.matchingskuDataList[i].is_bind = 1;
}
}
}
} else if (this.tabIndex == 2) {
//历史报价
for (let i = 0; i < this.historyDataList.length; i++) {
for (let j = 0; j < res.data.bind_ids.length; j++) {
if (this.historyDataList[i].id == res.data.bind_ids[j]) {
this.historyDataList[i].is_bind = 1;
}
}
}
}
}
})
},
/**
* 格式化数据
* @param value
* @returns {number}
*/
float(value) {
let num = Number(value)
if (num) {
return num
} else {
return 0
}
},
/**
* 前进年份
*/
prevChange() {
this.yearIndex = -1;
let starYear = this.year[0];
let arr = [];
for (let i = 0; i < 15; i++) {
arr.push(starYear - (i + 1))
}
this.year = arr.sort();
},
/**
* 后退年份
*/
nextChange() {
this.yearIndex = -1;
let starYear = this.year[this.year.length - 1] * 1;
let arr = [];
for (let i = 0; i < 15; i++) {
arr.push(starYear + (i + 1))
}
this.year = arr;
},
/**
* 批次年月选择
* @param index
* @param type
*/
tabChange(index, type) {
if (type == 1) {
this.yearIndex = index;
} else if (type == 2) {
this.periodIndex = index;
} else if (type == 3) {
this.periodIndexTwo = index;
}
},
/**
* 批次关闭
* @param type
* @param index
*/
clear(type, index) {
this.visible = false;
this.ruleForm.batch = '';
},
/**
* 批次确定
* @param type
* @param val
* @param index
* @returns {boolean}
*/
confirm(type, val, index) {
if (this.yearIndex == -1) {
this.$message({
message: '请选择年份',
type: 'warning'
});
return false;
}
if (type == 1) {
val = val.toString();
val = val.substring(val.length - 2);
this.ruleForm.batch = val + '+';
} else if (type == 2) {
if (!val) {
this.$message({
message: '请选择第一周期',
type: 'warning'
});
return false;
}
let year = this.year[this.yearIndex].toString();
year = year.substring(year.length - 2);
this.ruleForm.batch = year + val;
} else if (type == 3) {
if (this.periodIndex == -1) {
this.$message({
message: '请选择第一周期',
type: 'warning'
});
return false;
}
if (!val) {
this.$message({
message: '请选择第二周期',
type: 'warning'
});
return false;
}
var one = parseInt(this.period[this.periodIndex]);
var two = parseInt(val);
if (two <= one) {
this.$message({
message: '不可小于第一周期',
type: 'warning'
});
return false;
}
let year = this.year[this.yearIndex].toString();
year = year.substring(year.length - 2);
let period = this.period[this.periodIndex].toString();
period = period.substring(period.length - 2);
val = val.toString();
val = val.substring(val.length - 2);
let prev = year + period;
let next = year + val;
this.ruleForm.batch = prev + '-' + next;
}
this.visible = false;
},
/**
* 税率切换
* @param val
*/
currentChange(val) {
if (val == 1) {
this.ruleForm.tax_rate = '13%';
} else {
this.ruleForm.tax_rate = '0%';
}
},
/**
* 搜索型号
* @param queryString
* @param cb
*/
querySearchAsync(queryString, cb) { querySearchAsync(queryString, cb) {
this.$http('get', "/api/search/getspu", { this.$http('get', "/api/search/getspu", {
spu_name: queryString spu_name: queryString
...@@ -158,7 +1176,11 @@ export default { ...@@ -158,7 +1176,11 @@ export default {
} }
}) })
}, },
//品牌 /**
* 搜索品牌
* @param queryString
* @param cb
*/
querySearchAsyncBrand(queryString, cb) { querySearchAsyncBrand(queryString, cb) {
this.$http('get', "/api/brand/get_stand_brand", { this.$http('get', "/api/brand/get_stand_brand", {
brand: queryString brand: queryString
...@@ -179,36 +1201,57 @@ export default { ...@@ -179,36 +1201,57 @@ export default {
} }
}) })
}, },
/**
* 重置
* @param formName
*/
resetForm(formName) { resetForm(formName) {
this.formParam.date=''; this.create_time_val = '';
this.deadline_time_val = '';
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
/**
* 搜索提交
*/
onSubmit() { onSubmit() {
this.page = 1; this.page = 1;
this.getData(); this.getData();
}, },
/**
* chebox选择的数据
* @param val
*/
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
}, },
/**
* 分页条数切换
* @param val
*/
handleSizeChange(val) { handleSizeChange(val) {
this.limit = val; this.limit = val;
this.getData(); this.getData();
}, },
/**
* 分页点击切换
* @param val
*/
handleCurrentChange(val) { handleCurrentChange(val) {
this.page = val; this.page = val;
this.getData(); this.getData();
}, },
dateFormat(row, column) { /**
let date = row.create_time; * 获取日志
return dateTimeFormate(date); * @param obj_type
}, * @param obj_id
*/
getLogs(obj_type, obj_id) { getLogs(obj_type, obj_id) {
this.$http('GET', "/api/log/getLogs", { this.$http('GET', "/api/log/getLogs", {
obj_type: obj_type, obj_type: obj_type,
obj_id: obj_id obj_id: obj_id
}).then(res => { }).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.dialogVisible = true; this.dialogVisibleLog = true;
this.logs = res.data.list; this.logs = res.data.list;
} else { } else {
this.$message({ this.$message({
...@@ -218,45 +1261,17 @@ export default { ...@@ -218,45 +1261,17 @@ export default {
} }
}); });
}, },
/**
* 查看日志
* @param row
*/
handleClick(row) { handleClick(row) {
this.getLogs(504, row.supplier_auto_inquiry_id); this.getLogs(504, row.supplier_auto_inquiry_id);
console.log(row); console.log(row);
}, },
detail() { /**
var arr = []; * 导出
if (this.multipleSelection.length == 0) { */
this.$message({
showClose: true,
message: '请至少选择一条询价信息',
type: 'warning'
});
return;
}
if (this.multipleSelection.length > 1) {
this.$message({
showClose: true,
message: '请选择一条询价信息',
type: 'warning'
});
return;
}
if (this.multipleSelection[0].i_status == 1 || this.multipleSelection[0].i_status == 2) {
for (var i = 0; i < this.multipleSelection.length; i++) {
arr.push(this.multipleSelection[i]['id'])
}
this.$router.push({
path: '/inquire/detail?id=' + arr.join(",")
})
} else {
this.$message({
showClose: true,
message: '该订单不可报价',
type: 'warning'
});
return;
}
},
exportChange() { exportChange() {
var arr = []; var arr = [];
if (this.multipleSelection.length == 0) { if (this.multipleSelection.length == 0) {
...@@ -272,6 +1287,10 @@ export default { ...@@ -272,6 +1287,10 @@ export default {
} }
window.location.href = NODE_ENVS + '/api/inquiry/export?ids=' + arr.join(",") + '&token=' + Tool.getCookie('token'); window.location.href = NODE_ENVS + '/api/inquiry/export?ids=' + arr.join(",") + '&token=' + Tool.getCookie('token');
}, },
/**
* 删除
* @returns {boolean}
*/
del() { del() {
var arr = []; var arr = [];
if (this.multipleSelection.length == 0) { if (this.multipleSelection.length == 0) {
...@@ -321,6 +1340,10 @@ export default { ...@@ -321,6 +1340,10 @@ export default {
}); });
} }
}, },
/**
* 复制
* @param e
*/
onCopy(e) { onCopy(e) {
this.$message({ this.$message({
message: '复制成功', message: '复制成功',
......
src/views/List/inquireDetail.vue
...@@ -194,7 +194,6 @@ ...@@ -194,7 +194,6 @@
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.price_other|floatZero }}</span> <span>{{ scope.row.price_other|floatZero }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="expire_time" label="报价有效期" width="200"></el-table-column> <el-table-column prop="expire_time" label="报价有效期" width="200"></el-table-column>
<el-table-column prop="remark" label="备注" width="200"></el-table-column> <el-table-column prop="remark" label="备注" width="200"></el-table-column>
...@@ -795,8 +794,8 @@ export default { ...@@ -795,8 +794,8 @@ export default {
id: arr.join(",") id: arr.join(",")
}).then(res => { }).then(res => {
if (res.code === 0) { if (res.code === 0) {
res.data.quote_info.price_other = this.float(res.data.quote_info.price_other) res.data.quote_info.price_other = this.float(res.data.quote_info.price_other);
res.data.quote_info.price_origin = this.float(res.data.quote_info.price_origin) res.data.quote_info.price_origin = this.float(res.data.quote_info.price_origin);
this.ruleForm.goods_name = res.data.quote_info.goods_name; this.ruleForm.goods_name = res.data.quote_info.goods_name;
this.ruleForm.quote_number = res.data.quote_info.quote_number; this.ruleForm.quote_number = res.data.quote_info.quote_number;
this.ruleForm.currency = res.data.quote_info.currency.toString(); this.ruleForm.currency = res.data.quote_info.currency.toString();
......
src/views/List/quote.vue
<template> <template>
<section class="quote pagex"> <section class="quote pagex">
<div class="quote-con"> <div class="quote-con">
<!--搜索区-->
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam"> <el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam">
<el-form-item label="报价型号" prop="goods_name"> <el-form-item label="报价型号" prop="goods_name">
<el-autocomplete clearable v-model="formParam.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete> <el-autocomplete clearable v-model="formParam.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete>
...@@ -10,6 +11,7 @@ ...@@ -10,6 +11,7 @@
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select v-model="formParam.status" placeholder="请选择" clearable> <el-select v-model="formParam.status" placeholder="请选择" clearable>
<el-option label="待确认" value="7"></el-option>
<el-option label="确认中" value="1"></el-option> <el-option label="确认中" value="1"></el-option>
<el-option label="已选中" value="2"></el-option> <el-option label="已选中" value="2"></el-option>
<el-option label="已成单" value="3"></el-option> <el-option label="已成单" value="3"></el-option>
...@@ -17,22 +19,31 @@ ...@@ -17,22 +19,31 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="最近报价时间"> <el-form-item label="最近报价时间">
<el-date-picker v-model="formParam.date" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker> <el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="quote_time_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="onSubmit">搜索</el-button> <el-button type="primary" @click="onSubmit">搜索</el-button>
<el-button @click="resetForm('formParam')">重置</el-button> <el-button @click="resetForm('formParam')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-nav clr"> <!--操作区-->
<el-button type="primary" @click="exportChange">导出</el-button> <div class="operation-area row verCenter bothSide">
<el-button type="primary" @click="close">关闭</el-button> <div class="operation-button row verCenter">
<el-button type="primary" @click="exportChange">导出</el-button>
<el-button type="primary" @click="close">关闭</el-button>
<el-button type="primary" @click="update">修改</el-button>
</div>
<div class="text-tip row verCenter">
<i class="el-icon-warning"></i>
<span>该页面展示的数据为：贵司针对猎芯客户发起的询价信息，进行了报价</span>
</div>
</div> </div>
<!--列表区-->
<div class="data-box th-all"> <div class="data-box th-all">
<el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange"> <el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="40" align="center"></el-table-column> <el-table-column fixed type="selection" width="40" align="center"></el-table-column>
<el-table-column prop="quote_sn" fixed="left" label="报价单号" width="200"></el-table-column> <el-table-column prop="quote_sn" label="报价单号" width="200" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="inquiry_goods_name" fixed="left" label="型号" width="200"> <el-table-column prop="inquiry_goods_name" label="型号" width="200" align="center" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="price-mores"> <div class="price-mores">
<el-popover effect="light" trigger="hover" placement="bottom-start" popper-class="popper-class-box"> <el-popover effect="light" trigger="hover" placement="bottom-start" popper-class="popper-class-box">
...@@ -63,36 +74,47 @@ ...@@ -63,36 +74,47 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="inquiry_brand_name" fixed="left" label="品牌" width="200"></el-table-column> <el-table-column prop="inquiry_brand_name" label="品牌" width="200" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="inquiry_sn" label="询价单号" width="200"></el-table-column> <el-table-column prop="inquiry_sn" label="询价单号" width="200" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="quote_goods_name" label="报价型号" width="200"></el-table-column> <el-table-column prop="unchecked_reason" label="原因" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="quote_brand_name" label="报价品牌" width="200"></el-table-column> <el-table-column prop="status" label="状态" width="100" align="center" :show-overflow-tooltip="true">
<el-table-column prop="status" label="状态" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag type="primary" v-if="scope.row.quote_status == 1" disable-transitions>{{ scope.row.quote_status_val }}</el-tag> <el-tag type="primary" v-if="scope.row.quote_status == 1" disable-transitions>{{ scope.row.quote_status_val }}</el-tag>
<el-tag type="info" v-else-if="scope.row.quote_status == 2" disable-transitions>{{ scope.row.quote_status_val }}</el-tag> <el-tag type="info" v-else-if="scope.row.quote_status == 2" disable-transitions>{{ scope.row.quote_status_val }}</el-tag>
<el-tag type="success" v-else-if="scope.row.quote_status == 3" disable-transitions>{{ scope.row.quote_status_val }}</el-tag> <el-tag type="success" v-else-if="scope.row.quote_status == 3" disable-transitions>{{ scope.row.quote_status_val }}</el-tag>
<el-tag type="danger" v-else-if="scope.row.quote_status == 4" disable-transitions>{{ scope.row.quote_status_val }}</el-tag> <el-tag type="danger" v-else-if="scope.row.quote_status == 4" disable-transitions>{{ scope.row.quote_status_val }}</el-tag>
<el-tag type="primary" v-else>{{ scope.row.quote_status_val }}</el-tag> <el-tag type="primary" v-else>{{ scope.row.quote_status_val }}</el-tag>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">{{ scope.row.status_tips }}</div>
</el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="expire_status_val" label="是否有效" width="100"></el-table-column> <el-table-column prop="expire_status_val" label="报价是否有效" width="100" align="center" :show-overflow-tooltip="true">
<el-table-column prop="quote_number" label="报价数量" width="100"></el-table-column> <template slot-scope="scope">
<el-table-column prop="price" label="价格" width="200"></el-table-column> <span>{{ scope.row.expire_status_val }}</span>
<el-table-column prop="currency_val" label="币种" width="100"></el-table-column> <el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<el-table-column prop="tax_rate" label="税率" width="100"></el-table-column> <i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<el-table-column prop="batch" label="批次" width="100"></el-table-column> <div slot="content">{{ scope.row.expire_status_tips }}</div>
<el-table-column prop="delivery_time" label="货期" width="100"></el-table-column> </el-tooltip>
<el-table-column prop="mpq" label="最小包装数量" width="150"></el-table-column> </template>
<el-table-column prop="moq" label="起订量" width="100"></el-table-column> </el-table-column>
<el-table-column prop="price_other" label="其他费用" width="100"> <el-table-column prop="quote_number" label="报价数量" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="price" label="价格" width="200" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="currency_val" label="币种" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="tax_rate" label="税率" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="batch" label="批次" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="delivery_time" label="货期" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="mpq" label="最小包装数量" width="150" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="moq" label="起订量" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="price_other" label="其他费用" width="100" align="center" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.price_other|floatZero }}</span> <span>{{ scope.row.price_other|floatZero }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="expire_time" label="报价有效期" width="200"></el-table-column> <el-table-column prop="expire_time_val" label="报价有效期" width="200" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="remark" label="备注" width="200"></el-table-column> <el-table-column prop="remark" label="备注" width="200" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="quote_time" label="最近报价时间" width="200"></el-table-column> <el-table-column prop="quote_time" label="最近报价时间" width="200" align="center"></el-table-column>
<el-table-column fixed="right" label="操作" width="110" align="center"> <el-table-column fixed="right" label="操作" width="110" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="primary" size="mini" class="yunyin-btn">查看日志</el-button> <el-button @click="handleClick(scope.row)" type="primary" size="mini" class="yunyin-btn">查看日志</el-button>
...@@ -110,6 +132,123 @@ ...@@ -110,6 +132,123 @@
<el-table-column prop="operator" label="操作人" min-width="150" align="center"></el-table-column> <el-table-column prop="operator" label="操作人" min-width="150" align="center"></el-table-column>
</el-table> </el-table>
</el-dialog> </el-dialog>
<!--弹窗报价-->
<el-dialog :title="title" :close-on-click-modal="false" :visible.sync="dialogQuoteVisible" width="656px" class="xx">
<div class="dialog-form">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<div class="row bothSide zdypop">
<div class="box">
<el-form-item label="报价型号" prop="goods_name">
<el-input v-model="ruleForm.goods_name" placeholder="请输入型号" :value="ruleForm.goods_name" disabled></el-input>
</el-form-item>
<el-form-item label="报价数量" prop="quote_number">
<el-input v-model="ruleForm.quote_number" placeholder="请输入数量" :value="ruleForm.quote_number"></el-input>
</el-form-item>
<el-form-item label="币种" prop="currency">
<el-select v-model="ruleForm.currency" @change="currentChange">
<el-option label="RMB(人民币)" value="1"></el-option>
<el-option label="USD(美元)" value="2"></el-option>
<el-option label="HKD(港币)" value="3"></el-option>
<el-option label="EUR(欧元)" value="4"></el-option>
<el-option label="GBP(英磅)" value="5"></el-option>
</el-select>
</el-form-item>
<el-form-item label="批次" prop="batch">
<el-popover placement="bottom" width="800" trigger="click" v-model="visible">
<div class="row batch-layer">
<div class="batch-box verCenter">
<div class="title row bothSide verCenter">
<i class="el-icon-arrow-left" @click="prevChange"></i>
<span>年份</span>
<i class="el-icon-arrow-right" @click="nextChange"></i>
</div>
<div class="content row">
<ul class="row year-list">
<li class="row rowCenter verCenter" v-for="(v,indexY) in year" :class="{curr:yearIndex==indexY}" @click="tabChange(indexY,1)">{{ v }}年</li>
</ul>
</div>
<div class="footer-btn row verCenter">
<el-button size="mini" round @click="clear(1,index)">清空</el-button>
<el-button size="mini" round @click="confirm(1,year[yearIndex])">确定</el-button>
</div>
</div>
<div class="batch-box verCenter">
<div class="title row rowCenter verCenter">
<span>第一周期</span>
</div>
<div class="content row">
<ul class="row period-list">
<li class="row rowCenter verCenter" v-for="(v,indexY) in period" :class="{curr:periodIndex==indexY}" @click="tabChange(indexY,2)">{{ v }}</li>
</ul>
</div>
<div class="footer-btn row verCenter">
<el-button size="mini" round @click="clear(1,index)">清空</el-button>
<el-button size="mini" round @click="confirm(2,period[periodIndex])">确定</el-button>
</div>
</div>
<div class="batch-box verCenter">
<div class="title row rowCenter verCenter">
<span>第二周期</span>
</div>
<div class="content row">
<ul class="row period-list">
<li class="row rowCenter verCenter" v-for="(v,indexY) in period" :class="{curr:periodIndexTwo==indexY}" @click="tabChange(indexY,3)">{{ v }}</li>
</ul>
</div>
<div class="footer-btn row verCenter">
<el-button size="mini" round @click="clear(1,index)">清空</el-button>
<el-button size="mini" round @click="confirm(3,period[periodIndexTwo])">确定</el-button>
</div>
</div>
</div>
<el-input slot="reference" v-model="ruleForm.batch" placeholder="请输入D/C" :value="ruleForm.batch"></el-input>
</el-popover>
</el-form-item>
<el-form-item label="最小包装数量">
<el-input v-model="ruleForm.mpq" placeholder="请输入MPQ" :value="ruleForm.mpq"></el-input>
</el-form-item>
<el-form-item label="其他费用" class="updatebox">
<el-input placeholder="" onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" v-model="ruleForm.price_other" placeholder="请输入其他费用" :value="ruleForm.price_other"></el-input>
</el-form-item>
</div>
<div class="box">
<el-form-item label="报价品牌" prop="brand_name">
<el-input v-model="ruleForm.brand_name" placeholder="请输入品牌" :value="ruleForm.brand_name" disabled></el-input>
</el-form-item>
<el-form-item label="价格" prop="price_origin">
<el-input v-model="ruleForm.price_origin" placeholder="请输入价格" :value="ruleForm.price_origin"></el-input>
</el-form-item>
<el-form-item label="税率">
<el-input disabled v-model="ruleForm.tax_rate" style="width: 100px" :value="ruleForm.tax_rate">
</el-input>
</el-form-item>
<el-form-item label="货期" prop="delivery_int" class="updatebox">
<el-input placeholder="货期" v-model="ruleForm.delivery_int" :value="ruleForm.delivery_int"></el-input>
<div class="selectdw">
<el-select v-model="ruleForm.delivery_unit_val" placeholder="请选择" class="placehoload">
<el-option label="工作日" value="工作日"></el-option>
<el-option label="周" value="周"></el-option>
</el-select>
</div>
</el-form-item>
<el-form-item label="起订量">
<el-input v-model="ruleForm.moq" placeholder="请输入起订量" :value="ruleForm.moq"></el-input>
</el-form-item>
<el-form-item label="报价有效期" prop="expire_time">
<el-date-picker type="date" placeholder="选择报价有效期" value-format="yyyy-MM-dd" v-model="ruleForm.expire_time" :picker-options="pickerOptions"></el-date-picker>
</el-form-item>
</div>
</div>
<el-form-item label="备注">
<el-input type="textarea" v-model="ruleForm.remark" placeholder="请输入备注"></el-input>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogQuoteVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm('ruleForm')">确 定</el-button>
</div>
</el-dialog>
</section> </section>
</template> </template>
<script> <script>
...@@ -127,18 +266,91 @@ export default { ...@@ -127,18 +266,91 @@ export default {
name: "quote", name: "quote",
data() { data() {
return { return {
pickerOptions: {
disabledDate(time) {
return time.getTime() < (Date.now() - (24 * 60 * 60 * 1000));
}
},
title: '新增报价',
total: 0, total: 0,
limit: 10, limit: 10,
page: 1, page: 1,
tableData: [], tableData: [],
multipleSelection: [], multipleSelection: [],
dialogVisible: false, dialogVisible: false,
dialogQuoteVisible: false,
logs: [], logs: [],
formParam: { quote_time_val: "",//最近报价时间
yearIndex: -1,//年份
periodIndex: -1,//第一周期
periodIndexTwo: -1,//第二周期
pin_obj_id: '',//关联库存id
visible: false,
year: ['2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019', '2020', '2021', '2022', '2023', '2024'],
period: ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '50', '51', '52', '53', '54'],
ruleForm: {
inquiry_id: '',
inquiry_sn: '',
inquiry_items_id: '',
quote_id: '',
goods_name: '', goods_name: '',
quote_number: '',
currency: '1',
batch: '',
mpq: '',
price_other: '',
brand_name: '',
price_origin: '',
tax_rate: '13%',
delivery_int: '',
delivery_unit_val: '工作日',
delivery_time: '',//delivery_int+delivery_unit_val
moq: '',
expire_time: '',
remark: ''
},
rules: {
goods_name: [{
required: true,
message: '请输入报价型号',
trigger: 'blur'
}],
quote_number: [{
required: true,
message: '请输入报价数量',
trigger: 'blur'
}],
currency: [{
required: true,
message: '请选择币种',
trigger: 'blur'
}],
batch: [{
required: true,
message: '请输入批次',
trigger: 'change'
}],
price_origin: [{
required: true,
message: '请输入价格',
trigger: 'blur'
},],
delivery_int: [{
required: true,
message: '请输入货期',
trigger: 'blur'
}],
expire_time: [{
required: true,
message: '请输入报价有效期',
trigger: 'blur'
}]
},
formParam: {
goods_name: "",
brand_name: "", brand_name: "",
date: '', quote_time: "",
status: '' status: ""
} }
}; };
}, },
...@@ -151,16 +363,14 @@ export default { ...@@ -151,16 +363,14 @@ export default {
}, },
methods: { methods: {
getData() { getData() {
this.$http('get', "/api/quote/getlist", { //格式化时间
page: this.page, if (this.quote_time_val) {
limit: this.limit, this.formParam.quote_time = this.quote_time_val[0] + '~' + this.quote_time_val[1];
goods_name: this.formParam.goods_name, } else {
brand_id: this.formParam.brand_id, this.formParam.quote_time = '';
brand_name: this.formParam.brand_name, }
start_time: this.formParam.date ? this.formParam.date[0] : '', var params = Object.assign({}, {page: this.page}, {limit: this.limit}, this.formParam);
end_time: this.formParam.date ? this.formParam.date[1] : '', this.$http('get', "/api/quote/getlist", params).then(res => {
status: this.formParam.status
}).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.tableData = res.data.list || []; this.tableData = res.data.list || [];
this.total = res.data.total; this.total = res.data.total;
...@@ -189,6 +399,245 @@ export default { ...@@ -189,6 +399,245 @@ export default {
} }
}); });
}, },
/**
* 格式化数据
* @param value
* @returns {number}
*/
float(value) {
let num = Number(value)
if (num) {
return num
} else {
return 0
}
},
/**
* 前进年份
*/
prevChange() {
this.yearIndex = -1;
let starYear = this.year[0];
let arr = [];
for (let i = 0; i < 15; i++) {
arr.push(starYear - (i + 1))
}
this.year = arr.sort();
},
/**
* 后退年份
*/
nextChange() {
this.yearIndex = -1;
let starYear = this.year[this.year.length - 1] * 1;
let arr = [];
for (let i = 0; i < 15; i++) {
arr.push(starYear + (i + 1))
}
this.year = arr;
},
/**
* 批次年月选择
* @param index
* @param type
*/
tabChange(index, type) {
if (type == 1) {
this.yearIndex = index;
} else if (type == 2) {
this.periodIndex = index;
} else if (type == 3) {
this.periodIndexTwo = index;
}
},
/**
* 批次关闭
* @param type
* @param index
*/
clear(type, index) {
this.visible = false;
this.ruleForm.batch = '';
},
/**
* 批次确定
* @param type
* @param val
* @param index
* @returns {boolean}
*/
confirm(type, val, index) {
if (this.yearIndex == -1) {
this.$message({
message: '请选择年份',
type: 'warning'
});
return false;
}
if (type == 1) {
val = val.toString();
val = val.substring(val.length - 2);
this.ruleForm.batch = val + '+';
} else if (type == 2) {
if (!val) {
this.$message({
message: '请选择第一周期',
type: 'warning'
});
return false;
}
let year = this.year[this.yearIndex].toString();
year = year.substring(year.length - 2);
this.ruleForm.batch = year + val;
} else if (type == 3) {
if (this.periodIndex == -1) {
this.$message({
message: '请选择第一周期',
type: 'warning'
});
return false;
}
if (!val) {
this.$message({
message: '请选择第二周期',
type: 'warning'
});
return false;
}
var one = parseInt(this.period[this.periodIndex]);
var two = parseInt(val);
if (two <= one) {
this.$message({
message: '不可小于第一周期',
type: 'warning'
});
return false;
}
let year = this.year[this.yearIndex].toString();
year = year.substring(year.length - 2);
let period = this.period[this.periodIndex].toString();
period = period.substring(period.length - 2);
val = val.toString();
val = val.substring(val.length - 2);
let prev = year + period;
let next = year + val;
this.ruleForm.batch = prev + '-' + next;
}
this.visible = false;
},
/**
* 税率切换
* @param val
*/
currentChange(val) {
if (val == 1) {
this.ruleForm.tax_rate = '13%';
} else {
this.ruleForm.tax_rate = '0%';
}
},
/**
*报价弹窗提交
* @param formName
*/
submitForm(formName) {
var that = this;
this.$refs[formName].validate((valid) => {
if (valid) {
var params = this.ruleForm;
//转化税率
if (params.tax_rate == '13%') {
params.tax_rate = 0.13;
} else {
params.tax_rate = 0;
}
this.ruleForm.delivery_time = this.ruleForm.delivery_int + this.ruleForm.delivery_unit_val; //拼接货期字段
this.$http('post', "/api/quote/save", params).then(res => {
if (res.code == 0) {
this.$message({
message: '操作成功',
type: 'success',
onClose() {
that.dialogQuoteVisible = false;
that.getData();
}
});
} else {
this.$message({
message: res.msg,
type: 'error'
});
}
}).catch(err => {
this.$message({
message: '网络出现问题',
type: 'error'
});
});
} else {
return false;
}
});
},
/**
* 修改
*/
update() {
if (this.multipleSelection.length != 1) {
this.$message({
showClose: true,
message: '请选择一条询价信息',
type: 'warning'
});
return;
}
if (this.multipleSelection[0].quote_status != 1 && this.multipleSelection[0].quote_status != 7) {
this.$message({
showClose: true,
message: '请勾选状态为确认中和待确认',
type: 'warning'
});
return;
}
var row = this.multipleSelection[0];
this.title = '修改报价';
this.dialogQuoteVisible = true;
this.ruleForm.inquiry_sn = row.inquiry_sn;
this.ruleForm.inquiry_id = row.inquiry_id;
this.ruleForm.inquiry_items_id = row.inquiry_items_id;
this.ruleForm.quote_id = row.quote_id; //编辑的时候需要
this.ruleForm.goods_name = row.quote_goods_name;//赋值型号
this.ruleForm.brand_name = row.quote_brand_name;//赋值品牌
this.ruleForm.quote_number = row.quote_number;//报价数量
row.price_origin = this.float(row.price_origin);//价格转换
this.ruleForm.price_origin = row.price_origin;//价格
this.ruleForm.currency = row.currency.toString();//币种
this.ruleForm.tax_rate = Number(row.tax_rate) * 100 + '%';//税率
this.ruleForm.batch = row.batch;//批次
this.ruleForm.delivery_int = row.delivery_info.delivery_int; //货期
this.ruleForm.delivery_unit_val = row.delivery_info.delivery_unit_val;//货期单位
this.ruleForm.mpq = row.mpq;//最小包装数量
this.ruleForm.moq = row.moq;//起订量
row.price_other = this.float(row.price_other);//其他费用
this.ruleForm.price_other = row.price_other;//其他费用
this.ruleForm.remark = row.remark;//备注
//报价有效期
if (row.expire_time_val == '0000-00-00 00:00:00') {
this.ruleForm.expire_time = '';
} else {
this.ruleForm.expire_time = row.expire_time_val;
}
},
handleClick(row) { handleClick(row) {
this.getLogs(505, row.quote_id); this.getLogs(505, row.quote_id);
console.log(row); console.log(row);
...@@ -236,7 +685,7 @@ export default { ...@@ -236,7 +685,7 @@ export default {
}) })
}, },
resetForm(formName) { resetForm(formName) {
this.formParam.date = ''; this.quote_time_val = '';
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
onSubmit() { onSubmit() {
......
src/views/News/index.vue
<template> <template>
<section class="store pagex"> <section class="store pagex">
<div class="store-con"> <div class="store-con">
<el-form :inline="true" :model="formParam" ref="formParam"> <!--搜索区-->
<el-form :inline="true" :model="formParam" ref="formParam" label-width="80px">
<el-form-item label="消息类型" prop="msg_type"> <el-form-item label="消息类型" prop="msg_type">
<el-select v-model="formParam.msg_type" placeholder="全部" clearable> <el-select v-model="formParam.msg_type" placeholder="全部" clearable>
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
...@@ -10,18 +11,19 @@ ...@@ -10,18 +11,19 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="创建时间" prop="create_time"> <el-form-item label="创建时间" prop="create_time">
<el-date-picker v-model="formParam.date" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker> <el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="formParam.date" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="onSubmit">搜索</el-button> <el-button type="primary" @click="onSubmit">搜索</el-button>
<el-button @click="resetForm('formParam')">重置</el-button> <el-button @click="resetForm('formParam')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!--列表区-->
<div class="data-box"> <div class="data-box">
<el-table :data="list" border max-height="600"> <el-table :data="list" border max-height="600">
<el-table-column prop="msg_sn" label="消息编号" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="msg_sn" label="消息编号" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="msg_type" label="消息类型" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="msg_type" label="消息类型" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="create_time" label="创建时间" width="160" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="create_time" label="创建时间" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column label="操作" width="110" align="center"> <el-table-column label="操作" width="110" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="primary" size="mini" @click="viewChange(scope.$index, scope.row)" class="yunyin-btn">查看内容</el-button> <el-button type="primary" size="mini" @click="viewChange(scope.$index, scope.row)" class="yunyin-btn">查看内容</el-button>
...@@ -125,7 +127,7 @@ export default { ...@@ -125,7 +127,7 @@ export default {
this.getData(); this.getData();
}, },
resetForm(formName) { resetForm(formName) {
this.formParam.date=''; this.formParam.date = '';
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
handleSizeChange(val) { handleSizeChange(val) {
......
src/views/News/notice.vue 0 → 100644
<template>
<section class="store pagex">
<div class="store-con">
<!--列表区-->
<div class="data-box">
<el-table :data="list" border max-height="600">
<el-table-column prop="title" label="消息名称" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<a href="javascript:;" class="alink" @click="view(scope.row)">{{ scope.row.title }}</a>
</template>
</el-table-column>
<el-table-column prop="attach_file" label="附件" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<a :href="scope.row.attachment_url" class="alink" target="_blank" v-if="scope.row.attachment_name">{{ scope.row.attachment_name }}</a>
<span v-else>-</span>
</template>
</el-table-column>
<el-table-column prop="create_time" label="创建时间" :show-overflow-tooltip="true" align="center"></el-table-column>
</el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div>
<!--系统公告-->
<el-dialog :title="noticeMsg.title" :close-on-click-modal="false" :visible.sync="dialogNoticeVisible" width="580px" custom-class="dialog-layer-notice">
<div class="notice-content" v-html="noticeMsg.content"></div>
<div class="enclosure row verCenter">
<span>附件：</span>
<a class="down" :href="noticeMsg.attachment_url " target="_blank">{{ noticeMsg.attachment_name || '暂无附件' }}</a>
</div>
<div class="notice-bottom row bothSide verCenter">
<span>发件人：深圳市猎芯科技有限公司</span>
<span>{{ noticeMsg.create_time }}</span>
</div>
</el-dialog>
</div>
<Menu/>
</section>
</template>
<script>
import Vue from 'vue';
import Menu from "@/components/menu.vue";
import {Autocomplete, Button, DatePicker, Descriptions, DescriptionsItem, Dialog, Divider, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Popover, Select, Table, TableColumn, Tag, Tooltip} from 'element-ui'
Vue.prototype.$message = Message
Vue.prototype.$confirm = MessageBox.confirm;
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Tooltip).use(Autocomplete).use(Popover).use(Tag).use(Divider);
Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination).use(Descriptions).use(DescriptionsItem);
export default {
name: "notice",
data() {
return {
noticeMsg: [],//系统公告消息
dialogNoticeVisible: false,
total: 0,
page: 1,
limit: 10,
list: []
};
},
created() {
this.getData()
},
methods: {
getData() {
this.$http('get', "/api/system/getNoticeList", {
page: this.page,
limit: this.limit,
}).then(res => {
if (res.code === 0) {
if (res.data.list.length > 0) {
this.list = res.data.list;
this.total = Number(res.data.count) || 0;
}
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
})
},
view(row) {
this.dialogNoticeVisible = true;
this.noticeMsg = row;
},
handleSizeChange(val) {
this.limit = val;
this.getData();
},
handleCurrentChange(val) {
this.page = val;
this.getData();
}
},
components: {
Menu
}
};
</script>
<style scoped lang="less">
</style>
\ No newline at end of file
src/views/OrderTrack/goods.vue
<template> <template>
<section class="goods pagex"> <section class="goods pagex">
<div class="goods-con"> <div class="goods-con">
<!--搜索区-->
<el-form :inline="true" :model="formInline" label-width="100px" ref="formInline"> <el-form :inline="true" :model="formInline" label-width="100px" ref="formInline">
<el-form-item label="型号" prop="goods_name"> <el-form-item label="型号" prop="goods_name">
<el-autocomplete v-model="formInline.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete> <el-autocomplete v-model="formInline.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete>
...@@ -35,7 +36,7 @@ ...@@ -35,7 +36,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="报价单号" prop="quote_sn"> <el-form-item label="报价单号" prop="quote_sn">
<el-input v-model="formInline.quote_sn" placeholder="请输入型号" @keyup.enter.native="submit" style="width: 193px;"></el-input> <el-input v-model="formInline.quote_sn" placeholder="请输入报价单号" @keyup.enter.native="submit" style="width: 193px;"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="订单来源" prop="source_type"> <el-form-item label="订单来源" prop="source_type">
<el-select v-model="formInline.source_type" placeholder="请选择"> <el-select v-model="formInline.source_type" placeholder="请选择">
...@@ -44,23 +45,48 @@ ...@@ -44,23 +45,48 @@
<el-option label="正常采购" value="1"></el-option> <el-option label="正常采购" value="1"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="币种" prop="currency">
<el-select v-model="formInline.currency" placeholder="全部" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="RMB（人民币）" value="1"></el-option>
<el-option label="USD（美元）" value="2"></el-option>
<el-option label="HKD（港币）" value="3"></el-option>
<el-option label="EUR（欧元）" value="4"></el-option>
<el-option label="GBP（英镑）" value="5"></el-option>
</el-select>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="create_time_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="submit">查询</el-button> <el-button type="primary" @click="submit">查询</el-button>
<el-button @click="resetForm('formInline')">重置</el-button> <el-button @click="resetForm('formInline')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-nav clr"> <!--操作区-->
<el-button type="primary" @click="addSend">生成发货单</el-button> <div class="operation-area row verCenter bothSide">
<div class="operation-button row verCenter">
<el-button type="primary" @click="addSend">生成发货单</el-button>
<el-button type="primary" @click="exportChange">导出</el-button>
</div>
<div class="text-tip row verCenter">
<i class="el-icon-warning"></i>
<span>该页面展示的数据为：猎芯客户与贵司产生的订单交易数据</span>
</div>
</div> </div>
<!--列表区-->
<div class="data-box th-all" v-if="tableData"> <div class="data-box th-all" v-if="tableData">
<el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange"> <el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="40"></el-table-column> <el-table-column fixed type="selection" width="40" align="center"></el-table-column>
<el-table-column label="订货公司" min-width="160" :show-overflow-tooltip="true"> <el-table-column prop="purchase_sn" label="订单号" width="200" align="center" :show-overflow-tooltip="true">
<template slot-scope="scope"> <template slot-scope="scope">
<a :href="'/#/orderTrackGoodsDetail?purchase_id='+scope.row.purchase_id" class="f-blue">{{ scope.row.company_name }}</a> <a :href="'/#/orderTrackGoodsDetail?purchase_id='+scope.row.purchase_id" class="alink">{{ scope.row.purchase_sn }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="status_val" label="订单状态" min-width="80"> <el-table-column prop="company_name" label="订货公司" min-width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="currency_val" label="币种" min-width="60" align="center"></el-table-column>
<el-table-column prop="purchase_amount" label="订单金额" min-width="110" align="center"></el-table-column>
<el-table-column prop="status_val" label="订单状态" min-width="80" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag type="primary" v-if="scope.row.status_val == '待提审'" disable-transitions>{{ scope.row.status_val }}</el-tag> <el-tag type="primary" v-if="scope.row.status_val == '待提审'" disable-transitions>{{ scope.row.status_val }}</el-tag>
<el-tag type="info" v-else-if="scope.row.status_val == '待审核'" disable-transitions>{{ scope.row.status_val }}</el-tag> <el-tag type="info" v-else-if="scope.row.status_val == '待审核'" disable-transitions>{{ scope.row.status_val }}</el-tag>
...@@ -70,33 +96,55 @@ ...@@ -70,33 +96,55 @@
<el-tag type="primary" v-else>{{ scope.row.status_val }}</el-tag> <el-tag type="primary" v-else>{{ scope.row.status_val }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="pay_name" label="对方付款方式" min-width="100"></el-table-column> <el-table-column prop="pay_name" label="猎芯付款方式" min-width="80" align="center"></el-table-column>
<el-table-column prop="pay_status_val" label="收款状态" min-width="85"> <el-table-column prop="pay_status_val" label="收款状态" min-width="85" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag type="primary" v-if="scope.row.pay_status_val == '待付款'" disable-transitions>{{ scope.row.pay_status_val }}</el-tag> <el-tag type="primary" v-if="scope.row.pay_status_val == '待付款'" disable-transitions>{{ scope.row.pay_status_val }}</el-tag>
<el-tag type="warning" v-if="scope.row.pay_status_val == '部分付款'" disable-transitions>{{ scope.row.pay_status_val }}</el-tag> <el-tag type="warning" v-if="scope.row.pay_status_val == '部分付款'" disable-transitions>{{ scope.row.pay_status_val }}</el-tag>
<el-tag type="success" v-if="scope.row.pay_status_val == '全部付款'" disable-transitions>{{ scope.row.pay_status_val }}</el-tag> <el-tag type="success" v-if="scope.row.pay_status_val == '全部付款'" disable-transitions>{{ scope.row.pay_status_val }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="shipping_status_val" label="发货状态" width="100"> <el-table-column prop="shipping_status_val" label="发货状态" width="100" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag type="primary" v-if="scope.row.shipping_status_val == '待发货'" disable-transitions>{{ scope.row.shipping_status_val }}</el-tag> <span v-if="scope.row.shipping_status_val == '待发货'">{{ scope.row.shipping_status_val }}</span>
<el-tag type="warning" v-if="scope.row.shipping_status_val == '部分发货'" disable-transitions>{{ scope.row.shipping_status_val }}</el-tag> <a class="f-yellow1" v-if="scope.row.shipping_status_val == '部分发货'" :href="'/#/orderTrackInvoice?purchase_id='+scope.row.purchase_id">{{ scope.row.shipping_status_val }}</a>
<el-tag type="success" v-if="scope.row.shipping_status_val == '全部发货'" disable-transitions>{{ scope.row.shipping_status_val }}</el-tag> <a class="alink" v-if="scope.row.shipping_status_val == '全部发货'" :href="'/#/orderTrackInvoice?purchase_id='+scope.row.purchase_id">{{ scope.row.shipping_status_val }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="currency_val" label="币种" min-width="60"></el-table-column> <el-table-column prop="buyer_name" label="订单人员" width="100" align="center">
<el-table-column prop="purchase_amount" label="订单金额" min-width="110"></el-table-column> <template slot-scope="scope">
<el-table-column prop="purchase_name" label="订单人员" width="100"></el-table-column> <el-popover placement="bottom" title="订单人员" width="200" trigger="hover">
<el-table-column prop="source_type" label="订单来源" width="100"></el-table-column> <div class="contact-information">
<el-table-column prop="create_time" label="创建时间" width="150"></el-table-column> <p class="row verCenter"><em>电话：</em><span>{{ scope.row.buyer_info.mobile }}</span></p>
<p class="row verCenter"><em>邮箱：</em><span>{{ scope.row.buyer_info.email }}</span></p>
</div>
<a slot="reference" href="javascript:;" class="alink">{{ scope.row.buyer_info.buyer_name }}</a>
</el-popover>
</template>
</el-table-column>
<el-table-column prop="source_type" label="订单来源" width="150" align="center">
<template slot-scope="scope">
<span>{{ scope.row.source_type }}</span>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">{{ scope.row.source_type_tips }}</div>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="create_time" label="创建时间" width="150" align="center"></el-table-column>
<el-table-column fixed="right" label="操作" width="110" align="center"> <el-table-column fixed="right" label="操作" width="110" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="primary" size="mini" class="yunyin-btn">查看日志</el-button> <el-button @click="handleClick(scope.row)" type="primary" size="mini" class="yunyin-btn">查看日志</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination> <div class="row bothSide">
<p class="tetx-goods row verCenter">
<span>订单总金额：</span>
<em>￥{{ total_amount }}</em>
</p>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div>
</div> </div>
</div> </div>
<Menu/> <Menu/>
...@@ -112,53 +160,68 @@ ...@@ -112,53 +160,68 @@
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import {Autocomplete, Button, Cascader, DatePicker, Dialog, Form, FormItem, Input, Message, Option, Pagination, Select, Table, TableColumn, Tag} from 'element-ui' import {Autocomplete, Button, Cascader, DatePicker, Dialog, Form, FormItem, Input, Message, Option, Pagination, Popover, Select, Table, TableColumn, Tag} from 'element-ui'
import Tool from "@/tool";
import {NODE_ENVS} from "@/ajax";
import qs from 'qs';
Vue.prototype.$message = Message; Vue.prototype.$message = Message;
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination); Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination);
Vue.use(TableColumn).use(Table).use(Cascader).use(Autocomplete).use(DatePicker).use(Tag); Vue.use(TableColumn).use(Table).use(Cascader).use(Autocomplete).use(DatePicker).use(Tag).use(Popover);
export default { export default {
name: "orderTrackGoods", name: "orderTrackGoods",
data() { data() {
return { return {
total_amount: '',//订单总金额
total: 0, total: 0,
limit: 10, limit: 10,
page: 1, page: 1,
dialogVisible: false, dialogVisible: false,
logs: [], logs: [],
create_time_val: '',
inquiry_item_id: '',//询价id
formInline: { formInline: {
goods_name: '', goods_name: '',
brand_name: '', brand_name: '',
shipping_status: '', shipping_status: '',
status: '', status: '',
pay_status: '', pay_status: '',
inquiry_sn: '',
quote_sn: '', quote_sn: '',
source_type: '', source_type: '',
currency: '',
create_time: ''
}, },
tableData: "", tableData: "",
multipleSelection: [] multipleSelection: []
}; };
}, },
created() { created() {
this.formInline.inquiry_sn = this.$route.query.inquiry_sn || '';
this.getData(); this.getData();
}, },
computed: {}, watch: {
$route(to, from) {
if (to.path == '/orderTrackGoods') {
this.formInline.inquiry_sn = this.$route.query.inquiry_sn || '';
this.getData();
}
}
},
methods: { methods: {
getData() { getData() {
this.$http('post', "/api/purchase/getPurchaseList", { //格式化时间
page: this.page, if (this.create_time_val) {
limit: this.limit, this.formInline.create_time = this.create_time_val[0] + '~' + this.create_time_val[1];
brand_name: this.formInline.brand_name, } else {
goods_name: this.formInline.goods_name, this.formInline.create_time = '';
shipping_status: this.formInline.shipping_status, }
status: this.formInline.status, var params = Object.assign({}, {page: this.page}, {limit: this.limit}, this.formInline, {inquiry_item_id: this.inquiry_item_id})
pay_status: this.formInline.pay_status, this.$http('post', "/api/purchase/getPurchaseList", params).then(res => {
quote_sn: this.formInline.quote_sn,
source_type: this.formInline.source_type,
}).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.tableData = res.data.list || []; this.tableData = res.data.list || [];
this.total = Number(res.data.total) || 0; this.total = Number(res.data.total) || 0;
this.total_amount = res.data.total_amount;
} else { } else {
this.$message({ this.$message({
message: res.msg, message: res.msg,
...@@ -203,8 +266,21 @@ export default { ...@@ -203,8 +266,21 @@ export default {
this.getData(); this.getData();
}, },
resetForm(formName) { resetForm(formName) {
this.create_time_val = '';
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
/**
* 导出
*/
exportChange() {
var ids = this.multipleSelection.map(obj => {
return obj.purchase_id;
});
var params = Object.assign({}, {token: Tool.getCookie('token')},{ids: ids.join(',')})
var url = NODE_ENVS + '/api/purchase/export?' + qs.stringify(params);
const newsUrl = this.$router.resolve(url);
window.open(url);
},
//生成发货单 //生成发货单
addSend() { addSend() {
if (this.multipleSelection.length != 1) { if (this.multipleSelection.length != 1) {
...@@ -293,6 +369,23 @@ export default { ...@@ -293,6 +369,23 @@ export default {
} }
}; };
</script> </script>
<style scoped> <style scoped lang="less">
@import "../../assets/css/goods/goods.min.css"; @import "../../assets/css/goods/goods.min.css";
.tetx-goods {
font-size: 12px;
margin-top: 20px;
flex-wrap: wrap;
span {
color: #333;
font-weight: bold;
}
em {
color: #D9001B;
font-weight: bold;
margin-right: 15px;
}
}
</style> </style>
\ No newline at end of file
src/views/OrderTrack/invoice.vue
<template> <template>
<section class="goods pagex"> <section class="goods pagex">
<div class="goods-con"> <div class="goods-con">
<el-form :inline="true" :model="formInline" label-width="80px" ref="formInline"> <!--搜索区-->
<el-form :inline="true" :model="formInline" ref="formInline" label-width="100px">
<el-form-item label="发货单号" prop="stock_in_sn"> <el-form-item label="发货单号" prop="stock_in_sn">
<el-input v-model="formInline.stock_in_sn" placeholder="请输入发货单号"></el-input> <el-input v-model="formInline.stock_in_sn" placeholder="请输入发货单号" clearable></el-input>
</el-form-item> </el-form-item>
<el-form-item label="型号" prop="goods_name"> <el-form-item label="型号" prop="goods_name">
<el-autocomplete v-model="formInline.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete> <el-autocomplete v-model="formInline.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete>
...@@ -12,68 +13,133 @@ ...@@ -12,68 +13,133 @@
<el-autocomplete v-model="formInline.brand_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsyncBrand" placeholder="请输入品牌" clearable></el-autocomplete> <el-autocomplete v-model="formInline.brand_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsyncBrand" placeholder="请输入品牌" clearable></el-autocomplete>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select v-model="formInline.status" placeholder="请选择"> <el-select v-model="formInline.status" placeholder="请选择" clearable>
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option label="待到货" value="1"></el-option> <el-option label="待到货" value="1"></el-option>
<el-option label="完成" value="2"></el-option> <el-option label="完成" value="2"></el-option>
<el-option label="作废" value="-3"></el-option> <el-option label="作废" value="-3"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="质检结果" prop="status">
<el-select v-model="formInline.qc_result_type" placeholder="请选择" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="退货" value="1"></el-option>
<el-option label="正常入库" value="2"></el-option>
<el-option label="特批入库" value="3"></el-option>
<el-option label="待处理" value="4"></el-option>
</el-select>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="create_time_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item label="质检时间">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="qc_time_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="submit">查询</el-button> <el-button type="primary" @click="submit">查询</el-button>
<el-button @click="resetForm('formInline')">重置</el-button> <el-button @click="resetForm('formInline')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-nav clr"> <!--操作区-->
<el-button type="primary" @click="cancelSend">取消发货</el-button> <div class="operation-area row verCenter bothSide">
<div class="operation-button row verCenter">
<el-button type="primary" @click="cancelSend">取消发货</el-button>
</div>
<div class="text-tip row verCenter">
<i class="el-icon-warning"></i>
<span>该页面展示的数据为：贵司向猎芯客户发出的货品</span>
</div>
</div> </div>
<!--列表区-->
<div class="data-box th-all" v-if="tableData"> <div class="data-box th-all" v-if="tableData">
<el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange"> <el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="40"></el-table-column> <el-table-column fixed type="selection" width="40" align="center"></el-table-column>
<el-table-column prop="stock_in_sn" label="发货单号" width="160" :show-overflow-tooltip="true"></el-table-column> <el-table-column label="发货信息">
<el-table-column prop="goods_name" label="型号" min-width="150" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="stock_in_sn" label="发货单号" width="160" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="brand_name" label="品牌" min-width="150" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="goods_name" label="型号" min-width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="out_qty" label="发货数量" min-width="80" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="brand_name" label="品牌" min-width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="in_qty" label="到货数量" min-width="80" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="out_qty" label="发货数量" min-width="80" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="status_val" label="状态" min-width="60" :show-overflow-tooltip="true"> <el-table-column prop="in_qty" label="到货数量" min-width="80" :show-overflow-tooltip="true" align="center"></el-table-column>
<template slot-scope="scope"> <el-table-column prop="status_val" label="状态" min-width="100" :show-overflow-tooltip="true" align="center">
<el-tag type="success" v-if="scope.row.status == 2 " disable-transitions>{{ scope.row.status_val }}</el-tag> <template slot-scope="scope">
<el-tag type="primary" v-else-if="scope.row.status == 1 " disable-transitions>{{ scope.row.status_val }}</el-tag> <el-tag type="success" v-if="scope.row.status == 2 " disable-transitions>{{ scope.row.status_val }}</el-tag>
<el-tag type="info" v-else-if="scope.row.status == -3 " disable-transitions>{{ scope.row.status_val }}</el-tag> <el-tag type="primary" v-else-if="scope.row.status == 1 " disable-transitions>{{ scope.row.status_val }}</el-tag>
<el-tag type="primary" v-else>{{ scope.row.status_val }}</el-tag> <el-tag type="info" v-else-if="scope.row.status == -3 " disable-transitions>{{ scope.row.status_val }}</el-tag>
</template> <el-tag type="primary" v-else>{{ scope.row.status_val }}</el-tag>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">{{ scope.row.status_tips }}</div>
</el-tooltip>
</template>
</el-table-column>
<el-table-column prop="shipping_name" label="物流公司" min-width="80" align="center"></el-table-column>
<el-table-column prop="create_name" label="创建人" min-width="100" align="center"></el-table-column>
<el-table-column prop="purchase_name" label="订单人员" min-width="100" align="center"></el-table-column>
<el-table-column prop="create_time" label="创建时间" width="150" align="center"></el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="shipping_name" label="物流公司" min-width="80"></el-table-column> <el-table-column label="质检信息">
<el-table-column prop="create_time" label="创建时间" width="150"></el-table-column> <el-table-column prop="qc_type_val" label="质检结果" width="100">
<el-table-column prop="create_name" label="创建人" min-width="100"></el-table-column> <template slot-scope="scope">
<el-table-column prop="purchase_name" label="订单人员" min-width="100"></el-table-column> <template v-if="scope.row.qc_type_val">
<el-table-column fixed="right" label="操作" width="110" align="center"> <span>{{ scope.row.qc_type_val }}</span>
<template slot-scope="scope"> <el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<el-button @click="handleClick(scope.row)" type="primary" size="mini" class="yunyin-btn">查看日志</el-button> <i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
</template> <div slot="content">{{ scope.row.qc_type_tips }}</div>
</el-tooltip>
</template>
</template>
</el-table-column>
<el-table-column prop="package" label="封装" width="100" align="center"></el-table-column>
<el-table-column prop="silk_screen" label="丝印" width="100" align="center"></el-table-column>
<el-table-column prop="" label="质检图片" width="100" align="center">
<template slot-scope="scope">
<template v-if="scope.row.is_upload_image == 0">-</template>
<template v-else>
<a href="javascript:;" class="alink" @click="viewPic(scope.row.qc_id)">查看图片</a>
</template>
</template>
</el-table-column>
<el-table-column prop="" label="质检附件" width="100" align="center">
<template slot-scope="scope">
<template v-if="scope.row.is_upload_attachment == 0">-</template>
<template v-else>
<a href="javascript:;" class="alink" @click="viewPic(scope.row.qc_id,2)">查看附件</a>
</template>
</template>
</el-table-column>
<el-table-column prop="qc_time" label="质检时间" width="150" align="center"></el-table-column>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination> <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div> </div>
<!--质检图片-->
<el-dialog title="质检图片" :close-on-click-modal="false" :visible.sync="dialogVisible" width="700px" class="xx">
<div class="pic-list row">
<template v-for="v in qcImage">
<el-image style="width: 100px; height: 100px" :src="v.small_image_url" :preview-src-list="v.big_image_url.split(',')"></el-image>
</template>
</div>
</el-dialog>
<!--质检附件-->
<el-dialog title="质检附件" :close-on-click-modal="false" :visible.sync="dialogFileVisible" width="700px" class="xx">
<div class="pic-list row">
<template v-for="v in qcAttachments">
<el-link type="primary" :href="v.file_url" target="_blank" style="margin-right: 5px">{{ v.file_name }}</el-link>
</template>
</div>
</el-dialog>
</div> </div>
<Menu/> <Menu/>
<el-dialog title="发货单日志" :close-on-click-modal="false" :visible.sync="dialogVisible">
<el-table :data="logs" border max-height="600">
<el-table-column prop="create_time" label="时间" min-width="150" align="center"></el-table-column>
<el-table-column prop="message" label="操作说明" min-width="150" align="center"></el-table-column>
<el-table-column prop="operator" label="操作人" min-width="150" align="center"></el-table-column>
</el-table>
</el-dialog>
</section> </section>
</template> </template>
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import {Autocomplete, Button, Dialog, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Select, Table, TableColumn, Tag} from 'element-ui' import {Autocomplete, Button, DatePicker, Dialog, Form, FormItem, Image, Input, Link, Message, MessageBox, Option, Pagination, Select, Table, TableColumn, Tag} from 'element-ui'
Vue.prototype.$message = Message; Vue.prototype.$message = Message;
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination); Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination);
Vue.use(TableColumn).use(Table).use(Autocomplete).use(Tag); Vue.use(TableColumn).use(Table).use(Autocomplete).use(Tag).use(DatePicker).use(Image).use(Link);
export default { export default {
name: "orderTrackInvoice", name: "orderTrackInvoice",
data() { data() {
...@@ -82,8 +148,17 @@ export default { ...@@ -82,8 +148,17 @@ export default {
limit: 10, limit: 10,
page: 1, page: 1,
dialogVisible: false, dialogVisible: false,
dialogFileVisible: false,
logs: [], logs: [],
create_time_val: '',//创建时间
qc_time_val: '',//质检时间
qcImage: [],//质检图片
qcAttachments: [],//质检附件
purchase_id: '',//记录从已采购订单页面跳转来的
stock_in_sn: '',//记录从退货单页面跳转来的
formInline: { formInline: {
create_time: '',//创建时间
qc_time: '',//质检时间
stock_in_sn: "", stock_in_sn: "",
goods_name: '', goods_name: '',
brand_name: '', brand_name: '',
...@@ -94,19 +169,34 @@ export default { ...@@ -94,19 +169,34 @@ export default {
}; };
}, },
created() { created() {
this.purchase_id = this.$route.query.purchase_id || '';
this.stock_in_sn = this.$route.query.stock_in_sn || '';
this.getData(); this.getData();
}, },
computed: {}, watch: {
$route(to, from) {
if (to.path == '/orderTrackInvoice') {
this.purchase_id = this.$route.query.purchase_id || '';
this.stock_in_sn = this.$route.query.stock_in_sn || '';
this.getData();
}
}
},
methods: { methods: {
getData() { getData() {
this.$http('post', "/api/purchase/getDeliveryList", { //格式化时间
page: this.page, if (this.create_time_val) {
limit: this.limit, this.formInline.create_time = this.create_time_val[0] + '~' + this.create_time_val[1];
stock_in_sn: this.formInline.stock_in_sn, } else {
brand_name: this.formInline.brand_name, this.formInline.create_time = '';
goods_name: this.formInline.goods_name, }
status: this.formInline.status, if (this.qc_time_val) {
}).then(res => { this.formInline.qc_time = this.qc_time_val[0] + '~' + this.qc_time_val[1];
} else {
this.formInline.qc_time = '';
}
var params = Object.assign({}, {page: this.page}, {limit: this.limit}, this.formInline, {purchase_id: this.purchase_id}, {stock_in_sn: this.stock_in_sn});
this.$http('post', "/api/purchase/getDeliveryList", params).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.tableData = res.data.list || []; this.tableData = res.data.list || [];
this.total = Number(res.data.total) || 0; this.total = Number(res.data.total) || 0;
...@@ -115,6 +205,30 @@ export default { ...@@ -115,6 +205,30 @@ export default {
} }
}) })
}, },
/**
* 查看图片
*/
viewPic(qc_id, type) {
if (type == 2) {
this.$http('POST', "/api/purchase/getQcAttachments", {qc_id: qc_id}).then(res => {
if (res.code === 0) {
this.dialogFileVisible = true;
this.qcAttachments = res.data.list;
} else {
this.$message(res.msg);
}
})
} else {
this.$http('POST', "/api/purchase/getQcImages", {qc_id: qc_id}).then(res => {
if (res.code === 0) {
this.dialogVisible = true;
this.qcImage = res.data.list;
} else {
this.$message(res.msg);
}
})
}
},
handleCurrentChange(val) { handleCurrentChange(val) {
this.page = val; this.page = val;
this.getData(); this.getData();
...@@ -126,31 +240,13 @@ export default { ...@@ -126,31 +240,13 @@ export default {
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
}, },
getLogs(obj_type, obj_id) {
this.$http('GET', "/api/log/getLogs", {
obj_type: obj_type,
obj_id: obj_id
}).then(res => {
if (res.code === 0) {
this.dialogVisible = true;
this.logs = res.data.list;
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
});
},
handleClick(row) {
this.getLogs(205, row.stock_in_id);
console.log(row);
},
submit() { submit() {
this.page = 1; this.page = 1;
this.getData(); this.getData();
}, },
resetForm(formName) { resetForm(formName) {
this.create_time_val = '';
this.qc_time_val = '';
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
//取消发货 //取消发货
...@@ -267,4 +363,13 @@ export default { ...@@ -267,4 +363,13 @@ export default {
</script> </script>
<style scoped> <style scoped>
@import "../../assets/css/goods/goods.min.css"; @import "../../assets/css/goods/goods.min.css";
.pic-list {
flex-wrap: wrap;
}
.pic-list .el-image {
margin-right: 10px;
margin-bottom: 10px;
}
</style> </style>
\ No newline at end of file
src/views/OrderTrack/returnGoods.vue 0 → 100644
<template>
<section class="goods pagex">
<div class="goods-con">
<!--搜索区-->
<el-form :inline="true" :model="formInline" label-width="80px" ref="formInline">
<el-form-item label="发货单号" prop="stock_in_sn">
<el-input v-model="formInline.stock_in_sn" placeholder="请输入发货单号" clearable></el-input>
</el-form-item>
<el-form-item label="型号" prop="goods_name">
<el-autocomplete v-model="formInline.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete>
</el-form-item>
<el-form-item label="品牌" prop="brand_name">
<el-autocomplete v-model="formInline.brand_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsyncBrand" placeholder="请输入品牌" clearable></el-autocomplete>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="formInline.status" placeholder="请选择" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="作废" value="-3"></el-option>
<el-option label="待提审" value="-2"></el-option>
<el-option label="待审核" value="-1"></el-option>
<el-option label="待退货入库" value="1"></el-option>
<el-option label="待付款退款" value="2"></el-option>
<el-option label="完成" value="3"></el-option>
<el-option label="待同步金蝶" value="4"></el-option>
</el-select>
</el-form-item>
<el-form-item label="退货时间">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="create_time_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submit">查询</el-button>
<el-button @click="resetForm('formInline')">重置</el-button>
</el-form-item>
</el-form>
<!--操作区-->
<div class="operation-area row verCenter bothSide">
<div class="operation-button row verCenter"></div>
<div class="text-tip row verCenter">
<i class="el-icon-warning"></i>
<span>该页面展示的数据为：猎芯客户与贵司产生的订单退货数据</span>
</div>
</div>
<!--列表区-->
<div class="data-box th-all" v-if="tableData">
<el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange">
<el-table-column prop="stock_in_sn" label="对应发货单" width="160" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<a class="alink" :href="'/#/orderTrackInvoice?stock_in_sn='+scope.row.stock_in_sn">{{ scope.row.stock_in_sn }}</a>
</template>
</el-table-column>
<el-table-column prop="status_val" label="状态" width="100" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope">
<el-tag type="danger" v-if="scope.row.status==-3">作废</el-tag>
<el-tag type="primary" v-else-if=" scope.row.status==-2">待提审</el-tag>
<el-tag type="primary" v-else-if=" scope.row.status==-1">待审核</el-tag>
<el-tag type="primary" v-else-if=" scope.row.status==1">待退货入库</el-tag>
<el-tag type="warning" v-else-if=" scope.row.status==2">待付款退款</el-tag>
<el-tag type="success" v-else-if="scope.row.status==3">完成</el-tag>
<el-tag v-else-if="scope.row.status==4">待同步金蝶</el-tag>
</template>
</el-table-column>
<el-table-column prop="goods_name" label="型号" min-width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="brand_name" label="品牌" min-width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="out_qty" label="发货数量" min-width="80" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="return_qty" label="退货数量" min-width="80" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="return_in_tax" label="单价" min-width="100" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="refund_in_tax" label="退货总价" min-width="80" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="wms_batch_sn" label="批次" min-width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="create_time" label="退货时间" width="160" align="center" :show-overflow-tooltip="true"></el-table-column>
</el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div>
</div>
<Menu/>
</section>
</template>
<script>
import Vue from 'vue';
import Menu from "@/components/menu.vue";
import {Autocomplete, Button, DatePicker, Dialog, Form, FormItem, Input, Message, Option, Pagination, Select, Table, TableColumn, Tag} from 'element-ui'
Vue.prototype.$message = Message;
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination);
Vue.use(TableColumn).use(Table).use(Autocomplete).use(Tag).use(DatePicker);
export default {
name: "orderTrackInvoice",
data() {
return {
total: 0,
limit: 10,
page: 1,
dialogVisible: false,
create_time_val: '',
formInline: {
create_time: '',
stock_in_sn: "",
goods_name: '',
brand_name: '',
status: ''
},
tableData: "",
multipleSelection: [] //选择数据
};
},
created() {
this.getData();
},
methods: {
getData() {
//格式化时间
if (this.create_time_val) {
this.formInline.create_time = this.create_time_val[0] + '~' + this.create_time_val[1];
} else {
this.formInline.create_time = '';
}
var params = Object.assign({}, {page: this.page}, {limit: this.limit}, this.formInline)
this.$http('post', "/api/purchase/getReturnMaterialList", params).then(res => {
if (res.code === 0) {
this.tableData = res.data.list || [];
this.total = Number(res.data.total) || 0;
} else {
this.$message(res.msg);
}
})
},
/**
* 分页点击切换
* @param val
*/
handleCurrentChange(val) {
this.page = val;
this.getData();
},
/**
* 分页条数切换
* @param val
*/
handleSizeChange(val) {
this.limit = val;
this.getData();
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
submit() {
this.page = 1;
this.getData();
},
resetForm(formName) {
this.create_time_val = '';
this.$refs[formName].resetFields();
},
/**
* 搜索型号
* @param queryString
* @param cb
*/
querySearchAsync(queryString, cb) {
this.$http('get', "/api/search/getspu", {
spu_name: queryString
}).then(res => {
if (res.code == 0) {
if (res.data.list.length > 0) {
var arrlist_ = res.data.list || [];
var arr_ = []
for (var i = 0; i < arrlist_.length; i++) {
arr_.push({
value: arrlist_[i]['spu_name']
})
}
cb(arr_);
} else {
cb([]);
}
}
})
},
/**
* 搜索品牌
* @param queryString
* @param cb
*/
querySearchAsyncBrand(queryString, cb) {
this.$http('get', "/api/brand/get_stand_brand", {
brand: queryString
}).then(res => {
if (res.code == 0) {
if (res.data.list.length > 0) {
var arrlist_ = res.data.list || [];
var arr_ = []
for (var i = 0; i < arrlist_.length; i++) {
arr_.push({
value: arrlist_[i]
})
}
cb(arr_);
} else {
cb([]);
}
}
})
},
},
components: {
Menu
}
};
</script>
<style scoped>
@import "../../assets/css/goods/goods.min.css";
</style>
\ No newline at end of file
src/views/Store/enter.vue
<template> <template>
<div class="enter pagex"> <div class="enter pagex">
<div class="enter-con"> <div class="enter-con">
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam"> <!--搜索区-->
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam" label-width="80px">
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select v-model="formParam.status" placeholder="全部"> <el-select v-model="formParam.status" placeholder="全部" clearable>
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option label="待处理" value="1"></el-option> <el-option label="待处理" value="1"></el-option>
<el-option label="处理中" value="2"></el-option> <el-option label="处理中" value="2"></el-option>
...@@ -12,62 +13,81 @@ ...@@ -12,62 +13,81 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="更新日期"> <el-form-item label="更新日期">
<el-date-picker v-model="formParam.date" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker> <el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="formParam.date" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="submit">搜索</el-button> <el-button type="primary" @click="submit">搜索</el-button>
<el-button @click="resetForm('formParam')">重置</el-button> <el-button @click="resetForm('formParam')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-nav clr"> <!--操作区-->
<el-upload class="upload-demo fl" :data="fileData" :action="uploadUrl" :on-change="handleChange" multiple> <div class="operation-area row">
<div class="fl dcg">导入</div> <el-button type="primary" @click="importChange">导入</el-button>
</el-upload> <a href="/uploadSku.csv" class="downTemplate">下载模版</a>
<a :href="downHref" ref="downs" target="_blank" style="display:none">下载</a> <el-button type="danger" @click="del">删除</el-button>
<a class="fl dcg" :href="downUrl" target="_blank">下载模版</a>
<div class="fl dcg delbtn" @click="del">删除</div>
</div> </div>
<!--列表区-->
<div class="data-box th-all" v-if="tableData"> <div class="data-box th-all" v-if="tableData">
<el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange"> <el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="40"></el-table-column> <el-table-column fixed type="selection" width="40" align="center"></el-table-column>
<el-table-column label="单号" min-width="20%"> <el-table-column label="单号" min-width="20%" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<a :href="'/#/listDetail?sn='+scope.row.up_sn+'&id='+scope.row.id" class="f-blue">{{ scope.row.up_sn }}</a> <a :href="'/#/listDetail?sn='+scope.row.up_sn+'&id='+scope.row.id" class="alink">{{ scope.row.up_sn }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="file_name" label="文件名字" min-width="20%" :show-overflow-tooltip="true"> <el-table-column prop="file_name" label="文件名字" min-width="20%" :show-overflow-tooltip="true" align="center"></el-table-column>
</el-table-column> <el-table-column prop="status" label="状态" width="120" align="center">
<el-table-column prop="status" label="状态" min-width="20%">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.status==1" class="f-green">待处理</span> <el-tag v-if="scope.row.status==1" type="primary">待处理</el-tag>
<span v-else-if="scope.row.status==2" class="f-yellow1">处理中</span> <el-tag v-else-if="scope.row.status==2" type="warning">处理中</el-tag>
<span v-else-if="scope.row.status==3">已处理</span> <el-tag v-else-if="scope.row.status==3" type="success">已处理</el-tag>
<span v-else-if="scope.row.status==4" class="f-red1">失败</span> <el-tag v-else-if="scope.row.status==4" type="danger">失败</el-tag>
<el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">{{ scope.row.status_tips }}</div>
</el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="latest_notice" label="最新上传状态" min-width="20%"> <el-table-column prop="latest_notice" label="最新上传状态" min-width="20%" align="center"></el-table-column>
</el-table-column> <el-table-column prop="create_time" label="上传时间" width="160" align="center"></el-table-column>
<el-table-column prop="create_time" label="上传时间" width="160">
</el-table-column>
</el-table> </el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination> <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div> </div>
<!--导入数据确认-->
<el-dialog title="导入数据确认" :close-on-click-modal="false" :visible.sync="dialogVisible" width="700px">
<div class="dialog-text">
<p class="tt">
上传的型号经由猎芯审核通过后，会展示在【猎芯网】进行售卖，并参与【猎芯询报价】系统自动推送询价<br/>
您此次上传的型号是否要对已在【猎芯网】展示的型号进行覆盖或是新增？
</p>
<p class="alink">覆盖：已在【猎芯网】进行展示的型号全部下架，展示现在新上传的型号；</p>
<p class="alink">新增：已在【猎芯网】进行展示的型号保持不变，额外加上新上传的型号；</p>
<div class="row" style="margin-top: 10px;margin-bottom: 10px;">
<el-radio v-model="fileData.type" label="1">覆盖</el-radio>
<el-radio v-model="fileData.type" label="2">新增</el-radio>
</div>
<div slot="footer" class="dialog-footer row" style="text-align: right;justify-content: flex-end;">
<el-button @click="dialogVisible = false" style="margin-right: 10px;">取 消</el-button>
<el-upload :data="fileData" :action="uploadUrl" :on-success="handleChange" multiple>
<el-button type="primary">确 定</el-button>
</el-upload>
</div>
</div>
</el-dialog>
</div> </div>
<Menu/> <Menu/>
</div> </div>
</template> </template>
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import Tool from '../../tool' import Tool from '../../tool'
import {NODE_ENVS} from "../../ajax"; import {NODE_ENVS} from "../../ajax";
import {Button, DatePicker, Dialog, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Select, Table, TableColumn, Upload} from 'element-ui' import {Button, DatePicker, Dialog, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Radio, Select, Table, TableColumn, Tag, Tooltip, Upload} from 'element-ui'
Vue.prototype.$message = Message Vue.prototype.$message = Message
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination) Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Pagination).use(Tag).use(Tooltip);
Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Upload) Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Upload).use(Radio);
export default { export default {
name: "enter", name: "enter",
data() { data() {
...@@ -76,9 +96,12 @@ export default { ...@@ -76,9 +96,12 @@ export default {
limit: 10, limit: 10,
page: 1, page: 1,
downHref: "", downHref: "",
dialogVisible: false,
uploadUrl: NODE_ENVS + '/api/uploadSku/import', uploadUrl: NODE_ENVS + '/api/uploadSku/import',
fileData: {token: Tool.getCookie('token')}, fileData: {
downUrl: NODE_ENVS + '/api/uploadSku/downUploadCsv?token=' + Tool.getCookie('token'), token: Tool.getCookie('token'),
type: "1"//1覆盖 2新增
},
formParam: { formParam: {
status: '', status: '',
date: '' date: ''
...@@ -97,8 +120,13 @@ export default { ...@@ -97,8 +120,13 @@ export default {
created() { created() {
this.getData(); this.getData();
}, },
computed: {},
methods: { methods: {
importChange() {
this.dialogVisible = true;
},
/**
* 获取数据
*/
getData() { getData() {
this.$http('get', "/api/uploadSku/list", { this.$http('get', "/api/uploadSku/list", {
page: this.page, page: this.page,
...@@ -119,50 +147,45 @@ export default { ...@@ -119,50 +147,45 @@ export default {
}) })
}, },
resetForm(formName) { resetForm(formName) {
this.formParam.date=''; this.formParam.date = '';
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
/**
* 搜索提交
*/
submit() { submit() {
this.page = 1; this.page = 1;
this.getData(); this.getData();
}, },
/**
* 文件导入
* @param file
* @param fileList
* @returns {boolean}
*/
handleChange(file, fileList) { handleChange(file, fileList) {
if (!file.response) { var that = this;
return false; if (file.code === 0) {
} that.dialogVisible = false;
if (file.response.code === 0) { that.page = 1;
that.getData();
this.$message({ this.$message({
message: '导入成功', message: '导入成功',
type: 'success' type: 'success',
}); onClose() {
this.page = 1;
this.getData();
} else {
this.$message(file.response.msg);
}
}, }
checkdr() {
if (this.multipleSelection.length > 1) {
this.$message({
message: '只能选择一条数据导入',
type: 'warning'
}); });
return } else {
}
if (this.multipleSelection.length == 0) {
this.$message({ this.$message({
message: '请至少选择一条数据导入', message: file.msg,
type: 'warning' type: 'warning'
}); });
return
} }
this.downHref = NODE_ENVS + '/api/uploadSku/downResult?id=' + this.multipleSelection[0]['id'] + '&token=' + Tool.getCookie('token')
setTimeout(() => {
this.$refs.downs.click()
}, 10)
}, },
/**
* 删除
*/
del() { del() {
if (this.multipleSelection.length == 0) { if (this.multipleSelection.length == 0) {
this.$message({ this.$message({
...@@ -217,4 +240,30 @@ export default { ...@@ -217,4 +240,30 @@ export default {
</script> </script>
<style scoped> <style scoped>
@import "../../assets/css/store/enter.min.css"; @import "../../assets/css/store/enter.min.css";
.downTemplate {
width: 68px;
height: 28px;
text-align: center;
line-height: 28px;
color: #FFF;
background-color: #409EFF;
border-color: #409EFF;
font-size: 12px;
border-radius: 3px;
margin-left: 10px;
margin-right: 10px;
display: block;
}
.dialog-text .tt {
color: #333;
font-weight: bold;
line-height: 25px;
margin-bottom: 16px;
}
.dialog-text .alink {
font-size: 12px;
}
</style> </style>
\ No newline at end of file
src/views/Store/goodDetail.vue 0 → 100644
<template>
<div class="listDetail pagex">
<el-descriptions style="width: 600px" :column="4">
<el-descriptions-item label="导入总数">{{ importDetail.count }}</el-descriptions-item>
<el-descriptions-item label="导入成功"><span class="alink">{{ importDetail.success_count }}</span></el-descriptions-item>
<el-descriptions-item label="导入失败"><span style="color: red">{{ importDetail.failed_count }}</span></el-descriptions-item>
<el-descriptions-item label="导入时间">{{ importDetail.import_time }}</el-descriptions-item>
</el-descriptions>
<!--操作区-->
<div class="operation-area row" style="margin-top: 10px;">
<div class="operation-button row verCenter">
<a class="downTemplateExport" @click="exportChange">导出失败数据</a>
<el-tooltip class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">导出失败数据：本次导入的数据，导入结果为成功，先上传提交审核，导入结果为失败，进行导出重新上传</div>
</el-tooltip>
</div>
</div>
<!--列表区-->
<div class="data-box" v-if="tableData">
<el-table :data="tableData" border max-height="600">
<el-table-column prop="import_res" label="导入结果" width="100" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span v-if="scope.row.import_res == 1" class="f-blue">成功</span>
<span v-else-if="scope.row.import_res == 2" class="f-red1">失败</span>
<span v-else-if="scope.row.import_res == 3" class="f-yellow1">导入中</span>
</template>
</el-table-column>
<el-table-column prop="failed_reason" label="失败原因" min-width="150" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="goods_name" label="型号" width="150" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="brand_name" label="品牌" width="150" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="start_order_number" label="起订量" width="100" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="currency" label="币种" width="120" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="price_origin" label="价格" width="120" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="batch" label="批次" width="100" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="stock_number" label="库存" width="100" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="delivery_time_cn" label="大陆交期" width="120"></el-table-column>
<el-table-column prop="delivery_time_hk" label="香港交期" width="120"></el-table-column>
</el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div>
<Menu/>
</div>
</template>
<script>
import Vue from 'vue';
import Menu from "@/components/menu.vue";
import {Descriptions, DescriptionsItem, Message, Pagination, Table, TableColumn, Tag, Tooltip} from 'element-ui'
import {NODE_ENVS} from "@/ajax";
import Tool from "@/tool";
Vue.prototype.$message = Message;
Vue.use(Pagination).use(TableColumn).use(Table).use(Tag).use(Descriptions).use(DescriptionsItem).use(Tooltip);
export default {
name: "goodDetail",
data() {
return {
total: 0,
limit: 10,
page: 1,
importDetail: {},
tableData: [],
multipleSelection: []
};
},
watch: {
$route(to, from) {
if (to.path == '/goodDetail') {
this.getData();
}
}
},
created() {
this.getData()
},
methods: {
/**
* 获取列表数据
*/
getData() {
this.$http('GET', "/api/bestgoods/importDetail", {
page: this.page,
limit: this.limit,
import_sn: this.$route.query.import_sn
}).then(res => {
if (res.code === 0) {
this.importDetail = res.data;
this.tableData = res.data.list;
this.total = res.data.count || 0;
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
})
},
/**
* 导出文件
*/
exportChange() {
var url = NODE_ENVS + '/api/bestgoods/exportFailedGoods?import_sn=' + this.$route.query.import_sn + '&token=' + Tool.getCookie('token');
const newsUrl = this.$router.resolve(url);
window.open(url);
},
handleSizeChange(val) {
this.limit = val;
this.getList();
},
handleCurrentChange(val) {
this.page = val;
this.getList();
},
},
components: {
Menu
}
};
</script>
<style scoped>
@import "../../assets/css/store/listDetail.min.css";
.btn-nav {
background: #FFFFFF;
padding: 0 0 20px 20px;
}
::v-deep .el-descriptions-item__label {
white-space: nowrap;
}
::v-deep .el-descriptions-item__content {
white-space: nowrap;
}
.downTemplateExport {
width: 92px;
height: 28px;
text-align: center;
line-height: 28px;
color: #FFF;
background-color: #409EFF;
border-color: #409EFF;
font-size: 12px;
border-radius: 3px;
margin-right: 10px;
display: block;
cursor: pointer;
}
</style>
\ No newline at end of file
src/views/Store/goodslist.vue
<template> <template>
<section class="store pagex"> <section class="store pagex">
<div class="store-con"> <div class="store-con">
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam"> <!--搜索区-->
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam" label-width="80px">
<el-form-item label="型号" prop="goods_name"> <el-form-item label="型号" prop="goods_name">
<el-autocomplete v-model="formParam.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete> <el-autocomplete v-model="formParam.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete>
</el-form-item> </el-form-item>
...@@ -15,45 +16,193 @@ ...@@ -15,45 +16,193 @@
<el-option label="不参与询价" value="2"></el-option> <el-option label="不参与询价" value="2"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="币种" prop="currency">
<el-select v-model="formParam.currency" placeholder="全部" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="RMB（人民币）" value="1"></el-option>
<el-option label="USD（美元）" value="2"></el-option>
<el-option label="HKD（港币）" value="3"></el-option>
<el-option label="EUR（欧元）" value="4"></el-option>
<el-option label="GBP（英镑）" value="5"></el-option>
</el-select>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="date_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="onSubmit">搜索</el-button> <el-button type="primary" @click="onSubmit">搜索</el-button>
<el-button @click="resetForm('formParam')">重置</el-button> <el-button @click="resetForm('formParam')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-nav clr"> <!--统计数据-->
<el-button type="primary" @click="addBestgoodsChange">新增</el-button> <ul class="statistical-data row avarage">
<el-button type="primary" @click="updateBestgoods">修改</el-button> <!--询价次数-->
<el-button type="danger" @click="delBestgoods">删除</el-button> <li>
<el-button type="primary" @click="isJoinInquiryChange(1)">参与询价</el-button> <p class="title row verCenter">询价次数</p>
<el-button type="primary" @click="isJoinInquiryChange(2)">不参与询价</el-button> <div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter" v-for="(v,index) in skuRankList[2]">
<span style="width: 40%;">{{ v.goods_name }}</span>
<span style="width: 40%;">{{ v.brand_name }}</span>
<template v-if="index == 0">
<span style="width: 20%;" class="color1">{{ v.num }}</span>
</template>
<template v-else-if="index == 1">
<span style="width: 20%;" class="color2">{{ v.num }}</span>
</template>
<template v-else-if="index == 2">
<span style="width: 20%;" class="color3">{{ v.num }}</span>
</template>
<template v-else>
<span style="width: 20%;">{{ v.num }}</span>
</template>
</div>
</div>
</li>
<!--报价次数-->
<li>
<p class="title row verCenter">报价次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter" v-for="(v,index) in skuRankList[3]">
<span style="width: 40%;">{{ v.goods_name }}</span>
<span style="width: 40%;">{{ v.brand_name }}</span>
<template v-if="index == 0">
<span style="width: 20%;" class="color1">{{ v.num }}</span>
</template>
<template v-else-if="index == 1">
<span style="width: 20%;" class="color2">{{ v.num }}</span>
</template>
<template v-else-if="index == 2">
<span style="width: 20%;" class="color3">{{ v.num }}</span>
</template>
<template v-else>
<span style="width: 20%;">{{ v.num }}</span>
</template>
</div>
</div>
</li>
<!--成单次数-->
<li>
<p class="title row verCenter">成单次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter" v-for="(v,index) in skuRankList[4]">
<span style="width: 40%;">{{ v.goods_name }}</span>
<span style="width: 40%;">{{ v.brand_name }}</span>
<template v-if="index == 0">
<span style="width: 20%;" class="color1">{{ v.num }}</span>
</template>
<template v-else-if="index == 1">
<span style="width: 20%;" class="color2">{{ v.num }}</span>
</template>
<template v-else-if="index == 2">
<span style="width: 20%;" class="color3">{{ v.num }}</span>
</template>
<template v-else>
<span style="width: 20%;">{{ v.num }}</span>
</template>
</div>
</div>
</li>
</ul>
<!--操作区-->
<div class="operation-area row verCenter bothSide">
<div class="operation-button row verCenter">
<el-button type="primary" @click="addBestgoodsChange">新增</el-button>
<el-button type="primary" @click="updateBestgoods">修改</el-button>
<el-button type="danger" @click="delBestgoods">删除</el-button>
<el-button type="primary" @click="isJoinInquiryChange(1)">参与询价</el-button>
<el-button type="primary" @click="isJoinInquiryChange(2)">不参与询价</el-button>
<a href="/云芯-优势货源导入模板.xlsx" class="downTemplate">下载模版</a>
<el-upload :data="fileData" :action="uploadUrl" :on-success="importTemplate" :show-file-list="false">
<el-button type="primary">批量导入</el-button>
</el-upload>
</div>
<div class="text-tip row verCenter">
<i class="el-icon-warning"></i>
<span>该页面展示的数据为：贵司上传的优势物料信息，并参与【猎芯询报价】系统自动推送询价</span>
</div>
</div> </div>
<!--列表区-->
<div class="data-box"> <div class="data-box">
<el-table :data="list" border max-height="600" @selection-change="handleSelectionChange"> <el-table :data="list" border max-height="600" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="40"></el-table-column> <el-table-column fixed type="selection" width="40" align="center"></el-table-column>
<el-table-column prop="goods_name" label="型号" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="goods_name" label="型号" min-width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="brand_name" label="品牌" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="brand_name" label="品牌" width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="start_order_number" label="起订量" width="120" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="start_order_number" label="起订量" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="currency_str" label="币种" width="120" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="currency_str" label="币种" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="price_origin" label="价格" width="120" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="price_origin" label="价格" width="150" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="batch" label="批次" width="120" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="batch" label="批次" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="stock_number" label="库存" width="120" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="stock_number" label="库存" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="join_inquiry_str" label="状态" width="120" :show-overflow-tooltip="true"> <el-table-column prop="delivery_time_cn" label="大陆交期" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="delivery_time_hk" label="香港交期" width="120" :show-overflow-tooltip="true" align="center"></el-table-column>
<el-table-column prop="join_inquiry_str" label="状态" width="120" :show-overflow-tooltip="true" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag :type="scope.row.join_inquiry === 1 ? 'success' : 'primary'" disable-transitions>{{ scope.row.join_inquiry_str }}</el-tag> <el-tag :type="scope.row.join_inquiry === 1 ? 'success' : 'primary'" disable-transitions>{{ scope.row.join_inquiry_str }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="create_time" label="创建时间" width="160" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="" label="统计" width="100" :show-overflow-tooltip="true" align="center">
<el-table-column fixed="right" label="操作" width="110" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="primary" size="mini" class="yunyin-btn">查看日志</el-button> <el-popover placement="bottom" title="" width="400" trigger="click" @show="showChange(scope.row)">
<div class="statistics-table">
<div class="title row verCenter">
<span class="one" style="width: 180px">{{ skuStatistics.goods_name }}</span>
<span style="width: 100px">次数</span>
<span style="width: 100px">排名</span>
<span style="width: 272px">最近时间</span>
</div>
<div class="list">
<div class="box row verCenter">
<span class="one" style="width: 180px">搜索次数</span>
<span style="width: 100px">{{ skuStatistics.search_count }}</span>
<span style="width: 100px">{{ skuStatistics.search_rank }}</span>
<span style="width: 272px">{{ skuStatistics.search_last_time }}</span>
</div>
<div class="box row verCenter">
<span class="one" style="width: 180px">询价次数</span>
<span style="width: 100px">{{ skuStatistics.inquiry_count }}</span>
<span style="width: 100px">{{ skuStatistics.inquiry_rank }}</span>
<span style="width: 272px">{{ skuStatistics.inquiry_last_time }}</span>
</div>
<div class="box row verCenter">
<span class="one" style="width: 180px">报价次数</span>
<span style="width: 100px">{{ skuStatistics.quote_count }}</span>
<span style="width: 100px">{{ skuStatistics.quote_rank }}</span>
<span style="width: 272px">{{ skuStatistics.quote_last_time }}</span>
</div>
<div class="box row verCenter">
<span class="one" style="width: 180px">成单次数</span>
<span style="width: 100px">{{ skuStatistics.order_count }}</span>
<span style="width: 100px">{{ skuStatistics.order_rank }}</span>
<span style="width: 272px">{{ skuStatistics.order_last_time }}</span>
</div>
</div>
</div>
<a slot="reference" href="javascript:;" class="alink">查看</a>
</el-popover>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="create_time" label="创建时间" width="160" :show-overflow-tooltip="true" align="center"></el-table-column>
</el-table> </el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination> <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div> </div>
</div> </div>
<Menu/> <Menu/>
<el-dialog title="新增优势货源" :close-on-click-modal="false" :visible.sync="addBestgoods.dialogVisible" width="1000px"> <!--新增优势物料-->
<el-dialog title="新增优势物料" :close-on-click-modal="false" :visible.sync="addBestgoods.dialogVisible" width="1000px">
<div class="dialog-form bestGoodsList-dialog"> <div class="dialog-form bestGoodsList-dialog">
<table> <table>
<tbody> <tbody>
...@@ -82,6 +231,12 @@ ...@@ -82,6 +231,12 @@
<th align="left" width="50"> <th align="left" width="50">
<span>库存</span> <span>库存</span>
</th> </th>
<th align="left" width="80">
<span>大陆交期</span>
</th>
<th align="left" width="80">
<span>香港交期</span>
</th>
<th align="left" width="50"> <th align="left" width="50">
<span>操作</span> <span>操作</span>
</th> </th>
...@@ -159,6 +314,12 @@ ...@@ -159,6 +314,12 @@
<el-input v-model="addBestgoodsParam[index].stock_number" placeholder="个"></el-input> <el-input v-model="addBestgoodsParam[index].stock_number" placeholder="个"></el-input>
</td> </td>
<td> <td>
<el-input v-model="addBestgoodsParam[index].delivery_time_cn" placeholder="如2-5工作日" title="如2-5工作日"></el-input>
</td>
<td>
<el-input v-model="addBestgoodsParam[index].delivery_time_hk" placeholder="如2-5工作日" title="如2-5工作日"></el-input>
</td>
<td>
<el-button type="danger" @click="reduceRow(index)">删除</el-button> <el-button type="danger" @click="reduceRow(index)">删除</el-button>
</td> </td>
</tr> </tr>
...@@ -171,7 +332,8 @@ ...@@ -171,7 +332,8 @@
<el-button type="primary" @click="addBestgoodsSubmit" v-dbClick>确 定</el-button> <el-button type="primary" @click="addBestgoodsSubmit" v-dbClick>确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog title="修改优势货源" :close-on-click-modal="false" :visible.sync="addBestgoods.dialogVisibleUpdate" width="1000px"> <!--修改优势物料-->
<el-dialog title="修改优势物料" :close-on-click-modal="false" :visible.sync="addBestgoods.dialogVisibleUpdate" width="1000px">
<div class="dialog-form bestGoodsList-dialog"> <div class="dialog-form bestGoodsList-dialog">
<table> <table>
<tbody> <tbody>
...@@ -200,6 +362,12 @@ ...@@ -200,6 +362,12 @@
<th align="left" width="50"> <th align="left" width="50">
<span>库存</span> <span>库存</span>
</th> </th>
<th align="left" width="80">
<span>大陆交期</span>
</th>
<th align="left" width="80">
<span>香港交期</span>
</th>
</tr> </tr>
<tr v-for="(item,index) in updateBestgoodsParam"> <tr v-for="(item,index) in updateBestgoodsParam">
<td> <td>
...@@ -273,6 +441,12 @@ ...@@ -273,6 +441,12 @@
<td> <td>
<el-input v-model="updateBestgoodsParam[index].stock_number" placeholder="个"></el-input> <el-input v-model="updateBestgoodsParam[index].stock_number" placeholder="个"></el-input>
</td> </td>
<td>
<el-input v-model="updateBestgoodsParam[index].delivery_time_cn" placeholder="如2-5个工作日"></el-input>
</td>
<td>
<el-input v-model="updateBestgoodsParam[index].delivery_time_hk" placeholder="如2-5个工作日"></el-input>
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
...@@ -282,7 +456,8 @@ ...@@ -282,7 +456,8 @@
<el-button type="primary" @click="updateBestgoodsSubmit">确 定</el-button> <el-button type="primary" @click="updateBestgoodsSubmit">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog title="优势货源日志" :close-on-click-modal="false" :visible.sync="dialogVisible" width="1000px"> <!--优势物料日志-->
<el-dialog title="优势物料日志" :close-on-click-modal="false" :visible.sync="dialogVisible" width="1000px">
<el-table :data="logs" border max-height="600"> <el-table :data="logs" border max-height="600">
<el-table-column prop="create_time" label="时间" min-width="150" align="center"></el-table-column> <el-table-column prop="create_time" label="时间" min-width="150" align="center"></el-table-column>
<el-table-column prop="message" label="操作说明" min-width="150" align="center"></el-table-column> <el-table-column prop="message" label="操作说明" min-width="150" align="center"></el-table-column>
...@@ -294,22 +469,28 @@ ...@@ -294,22 +469,28 @@
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import {Autocomplete, Button, DatePicker, Dialog, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Popover, Select, Table, TableColumn, Tag, Tooltip} from 'element-ui' import {Autocomplete, Button, DatePicker, Dialog, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, MessageBox, Option, Pagination, Popover, Select, Table, TableColumn, Tag, Tooltip, Upload} from 'element-ui'
import {NODE_ENVS} from "../../ajax";
import Tool from "@/tool";
Vue.prototype.$message = Message Vue.prototype.$message = Message
Vue.prototype.$confirm = MessageBox.confirm; Vue.prototype.$confirm = MessageBox.confirm;
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Tooltip).use(Autocomplete).use(Popover).use(Tag) Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Tooltip).use(Autocomplete).use(Popover).use(Tag)
Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination) Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination).use(Upload)
export default { export default {
name: "list", name: "goodslisr",
data() { data() {
return { return {
logs:[], logs: [],
total: 0, total: 0,
page: 1, page: 1,
limit: 10, limit: 10,
list: [], list: [],
uploadUrl: NODE_ENVS + '/api/bestgoods/importTemplate',
fileData: {
token: Tool.getCookie('token')
},
dialogVisible: false, dialogVisible: false,
visible: [false],//批次弹窗 visible: [false],//批次弹窗
visibleUpdate: [false],//更新批次弹窗 visibleUpdate: [false],//更新批次弹窗
...@@ -338,8 +519,8 @@ export default { ...@@ -338,8 +519,8 @@ export default {
}, },
], ],
addBestgoods: { addBestgoods: {
dialogVisible: false, //新增优势货源 dialogVisible: false, //新增优势物料
dialogVisibleUpdate: false //修改优势货源 dialogVisibleUpdate: false //修改优势物料
}, },
addBestgoodsParam: [ addBestgoodsParam: [
{ {
...@@ -350,22 +531,89 @@ export default { ...@@ -350,22 +531,89 @@ export default {
price_origin: "", price_origin: "",
batch: "", batch: "",
stock_number: "", stock_number: "",
join_inquiry: "" join_inquiry: "",
delivery_time_cn: '',//大陆交期
delivery_time_hk: ''//香港交期
} }
], ],
updateBestgoodsParam: [], updateBestgoodsParam: [],
date_val: '',//创建时间
formParam: { formParam: {
goods_name: '', goods_name: '',//型号
brand_name: '', brand_name: '',//品牌
join_inquiry: '' join_inquiry: '',//状态
currency: '',//币种
date: ''//创建时间
}, },
multipleSelection: [] multipleSelection: [],
skuStatistics: {},//统计数据
skuRankList: {}//sku的型号统计排名列表
}; };
}, },
created() { created() {
this.getData() this.getData();
this.getSkuRankList();
}, },
methods: { methods: {
/**
* 获取sku的型号统计排名列表
*/
getSkuRankList() {
this.$http('GET', "/api/sku/getSkuRankList", {}).then(res => {
if (res.code === 0) {
this.skuRankList = res.data.rankList;
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
})
},
/**
* 批量导入
* @param file
* @param fileList
*/
importTemplate(file, fileList) {
var that = this;
if (file.code === 0) {
this.$message({
message: '导入成功',
type: 'success',
onClose() {
that.$router.push({
path: "/goodDetail",
query: {import_sn: file.data.import_sn},
});
}
});
} else {
this.$message({
message: file.msg,
type: 'warning'
});
}
},
/**
* 统计查看
* @param val
*/
showChange(row) {
this.$http('GET', "/api/sku/getSkuStatistics", {
goods_name: row.goods_name,
brand_name: row.brand_name
}).then(res => {
if (res.code == 0) {
this.skuStatistics = res.data.statisticsData;
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
})
},
getLogs(obj_type, obj_id) { getLogs(obj_type, obj_id) {
this.$http('GET', "/api/log/getLogs", { this.$http('GET', "/api/log/getLogs", {
obj_type: obj_type, obj_type: obj_type,
...@@ -386,7 +634,7 @@ export default { ...@@ -386,7 +634,7 @@ export default {
this.getLogs(503, row.id); this.getLogs(503, row.id);
console.log(row); console.log(row);
}, },
//新增优势货源弹窗 //新增优势物料弹窗
addBestgoodsChange() { addBestgoodsChange() {
this.addBestgoods.dialogVisible = true; this.addBestgoods.dialogVisible = true;
this.addBestgoodsParam = [{ this.addBestgoodsParam = [{
...@@ -397,10 +645,12 @@ export default { ...@@ -397,10 +645,12 @@ export default {
price_origin: "", price_origin: "",
batch: "", batch: "",
stock_number: "", stock_number: "",
join_inquiry: "" join_inquiry: "",
delivery_time_cn: '',//大陆交期
delivery_time_hk: ''//香港交期
}] }]
}, },
//修改优势货源弹窗 //修改优势物料弹窗
updateBestgoods() { updateBestgoods() {
if (this.multipleSelection.length != 1) { if (this.multipleSelection.length != 1) {
this.$message({ this.$message({
...@@ -420,7 +670,9 @@ export default { ...@@ -420,7 +670,9 @@ export default {
price_origin: this.multipleSelection[0].price_origin, price_origin: this.multipleSelection[0].price_origin,
batch: this.multipleSelection[0].batch, batch: this.multipleSelection[0].batch,
stock_number: this.multipleSelection[0].stock_number, stock_number: this.multipleSelection[0].stock_number,
join_inquiry: this.multipleSelection[0].join_inquiry join_inquiry: this.multipleSelection[0].join_inquiry,
delivery_time_cn: this.multipleSelection[0].delivery_time_cn,//大陆交期
delivery_time_hk: this.multipleSelection[0].delivery_time_hk//香港交期
}); });
}, },
//增加行 //增加行
...@@ -466,7 +718,7 @@ export default { ...@@ -466,7 +718,7 @@ export default {
batchChange() { batchChange() {
}, },
//新增优势货源提交 //新增优势物料提交
addBestgoodsSubmit() { addBestgoodsSubmit() {
var self = this; var self = this;
...@@ -520,7 +772,7 @@ export default { ...@@ -520,7 +772,7 @@ export default {
}); });
} }
}, },
//修改优势货源提交 //修改优势物料提交
updateBestgoodsSubmit() { updateBestgoodsSubmit() {
var self = this; var self = this;
for (let i = 0; i < this.updateBestgoodsParam.length; i++) { for (let i = 0; i < this.updateBestgoodsParam.length; i++) {
...@@ -581,7 +833,7 @@ export default { ...@@ -581,7 +833,7 @@ export default {
return obj.id; return obj.id;
}) })
this.$confirm('确认删除当前优势货源吗？', '提示', { this.$confirm('确认删除当前优势物料吗？', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
...@@ -789,7 +1041,16 @@ export default { ...@@ -789,7 +1041,16 @@ export default {
this.periodIndexTwo = index; this.periodIndexTwo = index;
} }
}, },
/**
* 获取数据
*/
getData() { getData() {
//格式化时间
if (this.date_val) {
this.formParam.date = this.date_val[0] + '~' + this.date_val[1];
} else {
this.formParam.date = '';
}
var params = Object.assign({}, {page: this.page, limit: this.limit}, this.formParam); var params = Object.assign({}, {page: this.page, limit: this.limit}, this.formParam);
this.$http('GET', "/api/bestgoods/getBestGoodsList", params).then(res => { this.$http('GET', "/api/bestgoods/getBestGoodsList", params).then(res => {
if (res.code === 0) { if (res.code === 0) {
...@@ -846,7 +1107,8 @@ export default { ...@@ -846,7 +1107,8 @@ export default {
this.multipleSelection = val; this.multipleSelection = val;
}, },
resetForm(formName) { resetForm(formName) {
this.formParam.date=''; this.formParam.date = '';
this.date_val = '';
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
}, },
onSubmit() { onSubmit() {
...@@ -868,5 +1130,20 @@ export default { ...@@ -868,5 +1130,20 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.downTemplate {
width: 68px;
height: 28px;
text-align: center;
line-height: 28px;
color: #FFF;
background-color: #409EFF;
border-color: #409EFF;
font-size: 12px;
border-radius: 3px;
margin-left: 10px;
margin-right: 10px;
display: block;
}
@import "../../assets/css/store/goodslist.min.css"; @import "../../assets/css/store/goodslist.min.css";
</style> </style>
\ No newline at end of file
src/views/Store/list.vue
<template> <template>
<div class="store pagex"> <div class="store pagex">
<div class="store-con"> <div class="store-con">
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam"> <!--搜索区-->
<el-form :inline="true" :model="formParam" class="demo-form-inline" ref="formParam" label-width="80px">
<el-form-item label="型号" prop="goods_name"> <el-form-item label="型号" prop="goods_name">
<el-autocomplete v-model="formParam.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete> <el-autocomplete v-model="formParam.goods_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsync" placeholder="请输入型号" clearable></el-autocomplete>
</el-form-item> </el-form-item>
...@@ -9,95 +10,228 @@ ...@@ -9,95 +10,228 @@
<el-autocomplete v-model="formParam.brand_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsyncBrand" placeholder="请输入品牌" clearable></el-autocomplete> <el-autocomplete v-model="formParam.brand_name" :trigger-on-focus="false" @keyup.enter.native="onSubmit" :fetch-suggestions="querySearchAsyncBrand" placeholder="请输入品牌" clearable></el-autocomplete>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select v-model="formParam.status" placeholder="请选择"> <el-select v-model="formParam.status" placeholder="请选择" clearable>
<el-option label="全部" value=""></el-option> <el-option label="全部" value=""></el-option>
<el-option label="上架" value="1"></el-option> <el-option label="上架" value="1"></el-option>
<el-option label="下架" value="3"></el-option> <el-option label="下架" value="3"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="更新日期" prop="date"> <el-form-item label="更新日期" prop="date">
<el-date-picker v-model="formParam.date" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker> <el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="formParam.date" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item label="过期时间" prop="date">
<el-date-picker :unlink-panels=true style="width:193px" prefix-icon="prefix-icon-time-style" v-model="cp_time_val" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="onSubmit">搜索</el-button> <el-button type="primary" @click="onSubmit">搜索</el-button>
<el-button @click="resetForm('formParam')">重置</el-button> <el-button @click="resetForm('formParam')">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn-nav clr"> <!--统计数据-->
<div class="fl"> <ul class="statistical-data row avarage">
<el-dropdown @command="handleCommand"> <!--询价次数-->
<div class="update">修改&nbsp;|<i class="el-icon-arrow-down"></i></div> <li>
<el-dropdown-menu slot="dropdown"> <p class="title row verCenter">询价次数</p>
<el-dropdown-item command="1">修改库存</el-dropdown-item> <div class="head row verCenter">
<el-dropdown-item command="2">修改交期</el-dropdown-item> <span style="width: 40%;" class="row verCenter">型号</span>
</el-dropdown-menu> <span style="width: 40%;" class="row verCenter">品牌</span>
</el-dropdown> <span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter" v-for="(v,index) in skuRankList[2]">
<span style="width: 40%;">{{ v.goods_name }}</span>
<span style="width: 40%;">{{ v.brand_name }}</span>
<template v-if="index == 0">
<span style="width: 20%;" class="color1">{{ v.num }}</span>
</template>
<template v-else-if="index == 1">
<span style="width: 20%;" class="color2">{{ v.num }}</span>
</template>
<template v-else-if="index == 2">
<span style="width: 20%;" class="color3">{{ v.num }}</span>
</template>
<template v-else>
<span style="width: 20%;">{{ v.num }}</span>
</template>
</div>
</div>
</li>
<!--报价次数-->
<li>
<p class="title row verCenter">报价次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter" v-for="(v,index) in skuRankList[3]">
<span style="width: 40%;">{{ v.goods_name }}</span>
<span style="width: 40%;">{{ v.brand_name }}</span>
<template v-if="index == 0">
<span style="width: 20%;" class="color1">{{ v.num }}</span>
</template>
<template v-else-if="index == 1">
<span style="width: 20%;" class="color2">{{ v.num }}</span>
</template>
<template v-else-if="index == 2">
<span style="width: 20%;" class="color3">{{ v.num }}</span>
</template>
<template v-else>
<span style="width: 20%;">{{ v.num }}</span>
</template>
</div>
</div>
</li>
<!--成单次数-->
<li>
<p class="title row verCenter">成单次数</p>
<div class="head row verCenter">
<span style="width: 40%;" class="row verCenter">型号</span>
<span style="width: 40%;" class="row verCenter">品牌</span>
<span style="width: 20%;" class="row verCenter">次数</span>
</div>
<div class="list">
<div class="box row verCenter" v-for="(v,index) in skuRankList[4]">
<span style="width: 40%;">{{ v.goods_name }}</span>
<span style="width: 40%;">{{ v.brand_name }}</span>
<template v-if="index == 0">
<span style="width: 20%;" class="color1">{{ v.num }}</span>
</template>
<template v-else-if="index == 1">
<span style="width: 20%;" class="color2">{{ v.num }}</span>
</template>
<template v-else-if="index == 2">
<span style="width: 20%;" class="color3">{{ v.num }}</span>
</template>
<template v-else>
<span style="width: 20%;">{{ v.num }}</span>
</template>
</div>
</div>
</li>
</ul>
<!--操作区-->
<div class="operation-area row verCenter bothSide">
<div class="operation-button row verCenter">
<div class="btn-nav" style="margin-bottom: 0;margin-top: 0">
<el-dropdown @command="handleCommand">
<div class="update">修改&nbsp;|<i class="el-icon-arrow-down"></i></div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">修改库存</el-dropdown-item>
<el-dropdown-item command="2">修改交期</el-dropdown-item>
<el-dropdown-item command="3">上架有效期</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<el-button type="primary" @click="downOut" style="margin-left: 10px;">导出</el-button>
<el-button type="primary" @click="changeStatus(1)">上架</el-button>
<el-button type="primary" @click="changeStatus(3)">下架</el-button>
<a :href="downHref" ref="downs" target="_blank" style="display:none">下载</a>
</div>
<div class="text-tip row verCenter">
<i class="el-icon-warning"></i>
<span>该页面展示的数据为：贵司上传的型号库存信息，将在【猎芯网站】进行售卖，并参与【猎芯询报价】系统自动推送询价</span>
</div> </div>
<el-button type="primary" @click="downOut" style="margin-left: 10px;">导出</el-button>
<el-button type="primary" @click="changeStatus(1)">上架</el-button>
<el-button type="primary" @click="changeStatus(3)">下架</el-button>
<a :href="downHref" ref="downs" target="_blank" style="display:none">下载</a>
</div> </div>
<!--列表区-->
<div class="data-box"> <div class="data-box">
<el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange"> <el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="40"></el-table-column> <el-table-column fixed type="selection" width="40" align="center"></el-table-column>
<el-table-column fixed prop="goods_name" label="型号" width="180"> <el-table-column prop="goods_name" label="型号" width="150" align="center" :show-overflow-tooltip="true"></el-table-column>
</el-table-column> <el-table-column prop="brand_name" label="品牌" width="150" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column fixed prop="goods_sn" label="供应商内部型号编码" width="180"> <el-table-column prop="brand_standard_name" label="猎芯标准品牌" width="150" align="center" :show-overflow-tooltip="true">
</el-table-column> <template slot-scope="scope">
<el-table-column fixed prop="brand_name" label="品牌" width="180"> <template v-if="scope.row.brand_standard_name">
</el-table-column> {{ scope.row.brand_standard_name }}
<el-table-column prop="encap" label="封装" width="180"> </template>
</el-table-column> <template v-else>
<el-table-column prop="batch_sn" label="批次" width="180"> <span class="f-yellow1">待确认</span>
</el-table-column> <el-tooltip :aa="scope" class="item" effect="dark" placement="top-start">
<el-table-column prop="moq" label="起订量" width="150"> <i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
</el-table-column> <div slot="content">该品牌在猎芯标准品牌库没有匹配到对应品牌，等待猎芯运营同事添加中......</div>
<el-table-column prop="mpq" label="标准包装量" width="150"> </el-tooltip>
</template>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="stock" label="库存数量" width="150"> <el-table-column prop="encap" label="封装" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="batch_sn" label="批次" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="moq" label="起订量" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="mpq" label="标准包装量" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="stock" label="库存数量" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="cn_ladder_price" label="国内含税价（￥）" width="120" align="center" :show-overflow-tooltip="true">
<template slot-scope="scope" v-if="scope.row.cn_ladder_price && scope.row.cn_ladder_price.length>0">
<el-popover effect="light" trigger="hover" placement="bottom">
<p class="row" v-for="item in scope.row.cn_ladder_price">
<span>{{ item.purchases }}+</span>
<span style="margin-left: 5px">&yen;{{ item.price }}</span>
</p>
<a slot="reference" href="javascript:;" class="alink">查看</a>
</el-popover>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="cn_ladder_price" label="国内含税价（￥）" width="130" align="center"> <el-table-column prop="hk_ladder_price" label="香港交货价（＄）" width="120" align="center" :show-overflow-tooltip="true">
<template slot-scope="scope" v-if="scope.row.cn_ladder_price && scope.row.cn_ladder_price.length>0"> <template slot-scope="scope" v-if="scope.row.cn_ladder_price && scope.row.cn_ladder_price.length>0">
<div class="price-more"> <el-popover effect="light" trigger="hover" placement="bottom">
<el-popover effect="light" trigger="hover" placement="bottom-start" popper-class="popper-class-box"> <p class="row" v-for="item in scope.row.hk_ladder_price">
<div class="boxxrth2021"> <span>{{ item.purchases }}+</span>
<p class="clr" v-for="item in scope.row.cn_ladder_price"> <span style="margin-left: 5px">&yen;{{ item.price }}</span>
<span class="fl">{{ item.purchases }}+</span> </p>
<span class="fl">&yen;{{ item.price }}</span> <a slot="reference" href="javascript:;" class="alink">查看</a>
</p> </el-popover>
</div>
<div slot="reference" class="more-search-btn" style="margin: 0 auto;">查看更多</div>
</el-popover>
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="hk_ladder_price" label="香港交货价（＄）" width="120" align="center"> <el-table-column prop="cn_delivery_time" label="大陆交期" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<template slot-scope="scope" v-if="scope.row.hk_ladder_price&&scope.row.hk_ladder_price.length>0"> <el-table-column prop="hk_delivery_time" label="香港交期" width="100" align="center" :show-overflow-tooltip="true"></el-table-column>
<div class="price-more"> <el-table-column prop="" label="统计" width="100" :show-overflow-tooltip="true" align="center">
<el-popover effect="light" trigger="hover" placement="bottom-start" popper-class="popper-class-box"> <template slot-scope="scope">
<div class="boxxrth2021"> <el-popover placement="bottom" title="" width="400" trigger="click" @show="showChange(scope.row)">
<p class="clr" v-for="item in scope.row.hk_ladder_price"> <div class="statistics-table">
<span class="fl">{{ item.purchases }}+</span> <div class="title row verCenter">
<span class="fl">${{ item.price }}</span> <span class="one" style="width: 180px">{{ skuStatistics.goods_name }}</span>
</p> <span style="width: 100px">次数</span>
<span style="width: 200px">排名</span>
<span style="width: 272px">最近时间</span>
</div> </div>
<div slot="reference" class="more-search-btn" style="margin: 0 auto;">查看更多</div> <div class="list">
</el-popover> <div class="box row verCenter">
</div> <span class="one" style="width: 180px">搜索次数</span>
<span style="width: 100px">{{ skuStatistics.search_count }}</span>
<span style="width: 200px">{{ skuStatistics.search_rank }}（全网）</span>
<span style="width: 272px">{{ skuStatistics.search_last_time }}</span>
</div>
<div class="box row verCenter">
<span class="one" style="width: 180px">询价次数</span>
<span style="width: 100px">{{ skuStatistics.inquiry_count }}</span>
<span style="width: 200px">{{ skuStatistics.inquiry_rank }}</span>
<span style="width: 272px">{{ skuStatistics.inquiry_last_time }}</span>
</div>
<div class="box row verCenter">
<span class="one" style="width: 180px">报价次数</span>
<span style="width: 100px">{{ skuStatistics.quote_count }}</span>
<span style="width: 200px">{{ skuStatistics.quote_rank }}</span>
<span style="width: 272px">{{ skuStatistics.quote_last_time }}</span>
</div>
<div class="box row verCenter">
<span class="one" style="width: 180px">成单次数</span>
<span style="width: 100px">{{ skuStatistics.order_count }}</span>
<span style="width: 200px">{{ skuStatistics.order_rank }}</span>
<span style="width: 272px">{{ skuStatistics.order_last_time }}</span>
</div>
</div>
</div>
<a slot="reference" href="javascript:;" class="alink">查看</a>
</el-popover>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="cn_delivery_time" label="大陆交期" width="150"> <el-table-column prop="goods_status" label="状态" width="100" align="center" :show-overflow-tooltip="true">
</el-table-column>
<el-table-column prop="hk_delivery_time" label="香港交期" width="150">
</el-table-column>
<el-table-column prop="goods_status" label="状态" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.goods_status==1" class="f-green">上架</span> <span v-if="scope.row.goods_status==1" class="f-green">上架</span>
<span v-else-if="scope.row.goods_status==3">下架</span> <span v-else-if="scope.row.goods_status==3">下架</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="update_time" label="更新时间" width="150"></el-table-column> <el-table-column prop="cp_time" label="上架有效期" width="150" align="center" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="update_time" label="更新时间" width="150" align="center" :show-overflow-tooltip="true"></el-table-column>
</el-table> </el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination> <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div> </div>
...@@ -129,31 +263,23 @@ ...@@ -129,31 +263,23 @@
<el-dialog title="修改交期" :visible.sync="dialogVisible2" width="900px"> <el-dialog title="修改交期" :visible.sync="dialogVisible2" width="900px">
<div class="kc-mask"> <div class="kc-mask">
<el-table :data="huoqidata" border max-height="600"> <el-table :data="huoqidata" border max-height="600">
<el-table-column prop="goods_name" label="型号" min-width="20%"> <el-table-column prop="goods_name" label="型号" min-width="20%"></el-table-column>
</el-table-column> <el-table-column prop="brand_name" label="品牌" min-width="20%"></el-table-column>
<el-table-column prop="brand_name" label="品牌" min-width="20%"> <el-table-column prop="cn_delivery_time" label="大陆交期" min-width="20%"></el-table-column>
</el-table-column> <el-table-column prop="hk_delivery_time" label="香港交期" min-width="20%"></el-table-column>
<el-table-column prop="cn_delivery_time" label="大陆交期" min-width="20%">
</el-table-column>
<el-table-column prop="hk_delivery_time" label="香港交期" min-width="20%">
</el-table-column>
<el-table-column label="修改大陆交期" min-width="20%"> <el-table-column label="修改大陆交期" min-width="20%">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="updatebox"> <div class="updatebox">
<el-input v-model="scope.row.dlhq" placeholder="如:2-5工作日"> <el-input v-model="scope.row.dlhq" placeholder="如:2-5工作日"></el-input>
</el-input>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="修改香港交期" min-width="20%"> <el-table-column label="修改香港交期" min-width="20%">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="updatebox"> <div class="updatebox">
<el-input v-model="scope.row.hkhq" placeholder="如:2-5工作日"> <el-input v-model="scope.row.hkhq" placeholder="如:2-5工作日"></el-input>
</el-input>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
...@@ -162,6 +288,31 @@ ...@@ -162,6 +288,31 @@
<el-button type="primary" @click="submitHq">确 定</el-button> <el-button type="primary" @click="submitHq">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<!--修改上架有效期弹窗-->
<el-dialog title="修改上架有效期" :visible.sync="dialogVisible3" width="900px">
<div class="kc-mask">
<el-table :data="cpdata" border max-height="600">
<el-table-column prop="goods_name" label="型号" min-width="20%" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="brand_name" label="品牌" min-width="20%" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="goods_status" label="状态" width="80" :show-overflow-tooltip="true">
<template slot-scope="scope">
<span v-if="scope.row.goods_status==1" class="f-green">上架</span>
<span v-else-if="scope.row.goods_status==3">下架</span>
</template>
</el-table-column>
<el-table-column prop="cp_time_temp" label="上架有效期" width="160" :show-overflow-tooltip="true"></el-table-column>
<el-table-column label="修改上架有效期" width="160">
<template slot-scope="scope">
<el-date-picker v-model="scope.row.cp_time" :picker-options="pickerOptions(scope.row.cp_time)" type="date" placeholder="选择日期" style="width: 128px" value-format="yyyy-MM-dd"></el-date-picker>
</template>
</el-table-column>
</el-table>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible3 = false">取 消</el-button>
<el-button type="primary" @click="submitCp">确 定</el-button>
</span>
</el-dialog>
</div> </div>
<Menu/> <Menu/>
</div> </div>
...@@ -169,35 +320,42 @@ ...@@ -169,35 +320,42 @@
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import {Autocomplete, Button, DatePicker, Dialog, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, Option, Pagination, Popover, Select, Table, TableColumn, Tooltip} from 'element-ui' import {Autocomplete, Button, DatePicker, Dialog, Dropdown, DropdownItem, DropdownMenu, Form, FormItem, Input, Message, Option, Pagination, Popover, Select, Table, TableColumn, Tag, Tooltip} from 'element-ui'
Vue.prototype.$message = Message Vue.prototype.$message = Message
Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Tooltip).use(Autocomplete) Vue.use(Button).use(Form).use(Select).use(Option).use(Input).use(FormItem).use(Dialog).use(Tooltip).use(Autocomplete).use(Tag)
Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination).use(Popover) Vue.use(DatePicker).use(Dropdown).use(DropdownMenu).use(DropdownItem).use(TableColumn).use(Table).use(Pagination).use(Popover)
export default { export default {
name: "list", name: "list",
data() { data() {
return { return {
pickerOptions: {},
total: 0, total: 0,
limit: 10, limit: 10,
page: 1, page: 1,
dialogVisible: false, dialogVisible: false,//库存弹窗
dialogVisible2: false, dialogVisible2: false,//交期弹窗
dialogVisible3: false,//上架有效期
downHref: "", downHref: "",
cp_time_val: '',
formParam: { formParam: {
goods_name: '', goods_name: '',
status: '', status: '',
brand_name: '', brand_name: '',
date: '' date: '',
cp_time: ''
}, },
multipleSelection: [], multipleSelection: [],
selectData: [], selectData: [],
huoqidata: [], huoqidata: [],//修改交期数据
kucundata: [], kucundata: [],//修改库存数据
cpdata: [],//上架有效期数据
tableData: [], tableData: [],
brandList: [], brandList: [],
disabled: false, disabled: false,
timer: null, timer: null,
skuStatistics: {},//统计数据
skuRankList: {}//sku的型号统计排名列表
}; };
}, },
created() { created() {
...@@ -205,25 +363,59 @@ export default { ...@@ -205,25 +363,59 @@ export default {
if (status) { if (status) {
this.formParam.status = status; this.formParam.status = status;
} }
this.getData() this.getData();
this.getSkuRankList();
this.pickerOptions = function (val) {
return {
disabledDate(time) {
let limit_date = new Date(val);
return time.getTime() > limit_date.getTime() + 3600 * 1000 * 24 * 30;
}
}
}
}, },
methods: { methods: {
/**
* 获取数据
*/
getData() { getData() {
this.$http('get', "/api/sku/list", { //格式化时间
page: this.page, if (this.cp_time_val) {
limit: this.limit, this.formParam.cp_time = this.cp_time_val[0] + '~' + this.cp_time_val[1];
goods_name: this.formParam.goods_name, } else {
status: this.formParam.status, this.formParam.cp_time = '';
brand_id: this.formParam.brand_id, }
brand_name: this.formParam.brand_name, var params = Object.assign({},
action_time: this.formParam.date ? this.formParam.date[0] : '', {page: this.page},
end_time: this.formParam.date ? this.formParam.date[1] : '' {limit: this.limit},
}).then(res => { this.formParam,
{action_time: this.formParam.date ? this.formParam.date[0] : ''},
{end_time: this.formParam.date ? this.formParam.date[1] : ''})
this.$http('get', "/api/sku/list", params).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.tableData = res.data.list || []; this.tableData = res.data.list || [];
this.total = Number(res.data.count) || 0; this.total = Number(res.data.count) || 0;
} else { } else {
this.$message(res.msg); this.$message({
message: res.msg,
type: 'warning'
});
}
})
},
/**
* 获取sku的型号统计排名列表
*/
getSkuRankList() {
this.$http('GET', "/api/sku/getSkuRankList", {}).then(res => {
if (res.code === 0) {
this.skuRankList = res.data.rankList;
} else {
this.$message({
message: res.msg,
type: 'warning'
});
} }
}) })
}, },
...@@ -271,7 +463,10 @@ export default { ...@@ -271,7 +463,10 @@ export default {
}, },
downOut() { downOut() {
if (this.disabled) { if (this.disabled) {
this.$message("正在导出中,请不要重复点击"); this.$message({
message: '正在导出中,请不要重复点击',
type: 'warning'
});
return return
} }
this.$http('get', "/api/sku/exportSku", { this.$http('get', "/api/sku/exportSku", {
...@@ -305,18 +500,21 @@ export default { ...@@ -305,18 +500,21 @@ export default {
id: id_ id: id_
}).then(res => { }).then(res => {
if (res.code == 0) { if (res.code == 0) {
this.disabled = false this.disabled = false;
this.$message("导出成功") this.$message({
this.downHref = res.data message: '导出成功',
setTimeout(() => { type: 'success'
this.$refs.downs.click() });
}, 10) this.downHref = res.data;
const newsUrl = this.$router.resolve(res.data);
//window.location.href = res.data window.open(res.data);
} else if (res.code == -1) { } else if (res.code == -1) {
//导出失败 //导出失败
this.$message(res.data) this.$message({
this.disabled = false message: '导出失败',
type: 'warning'
});
this.disabled = false;
} }
}, error => { }, error => {
this.$message('网络出现问题,请检查网络'); this.$message('网络出现问题,请检查网络');
...@@ -326,8 +524,9 @@ export default { ...@@ -326,8 +524,9 @@ export default {
}, },
resetForm(formName) { resetForm(formName) {
this.formParam.date = ''; this.formParam.date = '';
this.cp_time_val = '';
this.$refs[formName].resetFields(); this.$refs[formName].resetFields();
this.formParam.status=''; this.formParam.status = '';
}, },
onSubmit() { onSubmit() {
this.page = 1; this.page = 1;
...@@ -344,39 +543,96 @@ export default { ...@@ -344,39 +543,96 @@ export default {
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
}, },
/**
* 统计查看
* @param val
*/
showChange(row) {
this.$http('GET', "/api/sku/getSkuStatistics", {
goods_name: row.goods_name,
brand_name: row.brand_name
}).then(res => {
if (res.code == 0) {
this.skuStatistics = res.data.statisticsData;
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
})
},
/**
* 修改按钮
* @param command
*/
handleCommand(command) { handleCommand(command) {
if (this.multipleSelection.length == 0) { if (this.multipleSelection.length == 0) {
this.$message({ this.$message({
message: '请至少选择一条数据', message: '请至少选择一条数据',
type: 'warning' type: 'warning'
}); });
return return;
} }
this.selectData = JSON.parse(JSON.stringify(this.multipleSelection)); this.selectData = JSON.parse(JSON.stringify(this.multipleSelection));
if (command == 1) { if (command == 1) {
//修改库存弹窗 //修改库存弹窗
this.dialogVisible = true this.dialogVisible = true;
this.kucundata = this.selectData this.kucundata = this.selectData;
} else { } else if (command == 2) {
//修改货期弹窗 //修改货期弹窗
this.dialogVisible2 = true this.dialogVisible2 = true;
this.huoqidata = this.selectData this.huoqidata = this.selectData;
} else {
//修改上架有效期
this.dialogVisible3 = true;
for (let i = 0; i < this.selectData.length; i++) {
this.selectData[i].cp_time_temp = this.selectData[i].cp_time;
}
this.cpdata = this.selectData;
}
},
/**
* 修改上架有效期
*/
submitCp() {
var arr_ = {}
for (var i = 0; i < this.cpdata.length; i++) {
arr_[this.cpdata[i]['goods_id']] = {}
if (this.cpdata[i]['cp_time'] && this.cpdata[i]['cp_time'] != 'undefined') {
arr_[this.cpdata[i]['goods_id']].cp_time = this.cpdata[i]['cp_time']
}
} }
this.$http('post', "/api/sku/updateSku", arr_).then(res => {
if (res.code == 0) {
this.$message({
message: '修改成功',
type: 'success'
});
this.getData();
this.dialogVisible3 = false;
} else {
this.$message({
message: res.msg,
type: 'warning'
});
}
})
}, },
/**
* 修改交期提交
*/
submitHq() { submitHq() {
var arr_ = {} var arr_ = {}
var self = this; for (var i = 0; i < this.huoqidata.length; i++) {
for (var i = 0; i < self.huoqidata.length; i++) { arr_[this.huoqidata[i]['goods_id']] = {}
arr_[self.huoqidata[i]['goods_id']] = {} if (this.huoqidata[i]['dlhq'] && this.huoqidata[i]['dlhq'] != 'undefined') {
if (self.huoqidata[i]['dlhq'] && self.huoqidata[i]['dlhq'] != 'undefined') { arr_[this.huoqidata[i]['goods_id']].cn_delivery_time = this.huoqidata[i]['dlhq']
arr_[self.huoqidata[i]['goods_id']].cn_delivery_time = self.huoqidata[i]['dlhq']
} }
if (self.huoqidata[i]['hkhq'] && self.huoqidata[i]['hkhq'] != 'undefined') { if (this.huoqidata[i]['hkhq'] && this.huoqidata[i]['hkhq'] != 'undefined') {
arr_[self.huoqidata[i]['goods_id']].hk_delivery_time = self.huoqidata[i]['hkhq'] arr_[this.huoqidata[i]['goods_id']].hk_delivery_time = this.huoqidata[i]['hkhq']
} }
} }
console.log(arr_)
this.$http('post', "/api/sku/updateSku", arr_).then(res => { this.$http('post', "/api/sku/updateSku", arr_).then(res => {
if (res.code == 0) { if (res.code == 0) {
this.$message("修改成功"); this.$message("修改成功");
...@@ -386,8 +642,10 @@ export default { ...@@ -386,8 +642,10 @@ export default {
this.$message(res.msg); this.$message(res.msg);
} }
}) })
}, },
/**
* 修改库存提交
*/
submitKc() { submitKc() {
var arr_ = {} var arr_ = {}
var self = this; var self = this;
...@@ -395,9 +653,7 @@ export default { ...@@ -395,9 +653,7 @@ export default {
arr_[self.kucundata[i]['goods_id']] = { arr_[self.kucundata[i]['goods_id']] = {
stock: self.kucundata[i]['updateStock'] stock: self.kucundata[i]['updateStock']
} }
console.log(self.kucundata[i]['goods_id'])
} }
console.log(arr_)
this.$http('post', "/api/sku/updateSku", arr_).then(res => { this.$http('post', "/api/sku/updateSku", arr_).then(res => {
if (res.code === 0) { if (res.code === 0) {
this.$message({ this.$message({
...@@ -407,24 +663,49 @@ export default { ...@@ -407,24 +663,49 @@ export default {
this.getData() this.getData()
this.dialogVisible = false this.dialogVisible = false
} else { } else {
this.$message(res.msg); this.$message({
message: res.msg,
type: 'warning'
});
} }
}) })
}, },
changeStatus(status) { changeStatus(status) {
var time_arr = [];//过滤出上架有效期时间数组
var sku_ids = [];//过滤出sku_ids数组
if (this.multipleSelection.length == 0) { if (this.multipleSelection.length == 0) {
this.$message({ this.$message({
message: '请至少选择一条数据', message: '请至少选择一条数据',
type: 'warning' type: 'warning'
}); });
return return;
} }
var arr = [];
for (var i = 0; i < this.multipleSelection.length; i++) { var time = new Date();//当前时间
arr.push(this.multipleSelection[i]['goods_id']) time_arr = this.multipleSelection.map(obj => {
return obj.cp_time;
});
var times = time_arr.filter((item) => {
if (new Date(item) < time) {
return item;
}
});
if (times.length > 0) {
this.$message({
message: '您勾选的数据中，有型号的“上架有效期”低于当前的日期，请先维护上架有效期；',
type: 'warning'
});
return;
} }
sku_ids = this.multipleSelection.map(obj => {
return obj.goods_id;
});
this.$http('post', "/api/sku/updateSkuStatus", { this.$http('post', "/api/sku/updateSkuStatus", {
sku_ids: arr.join(","), sku_ids: sku_ids.join(","),
status: status == 1 ? 'passed' : 'offshelf' status: status == 1 ? 'passed' : 'offshelf'
}).then(res => { }).then(res => {
if (res.code === 0) { if (res.code === 0) {
...@@ -434,7 +715,10 @@ export default { ...@@ -434,7 +715,10 @@ export default {
}); });
this.getData() this.getData()
} else { } else {
this.$message(res.msg); this.$message({
message: res.msg,
type: 'warning'
});
} }
}) })
} }
......
src/views/Store/listDetail.vue
<template> <template>
<div class="listDetail pagex"> <div class="listDetail pagex">
<div class="detail-nav row verCenter" v-if="detailInfo"> <el-descriptions style="width: 600px" :column="4">
<span>单号：{{ detailInfo.up_sn }}</span> <el-descriptions-item label="导入总数">{{ itemListObj.total }}</el-descriptions-item>
<span>文件名：{{ detailInfo.file_name }}</span> <el-descriptions-item label="导入成功"><span class="alink">{{ itemListObj.suss_count }}</span></el-descriptions-item>
<span>上传时间：{{ detailInfo.create_time }}</span> <el-descriptions-item label="导入失败"><span style="color: red">{{ itemListObj.error_count }}</span></el-descriptions-item>
<div> <el-descriptions-item label="导入时间">{{ detailInfo.create_time }}</el-descriptions-item>
状态： </el-descriptions>
<span v-if="detailInfo.status==1" class="f-green">待处理</span> <!--操作区-->
<span v-else-if="detailInfo.status==2" class="f-yellow1">处理中</span> <div class="operation-area row" style="margin-top: 10px;">
<span v-else-if="detailInfo.status==3">已处理</span> <div class="operation-button row verCenter">
<span v-else-if="detailInfo.status==4" class="f-red1">其他失败</span> <el-button type="primary" @click="changeStatus(1)">上架</el-button>
<el-button type="primary" @click="changeStatus(3)">下架</el-button>
<a class="downTemplateExport" @click="exportChange">导出失败文件</a>
<el-tooltip class="item" effect="dark" placement="top-start">
<i class="el-icon-question" style="color:#ff7e11;margin-left:5px;cursor:pointer;font-size:16px;"></i>
<div slot="content">导出失败数据：本次导入的数据，导入结果为成功，先上传提交审核，导入结果为失败，进行导出重新上传</div>
</el-tooltip>
</div> </div>
</div> </div>
<div class="btn-nav clr"> <!--列表区-->
<el-button type="primary" @click="changeStatus(1)">上架</el-button>
<el-button type="primary" @click="changeStatus(3)">下架</el-button>
</div>
<div class="data-box" v-if="tableData"> <div class="data-box" v-if="tableData">
<el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange"> <el-table :data="tableData" border max-height="600" @selection-change="handleSelectionChange">
<el-table-column fixed type="selection" width="40"></el-table-column> <el-table-column fixed type="selection" width="40"></el-table-column>
<el-table-column fixed prop="item_id" label="ID" width="75"></el-table-column>
<el-table-column prop="status" fixed label="状态" width="100" align="center"> <el-table-column prop="status" fixed label="状态" width="100" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.status==1" type="danger">审核前失败</el-tag> <el-tag v-if="scope.row.status==1" type="danger">审核前失败</el-tag>
...@@ -28,30 +30,15 @@ ...@@ -28,30 +30,15 @@
<el-tag v-else-if="scope.row.status==4" type="warning">审核未通过</el-tag> <el-tag v-else-if="scope.row.status==4" type="warning">审核未通过</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column fixed prop="error_msg" label="同步提示" width="100" :show-overflow-tooltip="true"></el-table-column> <el-table-column prop="error_msg" label="失败原因" width="75" :show-overflow-tooltip="true"></el-table-column>
<el-table-column fixed prop="goods_sn" label="供应商内部型号编码" width="180"></el-table-column> <el-table-column prop="goods_name" label="型号"></el-table-column>
<el-table-column fixed prop="goods_name" label="型号" width="180"></el-table-column> <el-table-column prop="brand_name" label="品牌"></el-table-column>
<el-table-column fixed prop="brand_name" label="品牌" width="180"></el-table-column> <el-table-column prop="stock" label="库存数量" width="100"></el-table-column>
<el-table-column prop="goods_status_name" label="状态" width="80"> <el-table-column prop="moq" label="最小起订量" width="120"></el-table-column>
<template slot-scope="scope"> <el-table-column prop="mpq" label="标准包装量" width="120"></el-table-column>
<el-tag v-if="scope.row.goods_status_name=='上架'" type="success">{{ scope.row.goods_status_name }}</el-tag> <el-table-column prop="batch_sn" label="批次" width="100"></el-table-column>
<el-tag v-else-if="scope.row.goods_status_name=='下架'" type="info">{{ scope.row.goods_status_name }}</el-tag> <el-table-column prop="cn_delivery_time" label="大陆交期" width="120"></el-table-column>
</template> <el-table-column prop="hk_delivery_time" label="香港交期" width="120"></el-table-column>
</el-table-column>
<el-table-column prop="stock" label="库存数量" width="150"></el-table-column>
<el-table-column prop="moq" label="起订量" width="150"></el-table-column>
<el-table-column prop="mpq" label="标准包装量" width="150"></el-table-column>
<el-table-column prop="batch_sn" label="批次" width="150"></el-table-column>
<el-table-column prop="cn_delivery_time" label="大陆交期" width="150"></el-table-column>
<el-table-column prop="hk_delivery_time" label="香港交期" width="150"></el-table-column>
<el-table-column prop="spu_brief" label="简短描述" width="150"></el-table-column>
<template v-if="maxPrice.length">
<template v-for="item in maxPrice">
<el-table-column :prop="'purchases'+(item+1)" :label="'阶梯数量'+(item+1)" width="150"></el-table-column>
<el-table-column :prop="'price_cn'+(item+1)" :label="'国内含税价'+(item+1)" width="150"></el-table-column>
<el-table-column :prop="'price_us'+(item+1)" :label="'香港交货价'+(item+1)" width="150"></el-table-column>
</template>
</template>
</el-table> </el-table>
<el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination> <el-pagination layout="total, sizes, prev, pager, next, jumper" :page-sizes="[10, 20, 50, 100, 200]" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page"></el-pagination>
</div> </div>
...@@ -62,15 +49,19 @@ ...@@ -62,15 +49,19 @@
import Vue from 'vue'; import Vue from 'vue';
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import {Message, Pagination, Table, TableColumn, Tag} from 'element-ui' import {Descriptions, DescriptionsItem, Message, Pagination, Table, TableColumn, Tag,Tooltip} from 'element-ui'
import {NODE_ENVS} from "@/ajax";
import Tool from "@/tool";
Vue.prototype.$message = Message
Vue.use(Pagination).use(TableColumn).use(Table).use(Tag); Vue.prototype.$message = Message;
Vue.use(Pagination).use(TableColumn).use(Table).use(Tag).use(Descriptions).use(DescriptionsItem).use(Tooltip);
export default { export default {
name: "ListDetail", name: "ListDetail",
data() { data() {
return { return {
detailInfo: "", detailInfo: "",
itemListObj: {},
total: 0, total: 0,
limit: 10, limit: 10,
page: 1, page: 1,
...@@ -92,6 +83,9 @@ export default { ...@@ -92,6 +83,9 @@ export default {
this.getList() this.getList()
}, },
methods: { methods: {
/**
* 获取详情
*/
getInfo() { getInfo() {
this.$http('get', "/api/uploadSku/info", { this.$http('get', "/api/uploadSku/info", {
id: this.$route.query.id id: this.$route.query.id
...@@ -103,11 +97,60 @@ export default { ...@@ -103,11 +97,60 @@ export default {
} }
}) })
}, },
/**
* 获取列表数据
*/
getList() {
this.$http('get', "/api/uploadSku/itemList", {
page: this.page,
limit: this.limit,
up_sn: this.$route.query.sn
}).then(res => {
if (res.code === 0) {
this.itemListObj = res.data;
var arr = res.data.list || [];
for (var i = 0; i < arr.length; i++) {
if (arr[i]['ladder_price']) {
for (var j = 0; j < arr[i]['ladder_price'].length; j++) {
arr[i]['purchases' + (j + 1)] = arr[i]['ladder_price'][j]['purchases']
arr[i]['price_cn' + (j + 1)] = arr[i]['ladder_price'][j]['price_cn']
arr[i]['price_us' + (j + 1)] = arr[i]['ladder_price'][j]['price_us']
}
}
}
this.tableData = arr
this.total = res.data.total || 0;
var max_ = res.data.max_price_count || 0;
for (var g = 0; g < max_; g++) {
this.maxPrice.push(g)
}
} else {
this.$message(res.msg);
}
})
},
/**
* 导出文件
*/
exportChange(){
var url = NODE_ENVS + '/api/uploadSku/exportErrorItemList?up_sn=' + this.$route.query.sn + '&token=' + Tool.getCookie('token');
const newsUrl = this.$router.resolve(url);
window.open(url);
},
toUrl(url){
var htmlArr = [];
htmlArr.push('<form action="' + url + '" method="post" id="form" style="display: none">' +
' <input type="submit" value="提交">' +
' </form>');
$("body").append(htmlArr.join(''));
$("#form").attr('target', '_blank');
$("#form").submit();
},
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
}, },
changeStatus(status) { changeStatus(status) {
var self=this; var self = this;
var arr = []; var arr = [];
if (this.multipleSelection.length == 0) { if (this.multipleSelection.length == 0) {
this.$message({ this.$message({
...@@ -130,6 +173,7 @@ export default { ...@@ -130,6 +173,7 @@ export default {
arr = this.multipleSelection.map(obj => { arr = this.multipleSelection.map(obj => {
return obj.sku_id; return obj.sku_id;
}); });
this.$http('POST', "/api/sku/updateSkuStatus", { this.$http('POST', "/api/sku/updateSkuStatus", {
sku_ids: arr.join(","), sku_ids: arr.join(","),
status: status == 1 ? 'passed' : 'offshelf' status: status == 1 ? 'passed' : 'offshelf'
...@@ -138,7 +182,7 @@ export default { ...@@ -138,7 +182,7 @@ export default {
this.$message({ this.$message({
message: '操作成功', message: '操作成功',
type: 'success', type: 'success',
onClose(){ onClose() {
self.getList() self.getList()
} }
}); });
...@@ -150,34 +194,6 @@ export default { ...@@ -150,34 +194,6 @@ export default {
} }
}) })
}, },
getList() {
this.$http('get', "/api/uploadSku/itemList", {
page: this.page,
limit: this.limit,
up_sn: this.$route.query.sn
}).then(res => {
if (res.code === 0) {
var arr = res.data.list || [];
for (var i = 0; i < arr.length; i++) {
if (arr[i]['ladder_price']) {
for (var j = 0; j < arr[i]['ladder_price'].length; j++) {
arr[i]['purchases' + (j + 1)] = arr[i]['ladder_price'][j]['purchases']
arr[i]['price_cn' + (j + 1)] = arr[i]['ladder_price'][j]['price_cn']
arr[i]['price_us' + (j + 1)] = arr[i]['ladder_price'][j]['price_us']
}
}
}
this.tableData = arr
this.total = res.data.total || 0;
var max_ = res.data.max_price_count || 0;
for (var g = 0; g < max_; g++) {
this.maxPrice.push(g)
}
} else {
this.$message(res.msg);
}
})
},
handleSizeChange(val) { handleSizeChange(val) {
this.limit = val; this.limit = val;
this.getList(); this.getList();
...@@ -199,4 +215,28 @@ export default { ...@@ -199,4 +215,28 @@ export default {
background: #FFFFFF; background: #FFFFFF;
padding: 0 0 20px 20px; padding: 0 0 20px 20px;
} }
::v-deep .el-descriptions-item__label {
white-space: nowrap;
}
::v-deep .el-descriptions-item__content {
white-space: nowrap;
}
.downTemplateExport {
width: 92px;
height: 28px;
text-align: center;
line-height: 28px;
color: #FFF;
background-color: #409EFF;
border-color: #409EFF;
font-size: 12px;
border-radius: 3px;
margin-left: 10px;
margin-right: 10px;
display: block;
cursor: pointer;
}
</style> </style>
\ No newline at end of file
src/views/User/login.vue
...@@ -131,6 +131,7 @@ export default { ...@@ -131,6 +131,7 @@ export default {
this.errorClass1 = true; this.errorClass1 = true;
return false; return false;
} }
if (!myreg.test(this.form.mobile)) { if (!myreg.test(this.form.mobile)) {
this.errror_text = '请输入正确的手机号'; this.errror_text = '请输入正确的手机号';
this.errorClass1 = true; this.errorClass1 = true;
...@@ -142,6 +143,7 @@ export default { ...@@ -142,6 +143,7 @@ export default {
this.errorClass2 = true; this.errorClass2 = true;
return false; return false;
} }
if (!this.form.captcha) { if (!this.form.captcha) {
this.errror_text = '请输入验证码'; this.errror_text = '请输入验证码';
this.errorClass3 = true; this.errorClass3 = true;
...@@ -161,6 +163,8 @@ export default { ...@@ -161,6 +163,8 @@ export default {
loadingInstance.close(); loadingInstance.close();
if (res.code === 0) { if (res.code === 0) {
sessionStorage.removeItem('tabs'); sessionStorage.removeItem('tabs');
localStorage.removeItem('supplier_id');
localStorage.setItem('supplier_id', res.data.supplier_id);
Util.setCookie("token", res.data.api_token, 1); Util.setCookie("token", res.data.api_token, 1);
//强制要求微信绑定 //强制要求微信绑定
if (!res.data.is_bind_wechat) { if (!res.data.is_bind_wechat) {
...@@ -175,11 +179,7 @@ export default { ...@@ -175,11 +179,7 @@ export default {
} }
}) })
} else { } else {
if (this.$route.query.referer) { window.location.href = '/';
window.location.href = "/#" + decodeURIComponent(this.$route.query.referer)
} else {
window.location.href = '/';
}
} }
} else if (res.code === 102) { } else if (res.code === 102) {
this.errror_text = res.msg; this.errror_text = res.msg;
...@@ -201,8 +201,6 @@ export default { ...@@ -201,8 +201,6 @@ export default {
}).catch(err => { }).catch(err => {
loadingInstance.close(); loadingInstance.close();
}); });
} }
} }
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment