商城

.idea/workspace.xml

@@ -2,93 +2,15 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="5ae07691-f935-424c-bcfb-2ecce8956daa" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/image/europe-bg1.png" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/image/europe-bg2.png" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/image/europe-logo.png" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/views/欧洲维修/europe.css" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/views/欧洲维修/europe.css.map" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/views/欧洲维修/europe.less" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/views/欧洲维修/登录.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/image/shopcar.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/shop.less" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/views/商城/商品列表.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/views/商城/购物车.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/views/欧洲维修/index.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/canvas-bg.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_arrow.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_arrow@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_circle_big.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_circle_def.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_circle_def@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_circle_red.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_circle_red@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_cl.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_cl@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_close_big.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_close_big@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_close_def.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_close_def@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_close_red.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_close_red@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_clt.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_clt@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_def.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_def@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_dp.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_dp@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_fang_big.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_fang_big@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_fang_def.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_fang_def@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_fang_red.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_fang_red@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_fdj.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_fdj@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_fz.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_fz@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_jc.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_jc@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_light.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_qustion.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_qustion@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_sc.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_sc@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_tan_big.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_tan_big@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_tan_def.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_tan_def@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_tan_red.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_tan_red@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_wg.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_wg@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_yg.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/icon_yg@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_1.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_1@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_1_red.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_1_red@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_2.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_2@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_2_red.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_2_red@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_3.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_3@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_3_red.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_3_red@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_4.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_4@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_4_red.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_4_red@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_5.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_5@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_5_red.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_5_red@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_6.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_6@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_6_red.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_6_red@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_7.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_7@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_7_red.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/light_icon_7_red@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/矩形备份@2x.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/img/车辆环视图@2x.png" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/css.css" beforeDir="false" afterPath="$PROJECT_DIR$/css.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css.css.map" beforeDir="false" afterPath="$PROJECT_DIR$/css.css.map" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css.less" beforeDir="false" afterPath="$PROJECT_DIR$/css.less" afterDir="false" />
     </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
@@ -104,54 +26,53 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/css.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="132">
-              <caret line="27" column="5" selection-start-line="27" selection-start-column="5" selection-end-line="27" selection-end-column="5" />
+            <state relative-caret-position="227">
+              <caret line="20" column="21" lean-forward="true" selection-start-line="20" selection-start-column="21" selection-end-line="20" selection-end-column="21" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/image/europe-bg1.png">
-          <provider selected="true" editor-type-id="images" />
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/image/europe-bg2.png">
-          <provider selected="true" editor-type-id="images" />
+        <entry file="file://$PROJECT_DIR$/css.less">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="266">
+              <caret line="29" column="13" selection-start-line="29" selection-start-column="1" selection-end-line="29" selection-end-column="13" />
+            </state>
+          </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/views/欧洲维修/europe.css">
+        <entry file="file://$PROJECT_DIR$/shop.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="206">
-              <caret line="34" column="18" lean-forward="true" selection-start-line="34" selection-start-column="18" selection-end-line="34" selection-end-column="18" />
+            <state relative-caret-position="76">
+              <caret line="4" column="43" selection-start-line="4" selection-start-column="43" selection-end-line="4" selection-end-column="43" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/views/欧洲维修/europe.less">
+        <entry file="file://$PROJECT_DIR$/shop.less">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="391">
-              <caret line="56" column="32" selection-start-line="56" selection-start-column="32" selection-end-line="56" selection-end-column="32" />
+            <state relative-caret-position="114">
+              <caret line="43" selection-start-line="43" selection-end-line="43" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html.html">
+        <entry file="jar://$APPLICATION_HOME_DIR$/lib/platform-impl.jar!/resources/html5-schema/html5/tables.rnc">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="1467">
-              <caret line="110" column="26" selection-start-line="110" selection-start-column="11" selection-end-line="110" selection-end-column="26" />
+            <state relative-caret-position="151">
+              <caret line="232" column="16" selection-start-line="232" selection-start-column="16" selection-end-line="232" selection-end-column="16" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/style.css">
+        <entry file="file://$PROJECT_DIR$/views/商城/商品列表.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="289">
-              <caret line="23" column="61" selection-start-line="23" selection-start-column="61" selection-end-line="23" selection-end-column="61" />
+            <state relative-caret-position="133">
+              <caret line="153" column="12" lean-forward="true" selection-start-line="153" selection-start-column="12" selection-end-line="153" selection-end-column="12" />
             </state>
           </provider>
         </entry>
@@ -159,8 +80,8 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/views/运营-回访/回访.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="152">
-              <caret line="8" column="35" lean-forward="true" selection-start-line="8" selection-end-line="9" />
+            <state relative-caret-position="1995">
+              <caret line="105" column="24" lean-forward="true" selection-start-line="105" selection-start-column="24" selection-end-line="105" selection-end-column="24" />
               <folding>
                 <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
                 <element signature="n#style#0;n#a#0;n#div#0;n#div#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
@@ -174,7 +95,7 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/views/杂项/检测开单.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="171">
+            <state relative-caret-position="1425">
               <caret line="281" selection-start-line="281" selection-end-line="282" selection-end-column="48" />
               <folding>
                 <element signature="n#select#0;n#div#0;n#form#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
@@ -194,8 +115,20 @@
       <file pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/views/欧洲维修/登录.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="352">
-              <caret line="29" column="78" selection-start-line="29" selection-start-column="78" selection-end-line="29" selection-end-column="78" />
+            <state relative-caret-position="228">
+              <caret line="12" column="50" lean-forward="true" selection-start-line="12" selection-start-column="50" selection-end-line="12" selection-end-column="50" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/views/商城/购物车.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="291">
+              <caret line="218" column="46" lean-forward="true" selection-start-line="218" selection-start-column="46" selection-end-line="218" selection-end-column="46" />
+              <folding>
+                <element signature="n#tr#0;n#tbody#0;n#table#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+              </folding>
             </state>
           </provider>
         </entry>
@@ -211,36 +144,36 @@
   </component>
   <component name="FindInProjectRecents">
     <findStrings>
-      <find>text-ov</find>
-      <find>h5</find>
-      <find>icon-lamp</find>
-      <find>ring-view-operation-item</find>
-      <find>addEventListener</find>
-      <find>circle2</find>
-      <find>cacheElement</find>
-      <find>vip-bg-blue</find>
-      <find>template-phone-vip</find>
-      <find>brand-select-item-children-box</find>
-      <find>brand-select</find>
-      <find />
-      <find>mediaSessionsetMediaSession</find>
-      <find>mediaList</find>
-      <find>mainvideo</find>
-      <find>video</find>
-      <find>playNext</find>
-      <find>initMediaSession</find>
-      <find>setMediaSession</find>
-      <find>left</find>
-      <find>card-box-container-table</find>
-      <find>table-box</find>
-      <find>tab-box-title-item</find>
-      <find>id</find>
-      <find>id=</find>
-      <find>card-box-container</find>
-      <find>container-2</find>
-      <find>tab-box</find>
       <find>2</find>
       <find>png</find>
+      <find>shop-container-search-box</find>
+      <find>shop-container-search-btn</find>
+      <find>13</find>
+      <find>shop-container-search</find>
+      <find>shop-container-filter-item</find>
+      <find>wrapper</find>
+      <find>table</find>
+      <find>shop-container-filter-box-wrapper</find>
+      <find>td-containe</find>
+      <find>span</find>
+      <find>shop-container-shopping-cart</find>
+      <find>shop-container-filter-item-title</find>
+      <find>shop-container-filter-item-container</find>
+      <find>配件列表</find>
+      <find>th</find>
+      <find>rmb-title</find>
+      <find>tr</find>
+      <find>32</find>
+      <find>ml10</find>
+      <find>count-input-btn</find>
+      <find>disa</find>
+      <find>count-input-btn-add</find>
+      <find>disabled-tr</find>
+      <find>color-</find>
+      <find>dis</find>
+      <find>table-operation</find>
+      <find>btn</find>
+      <find>全选</find>
     </findStrings>
     <replaceStrings>
       <replace>h4</replace>
@@ -263,20 +196,23 @@
         <option value="$PROJECT_DIR$/维修品牌.html" />
         <option value="$PROJECT_DIR$/style.less" />
         <option value="$PROJECT_DIR$/维修品牌.js" />
-        <option value="$PROJECT_DIR$/html.html" />
         <option value="$PROJECT_DIR$/css.css" />
-        <option value="$PROJECT_DIR$/css.less" />
         <option value="$PROJECT_DIR$/views/运营-回访/回访.html" />
         <option value="$PROJECT_DIR$/views/欧洲维修/登录.html" />
         <option value="$PROJECT_DIR$/views/欧洲维修/europe.less" />
+        <option value="$PROJECT_DIR$/html.html" />
+        <option value="$PROJECT_DIR$/views/欧洲维修/index.html" />
+        <option value="$PROJECT_DIR$/views/商城/商品列表.html" />
+        <option value="$PROJECT_DIR$/css.less" />
+        <option value="$PROJECT_DIR$/views/商城/购物车.html" />
+        <option value="$PROJECT_DIR$/shop.less" />
       </list>
     </option>
   </component>
   <component name="ProjectFrameBounds" extendedState="6">
-    <option name="x" value="-9" />
-    <option name="y" value="-9" />
-    <option name="width" value="1938" />
-    <option name="height" value="1048" />
+    <option name="x" value="-10" />
+    <option name="width" value="1935" />
+    <option name="height" value="1040" />
   </component>
   <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
   <component name="ProjectView">
@@ -284,6 +220,7 @@
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
+      <pane id="Scope" />
       <pane id="ProjectPane">
         <subPane>
           <expand>
@@ -300,20 +237,7 @@
               <item name="html" type="b2602c69:ProjectViewProjectNode" />
               <item name="html" type="462c0819:PsiDirectoryNode" />
               <item name="views" type="462c0819:PsiDirectoryNode" />
-              <item name="杂项" type="462c0819:PsiDirectoryNode" />
-            </path>
-            <path>
-              <item name="html" type="b2602c69:ProjectViewProjectNode" />
-              <item name="html" type="462c0819:PsiDirectoryNode" />
-              <item name="views" type="462c0819:PsiDirectoryNode" />
-              <item name="欧洲维修" type="462c0819:PsiDirectoryNode" />
-            </path>
-            <path>
-              <item name="html" type="b2602c69:ProjectViewProjectNode" />
-              <item name="html" type="462c0819:PsiDirectoryNode" />
-              <item name="views" type="462c0819:PsiDirectoryNode" />
-              <item name="欧洲维修" type="462c0819:PsiDirectoryNode" />
-              <item name="europe.less" type="620a8d5e:NestingTreeNode" />
+              <item name="商城" type="462c0819:PsiDirectoryNode" />
             </path>
             <path>
               <item name="html" type="b2602c69:ProjectViewProjectNode" />
@@ -321,11 +245,6 @@
               <item name="views" type="462c0819:PsiDirectoryNode" />
               <item name="运营-回访" type="462c0819:PsiDirectoryNode" />
             </path>
-            <path>
-              <item name="html" type="b2602c69:ProjectViewProjectNode" />
-              <item name="html" type="462c0819:PsiDirectoryNode" />
-              <item name="css.less" type="620a8d5e:NestingTreeNode" />
-            </path>
             <path>
               <item name="html" type="b2602c69:ProjectViewProjectNode" />
               <item name="html" type="462c0819:PsiDirectoryNode" />
@@ -340,7 +259,6 @@
           <select />
         </subPane>
       </pane>
-      <pane id="Scope" />
     </panes>
   </component>
   <component name="PropertiesComponent">
@@ -448,7 +366,17 @@
       <workItem from="1596156808542" duration="6979000" />
       <workItem from="1596416222932" duration="172000" />
       <workItem from="1596612077186" duration="37000" />
-      <workItem from="1596612129462" duration="2164000" />
+      <workItem from="1596612129462" duration="5536000" />
+      <workItem from="1596674460691" duration="1848000" />
+      <workItem from="1596761246496" duration="592000" />
+      <workItem from="1596878476324" duration="511000" />
+      <workItem from="1597020970192" duration="599000" />
+      <workItem from="1597037894918" duration="598000" />
+      <workItem from="1597107570702" duration="598000" />
+      <workItem from="1597193641446" duration="599000" />
+      <workItem from="1597280400319" duration="2795000" />
+      <workItem from="1597826006330" duration="9447000" />
+      <workItem from="1597885454978" duration="5571000" />
     </task>
     <task id="LOCAL-00001" summary="fix">
       <created>1594365774472</created>
@@ -464,30 +392,37 @@
       <option name="project" value="LOCAL" />
       <updated>1596092219020</updated>
     </task>
-    <option name="localTasksCounter" value="3" />
+    <task id="LOCAL-00003" summary="欧洲维修登录">
+      <created>1596614425841</created>
+      <option name="number" value="00003" />
+      <option name="presentableId" value="LOCAL-00003" />
+      <option name="project" value="LOCAL" />
+      <updated>1596614425841</updated>
+    </task>
+    <option name="localTasksCounter" value="4" />
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="148248000" />
+    <option name="totallyTimeSpent" value="174778000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="-7" y="-7" width="1550" height="838" extended-state="6" />
     <editor active="true" />
     <layout>
-      <window_info active="true" content_ui="combo" id="Project" order="0" sideWeight="0.49858356" visible="true" weight="0.25429326" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" sideWeight="0.49858356" visible="true" weight="0.25363275" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info id="npm" order="2" sideWeight="0.50141644" side_tool="true" weight="0.24966975" />
       <window_info id="Favorites" order="3" side_tool="true" />
       <window_info anchor="bottom" id="Message" order="0" />
       <window_info anchor="bottom" id="Find" order="1" weight="0.32956153" />
-      <window_info anchor="bottom" id="Run" order="2" sideWeight="0.48745045" weight="0.3243626" />
+      <window_info anchor="bottom" id="Run" order="2" sideWeight="0.48150593" weight="0.3243626" />
       <window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
       <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
       <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
       <window_info anchor="bottom" id="TODO" order="6" />
       <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
       <window_info anchor="bottom" id="Version Control" order="8" />
-      <window_info anchor="bottom" id="Event Log" order="9" sideWeight="0.5125495" side_tool="true" visible="true" weight="0.32152975" />
+      <window_info anchor="bottom" id="Event Log" order="9" sideWeight="0.51849407" side_tool="true" visible="true" weight="0.3186969" />
       <window_info anchor="bottom" id="Terminal" order="10" sideWeight="0.4920635" weight="0.3266762" />
       <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
       <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
@@ -499,7 +434,8 @@
   </component>
   <component name="VcsManagerConfiguration">
     <MESSAGE value="fix" />
-    <option name="LAST_COMMIT_MESSAGE" value="fix" />
+    <MESSAGE value="欧洲维修登录" />
+    <option name="LAST_COMMIT_MESSAGE" value="欧洲维修登录" />
   </component>
   <component name="editorHistoryManager">
     <entry file="file://$PROJECT_DIR$/package-lock.json" />
@@ -528,9 +464,7 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/img/icon_circle_big.png">
-      <provider selected="true" editor-type-id="images" />
-    </entry>
+    <entry file="file://$PROJECT_DIR$/img/icon_circle_big.png" />
     <entry file="file://$PROJECT_DIR$/layui/css/layui.css">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="19">
@@ -601,56 +535,75 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css.less">
+    <entry file="file://$PROJECT_DIR$/image/europe-bg1.png">
+      <provider selected="true" editor-type-id="images" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/image/europe-bg2.png">
+      <provider selected="true" editor-type-id="images" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/views/欧洲维修/europe.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="391">
-          <caret line="201" column="23" selection-start-line="201" selection-start-column="23" selection-end-line="201" selection-end-column="23" />
+        <state relative-caret-position="1083">
+          <caret line="57" column="78" selection-start-line="57" selection-start-column="78" selection-end-line="57" selection-end-column="78" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/views/运营-回访/回访.html">
+    <entry file="file://$PROJECT_DIR$/views/欧洲维修/europe.less">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="152">
-          <caret line="8" column="35" lean-forward="true" selection-start-line="8" selection-end-line="9" />
-          <folding>
-            <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#a#0;n#div#0;n#div#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#div#1;n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-          </folding>
+        <state relative-caret-position="247">
+          <caret line="13" column="17" selection-start-line="13" selection-start-column="17" selection-end-line="13" selection-end-column="17" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css.css">
+    <entry file="file://$PROJECT_DIR$/html.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="132">
-          <caret line="27" column="5" selection-start-line="27" selection-start-column="5" selection-end-line="27" selection-end-column="5" />
+        <state relative-caret-position="1064">
+          <caret line="56" column="21" selection-start-line="56" selection-start-column="21" selection-end-line="56" selection-end-column="21" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/views/欧洲维修/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="171">
+          <caret line="9" column="6" selection-start-line="9" selection-start-column="6" selection-end-line="9" selection-end-column="6" />
+          <folding>
+            <element signature="n#style#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#iframe#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/style.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="289">
+        <state relative-caret-position="437">
           <caret line="23" column="61" selection-start-line="23" selection-start-column="61" selection-end-line="23" selection-end-column="61" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/image/europe-bg2.png">
-      <provider selected="true" editor-type-id="images" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/image/europe-bg1.png">
-      <provider selected="true" editor-type-id="images" />
+    <entry file="file://$PROJECT_DIR$/style.css.map">
+      <provider editor-type-id="sourcemapFileViewerProvider" />
+      <provider selected="true" editor-type-id="text-editor">
+        <state>
+          <caret column="54" selection-start-column="54" selection-end-column="54" />
+        </state>
+      </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html.html">
+    <entry file="file://$PROJECT_DIR$/views/运营-回访/回访.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1467">
-          <caret line="110" column="26" selection-start-line="110" selection-start-column="11" selection-end-line="110" selection-end-column="26" />
+        <state relative-caret-position="1995">
+          <caret line="105" column="24" lean-forward="true" selection-start-line="105" selection-start-column="24" selection-end-line="105" selection-end-column="24" />
+          <folding>
+            <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#div#0;n#div#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#div#1;n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/views/杂项/检测开单.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="171">
+        <state relative-caret-position="1425">
           <caret line="281" selection-start-line="281" selection-end-line="282" selection-end-column="48" />
           <folding>
             <element signature="n#select#0;n#div#0;n#form#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
@@ -666,24 +619,62 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/views/欧洲维修/europe.css">
+    <entry file="file://$PROJECT_DIR$/views/欧洲维修/登录.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="206">
-          <caret line="34" column="18" lean-forward="true" selection-start-line="34" selection-start-column="18" selection-end-line="34" selection-end-column="18" />
+        <state relative-caret-position="228">
+          <caret line="12" column="50" lean-forward="true" selection-start-line="12" selection-start-column="50" selection-end-line="12" selection-end-column="50" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/views/欧洲维修/登录.html">
+    <entry file="jar://$APPLICATION_HOME_DIR$/lib/platform-impl.jar!/resources/html5-schema/html5/tables.rnc">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="352">
-          <caret line="29" column="78" selection-start-line="29" selection-start-column="78" selection-end-line="29" selection-end-column="78" />
+        <state relative-caret-position="151">
+          <caret line="232" column="16" selection-start-line="232" selection-start-column="16" selection-end-line="232" selection-end-column="16" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/views/欧洲维修/europe.less">
+    <entry file="file://$PROJECT_DIR$/css.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="227">
+          <caret line="20" column="21" lean-forward="true" selection-start-line="20" selection-start-column="21" selection-end-line="20" selection-end-column="21" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/views/商城/商品列表.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="133">
+          <caret line="153" column="12" lean-forward="true" selection-start-line="153" selection-start-column="12" selection-end-line="153" selection-end-column="12" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css.less">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="266">
+          <caret line="29" column="13" selection-start-line="29" selection-start-column="1" selection-end-line="29" selection-end-column="13" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/shop.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="76">
+          <caret line="4" column="43" selection-start-line="4" selection-start-column="43" selection-end-line="4" selection-end-column="43" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/views/商城/购物车.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="291">
+          <caret line="218" column="46" lean-forward="true" selection-start-line="218" selection-start-column="46" selection-end-line="218" selection-end-column="46" />
+          <folding>
+            <element signature="n#tr#0;n#tbody#0;n#table#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/shop.less">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="391">
-          <caret line="56" column="32" selection-start-line="56" selection-start-column="32" selection-end-line="56" selection-end-column="32" />
+        <state relative-caret-position="114">
+          <caret line="43" selection-start-line="43" selection-end-line="43" />
         </state>
       </provider>
     </entry>

css.css

@@ -10,6 +10,9 @@
   width: 800px;
   margin: 0 12px;
 }
+.color-orange {
+  color: #ff4f00;
+}
 .card-box {
   border: 1px solid #eeeeee;
 }
@@ -181,4 +184,36 @@
 .tab-box .tab-box-container {
   padding: 15px;
 }
+.ml10 {
+  margin-left: 10px ;
+}
+.count-input {
+  display: flex;
+}
+.count-input .count-input-btn {
+  width: 24px;
+  height: 24px;
+  background: #f6f6f6;
+  border-radius: 2px 0px 0px 2px;
+  border: 1px solid #eeeeee;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 -1px;
+  cursor: pointer;
+}
+.count-input.count-input-disabled > input {
+  color: #999999;
+  background: #f6f6f6;
+}
+.count-input.count-input-disabled .count-input-btn {
+  color: #999999;
+}
+.count-input > input {
+  width: 38px;
+  height: 24px;
+  background: #ffffff;
+  border: 1px solid #dddddd;
+  text-align: center;
+}
 /*# sourceMappingURL=css.css.map */

css.less

@@ -27,6 +27,9 @@
   }
 }
 
+.color-orange{
+  color:rgba(255,79,0,1);
+}
 .card-box {
   .border();
 
@@ -230,3 +233,37 @@
     padding: 15px;
   }
 }
+.ml10{
+  margin-left:10px ;
+}
+.count-input{
+  display: flex;
+  .count-input-btn{
+    width:24px;
+    height:24px;
+    background:rgba(246,246,246,1);
+    border-radius:2px 0px 0px 2px;
+    border:1px solid rgba(238,238,238,1);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0 -1px;
+    cursor: pointer;
+  }
+  &.count-input-disabled{
+    >input{
+      color: #999999;
+      background:rgba(246,246,246,1);
+    }
+    .count-input-btn{
+      color: #999999;
+    }
+  }
+  >input{
+    width:38px;
+    height:24px;
+    background:rgba(255,255,255,1);
+    border:1px solid rgba(221,221,221,1);
+    text-align: center;
+  }
+}

shop.css

@@ -0,0 +1,356 @@
+.shop-container {
+  width: 1600px;
+  margin: 0 auto;
+}
+.shop-container .shop-container-table-box .table-operation {
+  margin-top: 50px;
+  height: 50px;
+  background: #f6f6f6;
+  border: 1px solid #dddddd;
+  display: flex;
+  align-items: center;
+  padding-left: 20px;
+  position: relative;
+}
+.shop-container .shop-container-table-box .table-operation > span,
+.shop-container .shop-container-table-box .table-operation > a {
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #3c3c3c;
+}
+.shop-container .shop-container-table-box .table-operation .right-oper {
+  position: absolute;
+  right: 0;
+  display: flex;
+  align-items: center;
+}
+.shop-container .shop-container-table-box .table-operation .right-oper > span {
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
+}
+.shop-container .shop-container-table-box .table-operation .right-oper > b {
+  font-size: 16px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+}
+.shop-container .shop-container-table-box .table-operation .right-oper .buy-btn {
+  width: 120px;
+  height: 52px;
+  background: #ff4f00;
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.shop-container .shop-container-table-box > table {
+  width: 100%;
+}
+.shop-container .shop-container-table-box > table thead {
+  background: #f6f6f6;
+}
+.shop-container .shop-container-table-box > table thead th {
+  height: 40px;
+  font-size: 13px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #666666;
+  text-align: left;
+  padding: 0 10px;
+}
+.shop-container .shop-container-table-box > table thead th:first-child {
+  padding-left: 20px;
+}
+.shop-container .shop-container-table-box > table thead th .th-center {
+  display: flex;
+  align-items: center;
+}
+.shop-container .shop-container-table-box > table thead th .th-center > input {
+  margin-right: 10px;
+}
+.shop-container .shop-container-table-box > table tbody tr {
+  border-bottom: 2px solid #DDDDDD;
+}
+.shop-container .shop-container-table-box > table tbody tr.disabled-tr {
+  background: #f6f6f6;
+}
+.shop-container .shop-container-table-box > table tbody tr.disabled-tr .rmb-title {
+  color: #999999;
+}
+.shop-container .shop-container-table-box > table tbody tr.disabled-tr .disabled-tag {
+  width: 43px;
+  height: 20px;
+  background: #d0d0d0;
+  border-radius: 10px;
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.shop-container .shop-container-table-box > table tbody tr.disabled-tr td > p {
+  color: #999999;
+}
+.shop-container .shop-container-table-box > table tbody tr.disabled-tr td > span {
+  color: #999999;
+}
+.shop-container .shop-container-table-box > table tbody tr.disabled-tr .td-containe > p {
+  color: #999999;
+}
+.shop-container .shop-container-table-box > table tbody tr.disabled-tr .td-containe > span {
+  color: #999999;
+}
+.shop-container .shop-container-table-box > table tbody tr.table-interval {
+  border: none;
+}
+.shop-container .shop-container-table-box > table tbody tr.table-interval td {
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #3c3c3c;
+}
+.shop-container .shop-container-table-box > table tbody tr td {
+  height: 100px;
+  text-align: left;
+  padding: 0 10px;
+}
+.shop-container .shop-container-table-box > table tbody tr td .td-containe {
+  text-align: left;
+}
+.shop-container .shop-container-table-box > table tbody tr td .td-containe > p {
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #3c3c3c;
+  padding-bottom: 4px;
+}
+.shop-container .shop-container-table-box > table tbody tr td .td-containe > span {
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
+  display: block;
+  padding-bottom: 4px;
+}
+.shop-container .shop-container-table-box > table tbody tr td > p {
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #3c3c3c;
+  padding-bottom: 4px;
+}
+.shop-container .shop-container-table-box > table tbody tr td > span {
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
+  display: block;
+  padding-bottom: 4px;
+}
+.shop-container .shop-container-table-box > table tbody tr td > span.color-blue {
+  color: #3F90F7;
+}
+.shop-container .shop-container-table-box > table tbody tr td > span .rmb-title {
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #ff4f00;
+}
+.shop-container .shop-container-table-box > table tbody tr td > span .rmb-title-2 {
+  font-size: 14px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+}
+.shop-container .shop-container-table-box > table tbody tr td > img {
+  width: 60px;
+  height: 60px;
+  min-width: 60px;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-box-wrapper {
+  border: 1px solid #eeeeee;
+  margin-bottom: 20px;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item.dotted-line {
+  border-bottom: 1px dashed #DDDDDD;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-brand {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
+  padding: 0 8px;
+  cursor: pointer;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-brand.checked {
+  color: #3f90f7;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-title {
+  width: 70px;
+  background: #f6f6f6;
+  padding: 14px 20px;
+  font-size: 13px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #666666;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-container {
+  padding: 10px;
+  padding-left: 120px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  min-height: 20px;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-container .shop-container-filter-item-container-top-filter {
+  width: 88px;
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  border-right: 1px solid #eeeeee;
+  margin: -10px 0;
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #3c3c3c;
+  cursor: pointer;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-container .shop-container-filter-item-container-top-filter:first-child {
+  margin-left: -10px;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-container .shop-container-filter-item-container-top-filter.filtered {
+  color: #3f90f7;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-container .shop-container-filter-item-container-top-filter-2 {
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #3c3c3c;
+  padding-left: 10px;
+  display: flex;
+  align-items: center;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-container .shop-container-filter-item-container-top-filter-2 > input {
+  margin-right: 5px;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-container .shop-container-filter-item-btn {
+  height: 26px;
+  background: #ffffff;
+  border-radius: 2px;
+  border: 1px solid #f19d01;
+  padding: 0 10px;
+  display: flex;
+  align-items: center;
+  margin-left: 20px;
+  cursor: pointer;
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #f19d01;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-container .shop-container-filter-item-btn.btn-2 {
+  border: 1px solid #FF4F00;
+  color: #FF4F00;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-container .shop-container-filter-item-btn.btn-3 {
+  border: 1px solid #3F90F7;
+  color: #3F90F7;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-container .shop-container-filter-item-car-type {
+  padding-left: 10px;
+  padding-right: 30px;
+  height: 26px;
+  border-radius: 2px;
+  border: 1px solid #dddddd;
+  line-height: 26px;
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #3c3c3c;
+  position: relative;
+}
+.shop-container .shop-container-filter-box .shop-container-filter-item .shop-container-filter-item-container .shop-container-filter-item-car-type:before {
+  position: absolute;
+  display: block;
+  content: '×';
+  font-size: 20px;
+  right: 10px;
+  cursor: pointer;
+}
+.shop-container .shop-container-search-box {
+  padding-top: 40px;
+  padding-bottom: 27px;
+  display: flex;
+  align-items: center;
+}
+.shop-container .shop-container-search-box .shop-container-shopping-cart {
+  margin-left: 20px;
+  width: 120px;
+  height: 44px;
+  background: #f6f6f6;
+  border-radius: 2px;
+  border: 1px solid #dddddd;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #ff4f00;
+  text-align: center;
+  line-height: 44px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.shop-container .shop-container-search-box .shop-container-search {
+  margin: 0 auto;
+  display: flex;
+}
+.shop-container .shop-container-search-box .shop-container-search .shop-container-search-input {
+  border-radius: 2px;
+  border: 2px solid #26965c;
+  width: 772px;
+  height: 40px;
+  padding-left: 10px;
+  font-size: 14px;
+}
+.shop-container .shop-container-search-box .shop-container-search .shop-container-search-btn {
+  width: 85px;
+  height: 44px;
+  background: #26965c;
+  border-radius: 0px 2px 2px 0px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #ffffff;
+  text-align: center;
+  margin-left: -2px;
+  line-height: 44px;
+  cursor: pointer;
+}
+.icon-shopcar {
+  background: url("./image/shopcar.png") no-repeat;
+  width: 20px;
+  height: 16px;
+  background-size: contain;
+  display: inline-block;
+  cursor: pointer;
+}
+/*# sourceMappingURL=shop.css.map */

shop.less

@@ -0,0 +1,369 @@
+.shop-container{
+  width: 1600px;
+  margin: 0 auto;
+  .shop-container-table-box{
+    .table-operation{
+      margin-top: 50px;
+      height:50px;
+      background:rgba(246,246,246,1);
+      border:1px solid rgba(221,221,221,1);
+      display: flex;
+      align-items: center;
+      padding-left: 20px;
+      position: relative;
+      >span,>a{
+        font-size:13px;
+        font-family:PingFangSC-Regular,PingFang SC;
+        font-weight:400;
+        color:rgba(60,60,60,1)
+      }
+      .right-oper{
+        position: absolute;
+        right: 0;
+        display: flex;
+        align-items: center;
+        >span{
+          font-size:13px;
+          font-family:PingFangSC-Regular,PingFang SC;
+          font-weight:400;
+          color:rgba(102,102,102,1);
+        }
+        >b{
+          font-size:16px;
+          font-family:PingFangSC-Medium,PingFang SC;
+          font-weight:500;
+        }
+        .buy-btn{
+          width:120px;
+          height:52px;
+          background:rgba(255,79,0,1);
+          font-size:14px;
+          font-family:PingFangSC-Medium,PingFang SC;
+          font-weight:500;
+          color:rgba(255,255,255,1);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
+        }
+      }
+    }
+    >table{
+      width: 100%;
+      thead{
+        background:rgba(246,246,246,1);
+        th{
+          height:40px;
+          font-size:13px;
+          font-family:PingFangSC-Medium,PingFang SC;
+          font-weight:500;
+          color:rgba(102,102,102,1);
+          text-align: left;
+          padding: 0 10px;
+          &:first-child{
+            padding-left: 20px;
+          }
+          .th-center{
+            display: flex;
+            align-items: center;
+            >input{
+              margin-right: 10px;
+            }
+          }
+        }
+      }
+      tbody{
+        tr{
+          border-bottom: 2px solid #DDDDDD;
+          &.disabled-tr{
+            background:rgba(246,246,246,1);
+            .rmb-title{
+              color: #999999;
+            }
+            .disabled-tag{
+              width:43px;
+              height:20px;
+              background:rgba(208,208,208,1);
+              border-radius:10px;
+              font-size:12px;
+              font-family:PingFangSC-Regular,PingFang SC;
+              font-weight:400;
+              color:rgba(255,255,255,1);
+              display: flex;
+              align-items: center;
+              justify-content: center;
+            }
+            td{
+              >p{
+                color: #999999;
+              }
+              >span{
+                color: #999999;
+              }
+            }
+            .td-containe{
+              >p{
+                color: #999999;
+              }
+              >span{
+                color: #999999;
+              }
+            }
+          }
+          &.table-interval{
+            border: none;
+            td{
+              font-size:14px;
+              font-family:PingFangSC-Medium,PingFang SC;
+              font-weight:500;
+              color:rgba(60,60,60,1);
+            }
+          }
+          td{
+            height: 100px;
+            //display: flex;
+            text-align: left;
+            padding: 0 10px;
+            .td-containe{
+              text-align: left;
+              >p{
+                font-size:14px;
+                font-family:PingFangSC-Medium,PingFang SC;
+                font-weight:500;
+                color:rgba(60,60,60,1);
+                padding-bottom: 4px;
+              }
+              >span{
+                font-size:13px;
+                font-family:PingFangSC-Regular,PingFang SC;
+                font-weight:400;
+                color:rgba(102,102,102,1);
+                display: block;
+                padding-bottom: 4px;
+              }
+            }
+            >p{
+              font-size:14px;
+              font-family:PingFangSC-Medium,PingFang SC;
+              font-weight:500;
+              color:rgba(60,60,60,1);
+              padding-bottom: 4px;
+            }
+            >span{
+              font-size:13px;
+              font-family:PingFangSC-Regular,PingFang SC;
+              font-weight:400;
+              color:rgba(102,102,102,1);
+              display: block;
+              padding-bottom: 4px;
+              &.color-blue{
+                color: #3F90F7;
+              }
+              .rmb-title{
+                font-size:14px;
+                font-family:PingFangSC-Medium,PingFang SC;
+                font-weight:500;
+                color:rgba(255,79,0,1);
+              }
+              .rmb-title-2{
+                font-size:14px;
+                font-family:PingFangSC-Medium,PingFang SC;
+                font-weight:500;
+              }
+            }
+            >img{
+              width: 60px;
+              height: 60px;
+              min-width: 60px;
+            }
+          }
+        }
+      }
+    }
+  }
+  .shop-container-filter-box{
+    .shop-container-filter-box-wrapper{
+      border:1px solid rgba(238,238,238,1);
+      margin-bottom: 20px;
+      //&.interval-wrapper{
+      //  margin-top: 20px;
+      //}
+    }
+    .shop-container-filter-item{
+      display: flex;
+      align-items: center;
+      position: relative;
+      &.dotted-line{
+        border-bottom: 1px dashed #DDDDDD;
+      }
+      .shop-container-filter-item-brand{
+        font-size:12px;
+        font-family:PingFangSC-Regular,PingFang SC;
+        font-weight:400;
+        color:rgba(102,102,102,1);
+        padding: 0 8px;
+        cursor: pointer;
+        &.checked{
+          color:rgba(63,144,247,1);
+        }
+      }
+      .shop-container-filter-item-title{
+        width:70px;
+        background:rgba(246,246,246,1);
+        padding: 14px 20px;
+        font-size:13px;
+        font-family:PingFangSC-Medium,PingFang SC;
+        font-weight:500;
+        color:rgba(102,102,102,1);
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+      }
+      .shop-container-filter-item-container{
+        padding: 10px;
+        padding-left: 120px;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        min-height: 20px;
+        .shop-container-filter-item-container-top-filter{
+          width: 88px;
+          height: 40px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          box-sizing: border-box;
+          border-right:1px solid rgba(238,238,238,1);
+          margin: -10px 0;
+          font-size:13px;
+          font-family:PingFangSC-Regular,PingFang SC;
+          font-weight:400;
+          color:rgba(60,60,60,1);
+          cursor: pointer;
+          &:first-child{
+            margin-left: -10px;
+          }
+          &.filtered{
+            color: #3f90f7;
+          }
+        }
+        .shop-container-filter-item-container-top-filter-2{
+          font-size:13px;
+          font-family:PingFangSC-Regular,PingFang SC;
+          font-weight:400;
+          color:rgba(60,60,60,1);
+          padding-left: 10px;
+          display: flex;
+          align-items: center;
+          >input{
+            margin-right: 5px;
+          }
+        }
+        .shop-container-filter-item-btn{
+          height:26px;
+          background:rgba(255,255,255,1);
+          border-radius:2px;
+          border:1px solid rgba(241,157,1,1);
+          padding: 0 10px;
+          display: flex;
+          align-items: center;
+          margin-left: 20px;
+          cursor: pointer;
+          font-size:12px;
+          font-family:PingFangSC-Regular,PingFang SC;
+          font-weight:400;
+          color:rgba(241,157,1,1);
+          &.btn-2{
+            border:1px solid #FF4F00;
+            color:#FF4F00;
+          }
+          &.btn-3{
+            border:1px solid #3F90F7;
+            color:#3F90F7;
+          }
+        }
+        .shop-container-filter-item-car-type{
+          padding-left: 10px;
+          padding-right: 30px;
+          height:26px;
+          border-radius:2px;
+          border:1px solid rgba(221,221,221,1);
+          line-height: 26px;
+          font-size:12px;
+          font-family:PingFangSC-Regular,PingFang SC;
+          font-weight:400;
+          color:rgba(60,60,60,1);
+          position: relative;
+          &:before{
+            position: absolute;
+            display: block;
+            content: '×';
+            font-size: 20px;
+            right: 10px;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+  .shop-container-search-box{
+    padding-top: 40px;
+    padding-bottom: 27px;
+    display: flex;
+    align-items: center;
+    .shop-container-shopping-cart{
+      margin-left: 20px;
+      width:120px;
+      height:44px;
+      background:rgba(246,246,246,1);
+      border-radius:2px;
+      border:1px solid rgba(221,221,221,1);
+      font-size:14px;
+      font-family:PingFangSC-Regular,PingFang SC;
+      font-weight:400;
+      color:rgba(255,79,0,1);
+      text-align: center;
+      line-height: 44px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .shop-container-search{
+      margin: 0 auto;
+      display: flex;
+      .shop-container-search-input{
+        border-radius:2px;
+        border:2px solid rgba(38,150,92,1);
+        width:772px;
+        height:40px;
+        padding-left: 10px;
+        font-size:14px;
+      }
+      .shop-container-search-btn{
+        width:85px;
+        height:44px;
+        background:rgba(38,150,92,1);
+        border-radius:0px 2px 2px 0px;
+        font-size:14px;
+        font-family:PingFangSC-Regular,PingFang SC;
+        font-weight:400;
+        color:rgba(255,255,255,1);
+        text-align: center;
+        margin-left: -2px;
+        line-height: 44px;
+        cursor: pointer;
+      }
+
+    }
+  }
+}
+.icon-shopcar{
+  background: url("./image/shopcar.png") no-repeat;
+  width:20px;
+  height:16px;
+  background-size: contain;
+  display: inline-block;
+  cursor: pointer;
+}

views/商城/商品列表.html

@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Title</title>
+  <link rel="stylesheet" href="../../layui/css/layui.css">
+  <link rel="stylesheet" href="../../shop.css">
+</head>
+<body>
+<div>
+  <div class="shop-container">
+    <div class="shop-container-search-box">
+      <div class="shop-container-search">
+        <input class="shop-container-search-input"
+               placeholder="请输入商品名称、规格型号、出厂编码查询" type="text">
+        <div class="shop-container-search-btn">搜索</div>
+        <div class="shop-container-shopping-cart"><i class="icon-shopcar"></i>购物车(20)</div>
+      </div>
+    </div>
+    <div class="shop-container-filter-box">
+      <div class="shop-container-filter-box-wrapper">
+        <div class="shop-container-filter-item dotted-line">
+          <div class="shop-container-filter-item-title">车型</div>
+          <div class="shop-container-filter-item-container">
+            <div class="shop-container-filter-item-car-type">东风日产奇骏20102.5 无级 XV
+              至尊版（ 20112011 ）
+            </div>
+            <div class="shop-container-filter-item-btn btn-1">选择车型</div>
+            <div class="shop-container-filter-item-btn btn-2">VIN 图片识别</div>
+            <div class="shop-container-filter-item-btn btn-3">VIN 查询</div>
+          </div>
+        </div>
+        <div class="shop-container-filter-item">
+          <div class="shop-container-filter-item-title">品类</div>
+          <div class="shop-container-filter-item-container">
+            <span class="shop-container-filter-item-brand">不限</span>
+            <span class="shop-container-filter-item-brand checked">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+          </div>
+        </div>
+        <div class="shop-container-filter-item dotted-line">
+          <div class="shop-container-filter-item-title">子品类</div>
+          <div class="shop-container-filter-item-container">
+            <span class="shop-container-filter-item-brand">不限</span>
+            <span class="shop-container-filter-item-brand checked">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+            <span class="shop-container-filter-item-brand">滤清器类</span>
+          </div>
+        </div>
+        <div class="shop-container-filter-item">
+          <div class="shop-container-filter-item-title">品牌</div>
+          <div class="shop-container-filter-item-container">
+            <span class="shop-container-filter-item-brand checked">不限</span>
+            <span class="shop-container-filter-item-brand">马牌</span>
+          </div>
+        </div>
+      </div>
+      <div class="shop-container-filter-box-wrapper">
+        <div class="shop-container-filter-item">
+          <div class="shop-container-filter-item-title">配件列表</div>
+          <div class="shop-container-filter-item-container">
+            <div class="shop-container-filter-item-container-top-filter filtered">库存 ↑↓ </div>
+            <div class="shop-container-filter-item-container-top-filter">价格 ↑↓</div>
+            <div class="shop-container-filter-item-container-top-filter-2"><input type="checkbox" name="favorite" value="1" />仅显示有货</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="shop-container-table-box">
+      <table>
+        <colgroup>
+          <col width="8%">
+          <col width="15%">
+          <col width="15%">
+          <col width="10%">
+          <col width="10%">
+          <col width="10%">
+          <col width="15%">
+        </colgroup>
+        <thead>
+        <tr>
+          <th>图片</th>
+          <th>品牌/名称/供应商编码</th>
+          <th>规格型号/出厂编码</th>
+          <th>包装规格</th>
+          <th>价格</th>
+          <th>商品品质/产地</th>
+          <th>适配车型</th>
+          <th>替换件</th>
+          <th>操作</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+          <td>
+            <img
+              src="https://upload.jianshu.io/users/upload_avatars/14368237/e85f3cbe-9fc7-46e1-b43e-eaa734694690.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/90/h/90/format/webp"
+              alt="">
+          </td>
+          <td>
+            <div class="td-containe">
+              <p>品牌/名称</p>
+              <span>2218-18MMX25M</span>
+            </div>
+          </td>
+          <td>
+            <div class="td-containe">
+              <span>2218-18MMX25M</span>
+              <span>2218-18MMX25M</span>
+            </div>
+          </td>
+          <td>
+            <span>包装规格</span>
+          </td>
+          <td>
+            <span><span class="rmb-title">￥400.00</span>（单位）</span>
+          </td>
+          <td>
+            <span>原厂</span>
+            <span>北京</span>
+          </td>
+          <td>
+            <div class="td-containe">
+              <span>适配车型适配车型，多了换行展示多了很长很长很长适配车型适配车型，多了换行展示多了很长很长很长</span>
+            </div>
+          </td>
+          <td>
+            <span class="color-blue">32</span>
+          </td>
+          <td>
+            <i class="icon-shopcar"></i>
+          </td>
+        </tr>
+        <tr>
+          <td>
+            <img
+              src="https://upload.jianshu.io/users/upload_avatars/14368237/e85f3cbe-9fc7-46e1-b43e-eaa734694690.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/90/h/90/format/webp"
+              alt="">
+          </td>
+          <td>
+            <div class="td-containe">
+              <p>品牌/名称</p>
+              <span>2218-18MMX25M</span>
+            </div>
+          </td>
+          <td>
+            <div class="td-containe">
+              <span>2218-18MMX25M</span>
+              <span>2218-18MMX25M</span>
+            </div>
+          </td>
+          <td>
+            <span>包装规格</span>
+          </td>
+          <td>
+            <span><span class="rmb-title">￥400.00</span>（单位）</span>
+          </td>
+          <td>
+            <span>原厂</span>
+            <span>北京</span>
+          </td>
+          <td>
+            <div class="td-containe">
+              <span>适配车型适配车型，多了换行展示多了很长很长很长适配车型适配车型，多了换行展示多了很长很长很长</span>
+            </div>
+          </td>
+          <td>
+            <span class="color-blue">32</span>
+          </td>
+          <td>
+            <i class="icon-shopcar"></i>
+          </td>
+        </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+</body>
+<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+<script src="../../layui/layui.all.js"></script>
+</html>

views/商城/购物车.html

@@ -0,0 +1,239 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Title</title>
+  <link rel="stylesheet" href="../../layui/css/layui.css">
+  <link rel="stylesheet" href="../../css.css">
+  <link rel="stylesheet" href="../../shop.css">
+</head>
+<body>
+<div>
+  <div class="shop-container">
+    <div class="shop-container-table-box">
+      <table>
+        <colgroup>
+          <col width="5%">
+          <col width="8%">
+          <col width="13%">
+          <col width="11%">
+          <col width="8%">
+          <col width="8%">
+          <col width="15%">
+          <col width="5%">
+          <col width="10%">
+          <col width="5%">
+        </colgroup>
+        <thead>
+        <tr>
+          <th>
+            <div class="th-center">
+              <input type="checkbox" name="favorite" value="1"/>全选
+            </div>
+          </th>
+          <th>图片</th>
+          <th>品牌/名称/供应商编码</th>
+          <th>规格型号/出厂编码</th>
+          <th>包装规格</th>
+          <th>商品品质/产地</th>
+          <th>适配车型</th>
+          <th>替换件</th>
+          <th>单价</th>
+          <th>数量</th>
+          <th>小计</th>
+          <th>操作</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+          <td>
+            <input class="ml10" type="checkbox" name="favorite" value="1"/>
+          </td>
+          <td>
+            <img
+              src="https://upload.jianshu.io/users/upload_avatars/14368237/e85f3cbe-9fc7-46e1-b43e-eaa734694690.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/90/h/90/format/webp"
+              alt="">
+          </td>
+          <td>
+            <div class="td-containe">
+              <p>品牌/名称</p>
+              <span>2218-18MMX25M</span>
+            </div>
+          </td>
+          <td>
+            <div class="td-containe">
+              <span>2218-18MMX25M</span>
+              <span>2218-18MMX25M</span>
+            </div>
+          </td>
+          <td>
+            <span>包装规格</span>
+          </td>
+          <td>
+            <span>原厂</span>
+            <span>北京</span>
+          </td>
+          <td>
+            <div class="td-containe">
+              <span>适配车型适配车型，多了换行展示多了很长很长很长适配车型适配车型，多了换行展示多了很长很长很长</span>
+            </div>
+          </td>
+          <td>
+            <span class="color-blue">32</span>
+          </td>
+          <td>
+            <span><span class="rmb-title-2">￥400.00</span>（单位）</span>
+          </td>
+          <td>
+            <div class="count-input">
+              <div class="count-input-btn count-input-btn-add">+</div>
+              <input type="text" value="1">
+              <div class="count-input-btn count-input-btn-sub">-</div>
+            </div>
+          </td>
+          <td>
+            <span><span class="rmb-title">￥4000.00</span></span>
+          </td>
+          <td>
+            <a href="javascript:;">删除</a>
+          </td>
+        </tr>
+        <tr>
+          <td>
+            <input class="ml10" type="checkbox" name="favorite" value="1"/>
+          </td>
+          <td>
+            <img
+              src="https://upload.jianshu.io/users/upload_avatars/14368237/e85f3cbe-9fc7-46e1-b43e-eaa734694690.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/90/h/90/format/webp"
+              alt="">
+          </td>
+          <td>
+            <div class="td-containe">
+              <p>品牌/名称</p>
+              <span>2218-18MMX25M</span>
+            </div>
+          </td>
+          <td>
+            <div class="td-containe">
+              <span>2218-18MMX25M</span>
+              <span>2218-18MMX25M</span>
+            </div>
+          </td>
+          <td>
+            <span>包装规格</span>
+          </td>
+          <td>
+            <span>原厂</span>
+            <span>北京</span>
+          </td>
+          <td>
+            <div class="td-containe">
+              <span>适配车型适配车型，多了换行展示多了很长很长很长适配车型适配车型，多了换行展示多了很长很长很长</span>
+            </div>
+          </td>
+          <td>
+            <span class="color-blue">32</span>
+          </td>
+          <td>
+            <span><span class="rmb-title-2">￥400.00</span>（单位）</span>
+          </td>
+          <td>
+            <div class="count-input">
+              <div class="count-input-btn count-input-btn-add">+</div>
+              <input type="text" value="1">
+              <div class="count-input-btn count-input-btn-sub">-</div>
+            </div>
+          </td>
+          <td>
+            <span><span class="rmb-title">￥4000.00</span></span>
+          </td>
+          <td>
+            <a href="javascript:;">删除</a>
+          </td>
+        </tr>
+        <tr class="table-interval">
+          <td colspan="12">失效商品</td>
+        </tr>
+        <tr class="disabled-tr">
+          <td>
+            <div class="disabled-tag">失效</div>
+          </td>
+          <td>
+            <img
+              src="https://upload.jianshu.io/users/upload_avatars/14368237/e85f3cbe-9fc7-46e1-b43e-eaa734694690.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/90/h/90/format/webp"
+              alt="">
+          </td>
+          <td>
+            <div class="td-containe">
+              <p>品牌/名称</p>
+              <span>2218-18MMX25M</span>
+            </div>
+          </td>
+          <td>
+            <div class="td-containe">
+              <span>2218-18MMX25M</span>
+              <span>2218-18MMX25M</span>
+            </div>
+          </td>
+          <td>
+            <span>包装规格</span>
+          </td>
+          <td>
+            <span>原厂</span>
+            <span>北京</span>
+          </td>
+          <td>
+            <div class="td-containe">
+              <span>适配车型适配车型，多了换行展示多了很长很长很长适配车型适配车型，多了换行展示多了很长很长很长</span>
+            </div>
+          </td>
+          <td>
+            <span>32</span>
+          </td>
+          <td>
+            <span><span class="rmb-title-2">￥400.00</span>（单位）</span>
+          </td>
+          <td>
+            <div class="count-input count-input-disabled">
+              <div class="count-input-btn count-input-btn-add ">+</div>
+              <input type="text" value="1">
+              <div class="count-input-btn count-input-btn-sub">-</div>
+            </div>
+          </td>
+          <td>
+            <span><span class="rmb-title">￥4000.00</span></span>
+          </td>
+          <td>
+            <a href="javascript:;">删除</a>
+          </td>
+        </tr>
+        </tbody>
+      </table>
+      <div class="table-operation">
+        <input type="checkbox" name="favorite" value="1"/><span class="ml10">全选</span>
+        <a class="ml10" href="javascript:;">删除</a>
+        <a class="ml10" href="javascript:;">清空失效宝贝</a>
+        <div class="right-oper">
+          <span class="ml10">共选商品 <span class="color-orange">3</span>种，总数量<span class="color-orange">3</span></span>
+          <span class="ml10">合计金额 <b class="color-orange">￥111111</b></span>
+          <div class="buy-btn ml10">立即购买</div>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</div>
+</body>
+<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+<script type="text/javascript">
+$(function () {
+  $('.count-input-btn-add').on('click',function (e) {
+    if($(e.target).parent().hasClass('count-input-disabled')) return
+    $(e.target).parent().children('input').attr('value',~~$(e.target).parent().children('input').attr('value')+1)
+  })
+  $('.count-input-btn-sub').on('click',function (e) {
+    if($(e.target).parent().hasClass('count-input-disabled')) return
+    $(e.target).parent().children('input').attr('value',~~$(e.target).parent().children('input').attr('value')-1>0?~~$(e.target).parent().children('input').attr('value')-1:1)
+  })
+})
+</script>

views/欧洲维修/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>欧洲维修配件查询</title>
+</head>
+<body>
+<div style="display: flex;justify-content: center">
+  <iframe style="position: absolute;top: 0;bottom: 0;" frameborder="0" width="540" height="960" src="http://112.124.69.194:8401/#/home"></iframe>
+</div>
+</body>