fix

.idea/vcs.xml

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
     <mapping directory="$PROJECT_DIR$/fabric.js-2.3.3" vcs="Git" />
   </component>
 </project>

.idea/workspace.xml

@@ -1,7 +1,21 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="5ae07691-f935-424c-bcfb-2ecce8956daa" name="Default Changelist" comment="" />
+    <list default="true" id="5ae07691-f935-424c-bcfb-2ecce8956daa" name="Default Changelist" comment="">
+      <change afterPath="$PROJECT_DIR$/views/运营-回访/回访.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/vcs.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/add-template.html" beforeDir="false" afterPath="$PROJECT_DIR$/views/杂项/add-template.html" afterDir="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" />
+      <change beforePath="$PROJECT_DIR$/html.html" beforeDir="false" afterPath="$PROJECT_DIR$/html.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/客户管理.html" beforeDir="false" afterPath="$PROJECT_DIR$/views/杂项/客户管理.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/检测开单.html" beforeDir="false" afterPath="$PROJECT_DIR$/views/杂项/检测开单.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/维修品牌.html" beforeDir="false" afterPath="$PROJECT_DIR$/views/杂项/维修品牌.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/超值体验卡.html" beforeDir="false" afterPath="$PROJECT_DIR$/views/杂项/超值体验卡.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/项目详情.html" beforeDir="false" afterPath="$PROJECT_DIR$/views/杂项/项目详情.html" afterDir="false" />
+    </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
     <ignored path="$PROJECT_DIR$/tmp/" />
@@ -14,43 +28,58 @@
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/css.less">
+        <entry file="file://$PROJECT_DIR$/views/杂项/add-template.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="1368">
-              <caret line="72" column="19" selection-start-line="72" selection-start-column="19" selection-end-line="72" selection-end-column="19" />
+            <state relative-caret-position="171">
+              <caret line="24" column="8" lean-forward="true" selection-start-line="24" selection-start-column="8" selection-end-line="24" selection-end-column="8" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/project.less">
+        <entry file="file://$PROJECT_DIR$/css.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="139">
+              <caret line="34" column="11" selection-start-line="34" selection-start-column="11" selection-end-line="34" selection-end-column="11" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css.less">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="1349">
-              <caret line="71" column="21" selection-start-line="71" selection-start-column="21" selection-end-line="71" selection-end-column="21" />
+            <state relative-caret-position="281">
+              <caret line="201" column="23" lean-forward="true" selection-start-line="201" selection-start-column="23" selection-end-line="201" selection-end-column="23" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/style.css">
+        <entry file="file://$PROJECT_DIR$/project.less">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="532">
-              <caret line="28" column="47" selection-start-line="28" selection-start-column="47" selection-end-line="28" selection-end-column="47" />
+            <state relative-caret-position="95">
+              <caret line="65" column="7" lean-forward="true" selection-start-line="65" selection-start-column="7" selection-end-line="65" selection-end-column="7" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/style.less">
+        <entry file="file://$PROJECT_DIR$/views/运营-回访/回访.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="247">
-              <caret line="13" column="27" lean-forward="true" selection-start-line="13" selection-start-column="27" selection-end-line="13" selection-end-column="27" />
+            <state relative-caret-position="190">
+              <caret line="88" column="42" selection-start-line="88" selection-start-column="42" selection-end-line="88" selection-end-column="42" />
+              <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>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/客户管理.html">
+        <entry file="file://$PROJECT_DIR$/views/杂项/客户管理.html">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="608">
               <caret line="32" column="8" selection-start-line="32" selection-start-column="8" selection-end-line="32" selection-end-column="8" />
@@ -59,7 +88,7 @@
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/检测开单.html">
+        <entry file="file://$PROJECT_DIR$/views/杂项/检测开单.html">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="171">
               <caret line="9" column="7" selection-start-line="9" selection-start-column="7" selection-end-line="9" selection-end-column="7" />
@@ -79,25 +108,16 @@
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/维修品牌.html">
+        <entry file="file://$PROJECT_DIR$/views/杂项/维修品牌.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="627">
+            <state relative-caret-position="383">
               <caret line="33" column="14" selection-start-line="33" selection-start-column="14" selection-end-line="33" selection-end-column="14" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/维修品牌.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="209">
-              <caret line="11" column="15" selection-start-line="11" selection-start-column="15" selection-end-line="11" selection-end-column="15" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/超值体验卡.html">
+        <entry file="file://$PROJECT_DIR$/views/杂项/超值体验卡.html">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="304">
               <caret line="16" column="51" selection-start-line="16" selection-start-column="51" selection-end-line="16" selection-end-column="51" />
@@ -106,9 +126,9 @@
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/项目详情.html">
+        <entry file="file://$PROJECT_DIR$/views/杂项/项目详情.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="1235">
+            <state relative-caret-position="383">
               <caret line="65" column="14" selection-start-line="65" selection-start-column="14" selection-end-line="65" selection-end-column="14" />
             </state>
           </provider>
@@ -116,23 +136,15 @@
       </file>
     </leaf>
   </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="HTML File" />
+      </list>
+    </option>
+  </component>
   <component name="FindInProjectRecents">
     <findStrings>
-      <find>layui-form-label</find>
-      <find>type</find>
-      <find>canvas</find>
-      <find>canvas-container</find>
-      <find>layui-input-block</find>
-      <find>ring-view-operation</find>
-      <find>lamp-view</find>
-      <find>ring-view-right-item-inner</find>
-      <find>lamp-view-wrapper</find>
-      <find>checked</find>
-      <find>view-container-item-inner</find>
-      <find>p {</find>
-      <find>view-container-item</find>
-      <find>ring-view-right-item</find>
-      <find>report-item</find>
       <find>checked-ok</find>
       <find>text-ov</find>
       <find>h5</find>
@@ -145,37 +157,57 @@
       <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>
     </findStrings>
     <replaceStrings>
       <replace>h4</replace>
       <replace>view-container-item</replace>
+      <replace>table-box</replace>
     </replaceStrings>
   </component>
   <component name="Git.Settings">
-    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/fabric.js-2.3.3" />
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
   </component>
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
         <option value="$PROJECT_DIR$/项目详情.html" />
         <option value="$PROJECT_DIR$/超值体验卡.html" />
-        <option value="$PROJECT_DIR$/html.html" />
         <option value="$PROJECT_DIR$/add-template.html" />
-        <option value="$PROJECT_DIR$/css.css" />
-        <option value="$PROJECT_DIR$/css.less" />
         <option value="$PROJECT_DIR$/project.less" />
         <option value="$PROJECT_DIR$/客户管理.html" />
         <option value="$PROJECT_DIR$/检测开单.html" />
         <option value="$PROJECT_DIR$/维修品牌.html" />
-        <option value="$PROJECT_DIR$/维修品牌.js" />
         <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" />
       </list>
     </option>
   </component>
   <component name="ProjectFrameBounds">
-    <option name="x" value="-9" />
+    <option name="x" value="-8" />
     <option name="width" value="1934" />
-    <option name="height" value="1039" />
+    <option name="height" value="1038" />
   </component>
   <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
   <component name="ProjectView">
@@ -183,7 +215,6 @@
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
-      <pane id="Scope" />
       <pane id="ProjectPane">
         <subPane>
           <expand>
@@ -191,6 +222,16 @@
               <item name="html" type="b2602c69:ProjectViewProjectNode" />
               <item name="html" type="462c0819:PsiDirectoryNode" />
             </path>
+            <path>
+              <item name="html" type="b2602c69:ProjectViewProjectNode" />
+              <item name="html" type="462c0819:PsiDirectoryNode" />
+              <item name="views" 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" />
@@ -205,24 +246,27 @@
           <select />
         </subPane>
       </pane>
+      <pane id="Scope" />
     </panes>
   </component>
   <component name="PropertiesComponent">
+    <property name="DefaultHtmlFileTemplate" value="HTML File" />
     <property name="WebServerToolWindowFactoryState" value="false" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$/../workspacedemo/vpc-console" />
     <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
     <property name="nodejs_npm_path_reset_for_default_project" value="true" />
     <property name="settings.editor.selected.configurable" value="watcher.settings" />
   </component>
   <component name="RecentsManager">
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="D:\workspace\html\views\杂项" />
+      <recent name="D:\workspace\html" />
+    </key>
     <key name="CopyFile.RECENT_KEYS">
       <recent name="D:\workspace\html\image" />
       <recent name="D:\workspace\html\img" />
       <recent name="D:\workspace\html" />
     </key>
-    <key name="MoveFile.RECENT_KEYS">
-      <recent name="D:\workspace\html" />
-    </key>
   </component>
   <component name="RunDashboard">
     <option name="ruleStates">
@@ -296,32 +340,50 @@
       <workItem from="1594169589612" duration="580000" />
       <workItem from="1594256203013" duration="578000" />
       <workItem from="1594342772466" duration="5138000" />
-      <workItem from="1594364128549" duration="32000" />
+      <workItem from="1594364128549" duration="2615000" />
+      <workItem from="1594601922455" duration="2797000" />
+      <workItem from="1594687939214" duration="586000" />
+      <workItem from="1594774497505" duration="581000" />
+      <workItem from="1594860633789" duration="584000" />
+      <workItem from="1594950079493" duration="590000" />
+      <workItem from="1595206421861" duration="592000" />
+      <workItem from="1595293177840" duration="3272000" />
+      <workItem from="1595379393514" duration="599000" />
+      <workItem from="1595465766236" duration="579000" />
+      <workItem from="1596078541576" duration="8842000" />
+    </task>
+    <task id="LOCAL-00001" summary="fix">
+      <created>1594365774472</created>
+      <option name="number" value="00001" />
+      <option name="presentableId" value="LOCAL-00001" />
+      <option name="project" value="LOCAL" />
+      <updated>1594365774472</updated>
     </task>
+    <option name="localTasksCounter" value="2" />
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="114174000" />
+    <option name="totallyTimeSpent" value="135779000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="-7" y="0" width="1547" height="831" extended-state="0" />
+    <frame x="-6" y="0" width="1547" height="830" extended-state="0" />
     <editor active="true" />
     <layout>
-      <window_info content_ui="combo" id="Project" order="0" sideWeight="0.49858356" visible="true" weight="0.12706816" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" sideWeight="0.49858356" visible="true" weight="0.12706816" />
       <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" weight="0.32761088" />
+      <window_info anchor="bottom" id="Run" order="2" sideWeight="0.49172732" weight="0.3252149" />
       <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.5009927" side_tool="true" visible="true" weight="0.32761088" />
-      <window_info active="true" anchor="bottom" id="Terminal" order="10" sideWeight="0.49900728" visible="true" weight="0.32761088" />
+      <window_info anchor="bottom" id="Event Log" order="9" sideWeight="0.50827265" side_tool="true" visible="true" weight="0.32808024" />
+      <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" />
       <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
@@ -330,6 +392,10 @@
   <component name="TypeScriptGeneratedFilesManager">
     <option name="version" value="1" />
   </component>
+  <component name="VcsManagerConfiguration">
+    <MESSAGE value="fix" />
+    <option name="LAST_COMMIT_MESSAGE" value="fix" />
+  </component>
   <component name="editorHistoryManager">
     <entry file="file://$PROJECT_DIR$/package-lock.json" />
     <entry file="file://D:/aoshu.txt">
@@ -347,15 +413,8 @@
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/css.css.map">
-      <provider selected="true" editor-type-id="text-editor" />
       <provider editor-type-id="sourcemapFileViewerProvider" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/add-template.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="342">
-          <caret line="18" column="43" selection-start-line="18" selection-start-column="18" selection-end-line="18" selection-end-column="43" />
-        </state>
-      </provider>
+      <provider selected="true" editor-type-id="text-editor" />
     </entry>
     <entry file="file://$PROJECT_DIR$/fabric.js">
       <provider selected="true" editor-type-id="text-editor">
@@ -364,23 +423,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="798">
-          <caret line="43" column="10" selection-start-line="43" selection-start-column="10" selection-end-line="43" selection-end-column="10" />
-          <folding>
-            <element signature="n#style#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/css.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="2109">
-          <caret line="111" column="1" selection-start-line="111" selection-start-column="1" selection-end-line="111" selection-end-column="1" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/img/icon_circle_big.png">
       <provider selected="true" editor-type-id="images" />
     </entry>
@@ -398,35 +440,42 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css.less">
+    <entry file="file://$PROJECT_DIR$/html.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1368">
-          <caret line="72" column="19" selection-start-line="72" selection-start-column="19" selection-end-line="72" selection-end-column="19" />
+        <state relative-caret-position="384">
+          <caret line="110" column="26" selection-start-line="110" selection-start-column="11" selection-end-line="110" selection-end-column="26" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/project.less">
+    <entry file="file://$PROJECT_DIR$/style.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1349">
-          <caret line="71" column="21" selection-start-line="71" selection-start-column="21" selection-end-line="71" selection-end-column="21" />
+        <state relative-caret-position="532">
+          <caret line="28" column="47" selection-start-line="28" selection-start-column="47" selection-end-line="28" selection-end-column="47" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/style.css">
+    <entry file="file://$PROJECT_DIR$/style.less">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="532">
-          <caret line="28" column="47" selection-start-line="28" selection-start-column="47" selection-end-line="28" selection-end-column="47" />
+        <state relative-caret-position="266">
+          <caret line="14" column="22" selection-start-line="14" selection-start-column="22" selection-end-line="14" selection-end-column="22" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/维修品牌.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="247">
+          <caret line="13" column="2" selection-start-line="13" selection-start-column="2" selection-end-line="13" selection-end-column="2" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/客户管理.html">
+    <entry file="file://$PROJECT_DIR$/views/杂项/客户管理.html">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="608">
           <caret line="32" column="8" selection-start-line="32" selection-start-column="8" selection-end-line="32" selection-end-column="8" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/检测开单.html">
+    <entry file="file://$PROJECT_DIR$/views/杂项/检测开单.html">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="171">
           <caret line="9" column="7" selection-start-line="9" selection-start-column="7" selection-end-line="9" selection-end-column="7" />
@@ -444,38 +493,65 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/维修品牌.html">
+    <entry file="file://$PROJECT_DIR$/views/杂项/维修品牌.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="627">
+        <state relative-caret-position="383">
           <caret line="33" column="14" selection-start-line="33" selection-start-column="14" selection-end-line="33" selection-end-column="14" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/维修品牌.js">
+    <entry file="file://$PROJECT_DIR$/views/杂项/超值体验卡.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="209">
-          <caret line="11" column="15" selection-start-line="11" selection-start-column="15" selection-end-line="11" selection-end-column="15" />
+        <state relative-caret-position="304">
+          <caret line="16" column="51" selection-start-line="16" selection-start-column="51" selection-end-line="16" selection-end-column="51" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/超值体验卡.html">
+    <entry file="file://$PROJECT_DIR$/views/杂项/项目详情.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="304">
-          <caret line="16" column="51" selection-start-line="16" selection-start-column="51" selection-end-line="16" selection-end-column="51" />
+        <state relative-caret-position="383">
+          <caret line="65" column="14" selection-start-line="65" selection-start-column="14" selection-end-line="65" selection-end-column="14" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/项目详情.html">
+    <entry file="file://$PROJECT_DIR$/project.less">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1235">
-          <caret line="65" column="14" selection-start-line="65" selection-start-column="14" selection-end-line="65" selection-end-column="14" />
+        <state relative-caret-position="95">
+          <caret line="65" column="7" lean-forward="true" selection-start-line="65" selection-start-column="7" selection-end-line="65" selection-end-column="7" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/style.less">
+    <entry file="file://$PROJECT_DIR$/views/杂项/add-template.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="247">
-          <caret line="13" column="27" lean-forward="true" selection-start-line="13" selection-start-column="27" selection-end-line="13" selection-end-column="27" />
+        <state relative-caret-position="171">
+          <caret line="24" column="8" lean-forward="true" selection-start-line="24" selection-start-column="8" selection-end-line="24" selection-end-column="8" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="139">
+          <caret line="34" column="11" selection-start-line="34" selection-start-column="11" selection-end-line="34" selection-end-column="11" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css.less">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="281">
+          <caret line="201" column="23" lean-forward="true" selection-start-line="201" selection-start-column="23" selection-end-line="201" selection-end-column="23" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/views/运营-回访/回访.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="190">
+          <caret line="88" column="42" selection-start-line="88" selection-start-column="42" selection-end-line="88" selection-end-column="42" />
+          <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>

css.css

@@ -1,253 +1,184 @@
-.car-select .select-step {
+.container-box-block {
+  margin-bottom: 20px;
+}
+.tow-container-box {
   display: flex;
-  border: 1px solid #e1e1e1;
+  margin: 20px;
+}
+.tow-container-box .left-box,
+.tow-container-box .right-box {
+  width: 800px;
+  margin: 0 12px;
+}
+.card-box {
+  border: 1px solid #eeeeee;
 }
-.car-select .select-step .select-step-item {
+.card-box .card-box-title {
+  background: #f6f6f6;
+  padding: 11px 15px;
+  position: relative;
   font-size: 14px;
   font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
-  padding: 10px 0;
-  color: #999999;
-  width: 240px;
-  height: 20px;
-  background: #f2f2f2;
-  position: relative;
-  text-align: center;
-  vertical-align: sub;
-}
-.car-select .select-step .select-step-item > span {
-  margin-right: 10px;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  color: #ffffff;
-  display: inline-block;
-  background: #dddddd;
-}
-.car-select .select-step .select-step-item.active {
-  background: white;
   color: #26965c;
 }
-.car-select .select-step .select-step-item.active > span {
-  background-color: #26965c;
-}
-.car-select .select-step .select-step-item.active .indicator:after {
-  border-color: transparent transparent transparent white;
-}
-.car-select .select-step .select-step-item .indicator {
+.card-box .card-box-title:after {
   position: absolute;
-  top: -1px;
-  left: 240px;
   display: block;
+  top: 15px;
+  left: 8px;
   content: '';
-  width: 0;
-  height: 0;
-  border: 21px solid;
-  z-index: 10;
-  border-color: transparent transparent transparent #E1E1E1;
+  width: 2px;
+  height: 12px;
+  background: #26965c;
 }
-.car-select .select-step .select-step-item .indicator:after {
-  position: absolute;
-  top: -20px;
-  left: -22px;
-  display: block;
-  content: '';
-  width: 0;
-  height: 0;
-  border: 20px solid;
-  z-index: 9;
-  border-color: transparent transparent transparent #F2F2F2;
-}
-.car-select .select-container .select-title {
-  height: 30px;
-  background: #f2f2f2;
-  line-height: 30px;
-  padding-left: 15px;
-  position: relative;
-  font-size: 13px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
-  color: #000000;
-  margin: 7px 0;
+.card-box .card-box-container {
+  padding: 12px 12px 0 12px;
 }
-.car-select .select-container .select-title:before {
-  width: 5px;
-  height: 30px;
-  display: block;
-  content: '';
-  background: #27965d;
-  position: absolute;
-  left: 0;
+.card-box .card-box-container.fuse-box-container {
+  padding: 0;
 }
-.car-select .select-container .select-wrapper {
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-}
-.car-select .select-container .select-wrapper .select-item {
-  margin: 7px 0;
-  width: 310px;
-  height: 40px;
-  border: 1px solid #e1e1e1;
-  font-size: 13px;
-  font-weight: 400;
-  color: #000000;
-  line-height: 40px;
-  text-align: center;
-  cursor: pointer;
-}
-.car-select .select-container .select-wrapper .select-item.selected {
-  color: #26965C;
-  border: 1px solid #26965C;
+.card-box .card-box-container.fuse-box-container .table-box {
+  margin: -1px;
 }
-.add-template-main {
-  padding: 20px;
+.card-box .card-box-container .card-box-container-text .card-box-container-text-item-wrapper {
+  margin-bottom: 10px;
   display: flex;
 }
-.add-template-main .template-phone {
-  width: 375px;
-  height: 667px;
-  background: #f7f7f7;
-  border: 1px solid #eeeeee;
-}
-.add-template-main .template-phone .template-phone-vip {
-  background-size: contain;
-  height: 90px;
-  padding: 15px 20px;
-  color: #ffffff;
-}
-.add-template-main .template-phone .template-phone-vip.vip-bg-blue {
-  background: url("./image/bg_mob_vip_blue.png") no-repeat;
-}
-.add-template-main .template-phone .template-phone-vip.vip-bg-yellow {
-  background: url("./image/bg_mob_vip_yellow.png") no-repeat;
-}
-.add-template-main .template-phone .template-phone-vip.vip-bg-green {
-  background: url("./image/bg_mob_vip_green.png") no-repeat;
+.card-box .card-box-container .card-box-container-text .card-box-container-text-item-wrapper .card-box-container-text-item {
+  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
+  display: flex;
+  min-width: 260px;
 }
-.add-template-main .template-phone .template-phone-vip .template-phone-vip-title {
-  font-size: 15px;
+.card-box .card-box-container .card-box-container-text .card-box-container-text-item-wrapper .card-box-container-text-item > span {
+  font-size: 12px;
+  font-family: PingFangSC-Medium, PingFang SC;
   font-weight: 500;
+  color: #555555;
+  min-width: 61px;
+  display: block;
 }
-.add-template-main .template-phone .template-phone-vip .template-phone-vip-info {
-  padding-top: 10px;
+.card-box .card-box-container .card-box-container-text .card-box-container-text-item-wrapper .card-box-container-text-item > a {
   font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #01aaed;
+  text-decoration: underline;
 }
-.add-template-main .template-phone .template-phone-vip .template-phone-vip-info > span {
-  font-size: 24px;
+.progress-bar-box {
+  padding: 10px;
 }
-.add-template-main .template-phone .template-phone-vip .template-phone-vip-footer {
-  padding-top: 5px;
-  font-size: 12px;
-  text-align: right;
+.progress-bar-box .progress-bar-box-wrapper {
+  border-left: 2px solid #EEEEEE;
+  padding-left: 10px;
 }
-.add-template-main .template-phone .template-phone-title {
-  height: 62px;
-  background: url("./image/djq_title.png") no-repeat;
-  background-size: contain;
-  border-bottom: 1px solid #eeeeee;
+.progress-bar-box .progress-bar-box-wrapper .progress-bar-box-item {
+  position: relative;
+  padding-bottom: 20px;
 }
-.add-template-main .template-phone .template-phone-djq-list {
+.progress-bar-box .progress-bar-box-wrapper .progress-bar-box-item:first-child:before {
+  position: absolute;
+  content: '';
+  top: 0px;
+  left: -16px;
+  width: 10px;
+  height: 10px;
   background-color: #fff;
-  padding: 20px 10px;
+  border-radius: 50%;
 }
-.add-template-main .template-phone .template-phone-djq-list .template-phone-djq-list-item {
-  background: #ffffff;
-  box-shadow: 0px 0px 20px #f0f0f0;
+.progress-bar-box .progress-bar-box-wrapper .progress-bar-box-item:after {
+  position: absolute;
+  content: '';
+  top: 5px;
+  left: -16px;
+  width: 10px;
+  height: 10px;
+  background: #dddddd;
+  border-radius: 50%;
 }
-.add-template-main .template-phone .template-phone-djq-list .template-phone-djq-list-item .template-phone-djq-list-item-t {
-  display: flex;
-  padding: 15px 20px;
+.progress-bar-box .progress-bar-box-wrapper .progress-bar-box-item .progress-bar-box-item-title {
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
 }
-.add-template-main .template-phone .template-phone-djq-list .template-phone-djq-list-item .template-phone-djq-list-item-t .djq {
-  width: 109px;
-  background-color: #3F94F7;
-  border-radius: 5px;
-  position: relative;
-  font-size: 12px;
+.progress-bar-box .progress-bar-box-wrapper .progress-bar-box-item .progress-bar-box-item-message {
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
-  color: #ffffff;
-  text-align: center;
-  padding: 12px 0;
+  color: #333333;
 }
-.add-template-main .template-phone .template-phone-djq-list .template-phone-djq-list-item .template-phone-djq-list-item-t .djq > span {
-  display: block;
-  font-size: 20px;
-  font-weight: 500;
-  color: #ffffff;
-  padding-bottom: 5px;
+.select-box {
+  border: 1px solid #eeeeee;
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
 }
-.add-template-main .template-phone .template-phone-djq-list .template-phone-djq-list-item .template-phone-djq-list-item-t .djq:after {
-  content: "";
-  position: absolute;
-  top: -20px;
-  display: block;
-  width: 10px;
-  height: 100%;
-  margin-top: 20px;
-  background-size: 20px 10px;
-  right: 0px;
-  background-color: #3F94F7;
-  background-position: 100% 15%;
-  background-image: linear-gradient(-45deg, #fff 25%, transparent 25%, transparent), linear-gradient(-135deg, #fff 25%, transparent 25%, transparent), linear-gradient(-45deg, transparent 75%, #fff 75%), linear-gradient(-135deg, transparent 75%, #fff 75%);
-}
-.add-template-main .template-phone .template-phone-djq-list .template-phone-djq-list-item .template-phone-djq-list-item-t .djq-msg {
-  padding: 10px 20px;
+.table-box.deepen-thead thead {
+  background: #f6f6f6;
 }
-.add-template-main .template-phone .template-phone-djq-list .template-phone-djq-list-item .template-phone-djq-list-item-t .djq-msg > p {
-  font-size: 15px;
-  font-weight: 500;
+.table-box.deepen-thead thead th {
+  border: 1px solid #f6f6f6;
+}
+.table-box table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.table-box table th,
+.table-box table td {
+  padding: 12px;
+  border: 1px solid #eeeeee;
+}
+.table-box table thead th {
+  text-align: center;
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
   color: #333333;
-  padding-bottom: 15px;
 }
-.add-template-main .template-phone .template-phone-djq-list .template-phone-djq-list-item .template-phone-djq-list-item-t .djq-msg > span {
-  font-size: 12px;
+.table-box table tbody td {
+  padding-left: 17px;
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
-  color: #999999;
-}
-.add-template-main .template-phone .template-phone-djq-list .template-phone-djq-list-item .template-phone-djq-list-item-b {
-  border-top: 1px solid #eeeeee;
-  text-align: right;
-  padding-right: 16px;
-  height: 40px;
-  line-height: 40px;
+  color: #666666;
+}
+.btn-box.primary-btn {
+  background: #26965c;
+  border-radius: 3px;
   font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
-  color: #999999;
+  color: #ffffff;
+  padding: 5px 10px;
+  text-align: center;
 }
-.add-template-main .template-info {
-  margin-left: 40px;
-  width: 663px;
-  height: 627px;
+.tab-box {
+  width: 100%;
+  overflow-y: auto;
   border: 1px solid #eeeeee;
-  position: relative;
-  padding: 20px;
 }
-.add-template-main .template-info:before {
-  position: absolute;
-  top: 120px;
-  left: -22px;
-  display: block;
-  content: '';
-  width: 40px;
-  height: 40px;
-  background: url("./image/info-jt.png") no-repeat;
+.tab-box .tab-box-title {
+  background: #eeeeee;
+  border-bottom: 1px solid #e7e7e7;
+  display: flex;
 }
-.add-template-main .template-info .template-info-p {
-  font-size: 16px;
-  font-weight: 500;
-  color: #26965c;
-  padding-left: 10px;
-  position: relative;
+.tab-box .tab-box-title .tab-box-title-item {
+  padding: 10px 20px;
+  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #000000;
+  cursor: pointer;
 }
-.add-template-main .template-info .template-info-p:before {
-  position: absolute;
-  top: 5px;
-  left: 3px;
-  display: block;
-  content: '';
-  width: 3px;
-  height: 13px;
-  background: #26965c;
+.tab-box .tab-box-title .tab-box-title-item.checked {
+  background-color: #fff;
+}
+.tab-box .tab-box-container {
+  padding: 15px;
 }
 /*# sourceMappingURL=css.css.map */

css.less

@@ -1,277 +1,232 @@
-.car-select {
-  .select-step {
-    display: flex;
-    border: 1px solid rgba(225, 225, 225, 1);
+.border() {
+  border: 1px solid rgba(238, 238, 238, 1);
+}
 
-    .select-step-item {
-      font-size: 14px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      padding: 10px 0;
-      color: rgba(153, 153, 153, 1);
-      width: 240px;
-      height: 20px;
-      background: rgba(242, 242, 242, 1);
-      position: relative;
-      text-align: center;
-      vertical-align: sub;
+.line-block(@top:0,@left:0,@bg:rgba(38,150,92,1)) {
+  position: absolute;
+  display: block;
+  top: @top;
+  left: @left;
+  content: '';
+  width: 2px;
+  height: 12px;
+  background: @bg;
+}
 
-      > span {
-        margin-right: 10px;
-        width: 20px;
-        height: 20px;
-        border-radius: 50%;
-        color: rgba(255, 255, 255, 1);
-        display: inline-block;
-        background: rgba(221, 221, 221, 1);
-      }
+.container-box-block {
+  margin-bottom: 20px;
+}
 
-      &.active {
-        background: white;
-        color: rgba(38, 150, 92, 1);
+.tow-container-box {
+  display: flex;
+  margin: 20px;
 
-        > span {
-          background-color: rgba(38, 150, 92, 1);
-        }
+  .left-box, .right-box {
+    width: 800px;
+    margin: 0 12px;
+  }
+}
 
-        .indicator {
-          &:after {
-            border-color: transparent transparent transparent white;
-          }
-        }
-      }
+.card-box {
+  .border();
 
-      .indicator {
-        position: absolute;
-        top: -1px;
-        left: 240px;
-        display: block;
-        content: '';
-        width: 0;
-        height: 0;
-        border: 21px solid;
-        z-index: 10;
-        border-color: transparent transparent transparent #E1E1E1;
-
-        &:after {
-          position: absolute;
-          top: -20px;
-          left: -22px;
-          display: block;
-          content: '';
-          width: 0;
-          height: 0;
-          border: 20px solid;
-          z-index: 9;
-          border-color: transparent transparent transparent #F2F2F2;
-        }
-      }
+  .card-box-title {
+    background: rgba(246, 246, 246, 1);
+    padding: 11px 15px;
+    position: relative;
+    font-size: 14px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: rgba(38, 150, 92, 1);
+
+    &:after {
+      .line-block(15px, 8px)
     }
   }
 
-  .select-container {
-    .select-title {
-      height: 30px;
-      background: rgba(242, 242, 242, 1);
-      line-height: 30px;
-      padding-left: 15px;
-      position: relative;
-      font-size: 13px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: rgba(0, 0, 0, 1);
-      margin: 7px 0;
+  .card-box-container {
+    padding: 12px 12px 0 12px;
 
-      &:before {
-        width: 5px;
-        height: 30px;
-        display: block;
-        content: '';
-        background: rgba(39, 150, 93, 1);
-        position: absolute;
-        left: 0;
+    &.fuse-box-container {
+      padding: 0;
+
+      .table-box {
+        margin: -1px;
       }
     }
 
-    .select-wrapper {
-      display: flex;
-      justify-content: space-between;
-      flex-wrap: wrap;
+    .card-box-container-text {
+      .card-box-container-text-item-wrapper {
+        margin-bottom: 10px;
+        display: flex;
 
-      .select-item {
-        margin: 7px 0;
-        width: 310px;
-        height: 40px;
-        border: 1px solid rgba(225, 225, 225, 1);
-        font-size: 13px;
-        font-weight: 400;
-        color: rgba(0, 0, 0, 1);
-        line-height: 40px;
-        text-align: center;
-        cursor: pointer;
+        .card-box-container-text-item {
+          font-size: 12px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: rgba(102, 102, 102, 1);
+          display: flex;
+          min-width: 260px;
+
+          > span {
+            font-size: 12px;
+            font-family: PingFangSC-Medium, PingFang SC;
+            font-weight: 500;
+            color: rgba(85, 85, 85, 1);
+            min-width: 61px;
+            display: block;
+          }
 
-        &.selected {
-          color: #26965C;
-          border: 1px solid #26965C;
+          > a {
+            font-size: 12px;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: rgba(1, 170, 237, 1);
+            text-decoration: underline;
+          }
         }
       }
     }
   }
 }
 
+.progress-bar-box {
+  padding: 10px;
 
-.add-template-main {
-  padding: 20px;
-  display: flex;
-  .template-phone {
-    width: 375px;
-    height: 667px;
-    background: rgba(247, 247, 247, 1);
-    border: 1px solid rgba(238, 238, 238, 1);
-
-    .template-phone-vip{
-      background-size: contain;
-      height: 90px;
-      padding:15px 20px;
-      color:rgba(255,255,255,1);
-      &.vip-bg-blue{
-        background: url("./image/bg_mob_vip_blue.png") no-repeat;
-      }
-      &.vip-bg-yellow{
-        background: url("./image/bg_mob_vip_yellow.png") no-repeat;
-      }
-      &.vip-bg-green{
-        background: url("./image/bg_mob_vip_green.png") no-repeat;
+  .progress-bar-box-wrapper {
+    border-left: 2px solid #EEEEEE;
+    padding-left: 10px;
+
+    .progress-bar-box-item {
+      position: relative;
+      padding-bottom: 20px;
+
+      &:first-child:before {
+        position: absolute;
+        content: '';
+        top: 0px;
+        left: -16px;
+        width: 10px;
+        height: 10px;
+        background-color: #fff;
+        border-radius: 50%;
       }
-      .template-phone-vip-title{
-        font-size:15px;
-        font-weight:500;
+
+      &:after {
+        position: absolute;
+        content: '';
+        top: 5px;
+        left: -16px;
+        width: 10px;
+        height: 10px;
+        background: rgba(221, 221, 221, 1);
+        border-radius: 50%;
       }
-      .template-phone-vip-info{
-        padding-top: 10px;
-        font-size:12px;
-        >span{
-          font-size: 24px;
-        }
+
+      .progress-bar-box-item-title {
+        font-size: 14px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: rgba(102, 102, 102, 1);
       }
-      .template-phone-vip-footer{
-        padding-top: 5px;
-        font-size:12px;
-        text-align: right;
+
+      .progress-bar-box-item-message {
+        font-size: 14px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: rgba(51, 51, 51, 1);
       }
     }
-    .template-phone-title {
-      height: 62px;
-      background: url("./image/djq_title.png") no-repeat;
-      background-size: contain;
-      border-bottom: 1px solid rgba(238, 238, 238, 1);
-    }
-    .template-phone-djq-list{
-      background-color: #fff;
-      padding:20px 10px;
-      .template-phone-djq-list-item{
-        background:rgba(255,255,255,1);
-        box-shadow: 0px 0px 20px #f0f0f0;
-        .template-phone-djq-list-item-t{
-          display: flex;
-          padding: 15px 20px;
-          .djq{
-            width:109px;
-            background-color: #3F94F7;
-            border-radius: 5px;
-            position: relative;
-            font-size:12px;
-            font-weight:400;
-            color:rgba(255,255,255,1);
-            text-align: center;
-            padding: 12px 0;
-            >span{
-              display: block;
-              font-size:20px;
-              font-weight:500;
-              color:rgba(255,255,255,1);
-              padding-bottom: 5px;
-            }
-            &:after{
-              content: "";
-              position: absolute;
-              top: -20px;
-              display: block;
-              width: 10px;
-              height: 100%;
-              margin-top: 20px;
-              background-size: 20px 10px;
-              right: 0px;
-              background-color: #3F94F7;
-              background-position: 100% 15%;
-              background-image: linear-gradient(-45deg, #fff 25%, transparent 25%, transparent),
-              linear-gradient(-135deg, #fff 25%, transparent 25%, transparent),
-              linear-gradient(-45deg, transparent 75%, #fff 75%),
-              linear-gradient(-135deg, transparent 75%, #fff 75%);
-            }
-          }
-          .djq-msg{
-            padding: 10px 20px;
-            >p{
-              font-size:15px;
-              font-weight:500;
-              color:rgba(51,51,51,1);
-              padding-bottom: 15px;
-            }
-            >span{
-              font-size:12px;
-              font-weight:400;
-              color:rgba(153,153,153,1);
-            }
-          }
-        }
-        .template-phone-djq-list-item-b{
-          border-top: 1px solid rgba(238, 238, 238, 1);
-          text-align: right;
-          padding-right: 16px;
-          height: 40px;
-          line-height: 40px;
-          font-size:12px;
-          font-weight:400;
-          color:rgba(153,153,153,1)
-        }
+  }
+}
+
+.select-box {
+  border: 1px solid rgba(238, 238, 238, 1);
+  font-size: 13px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: rgba(102, 102, 102, 1);
+}
+
+.table-box {
+  &.deepen-thead {
+    thead {
+      background: rgba(246, 246, 246, 1);
+
+      th {
+        border: 1px solid rgba(246, 246, 246, 1);
       }
     }
   }
-  .template-info{
-    margin-left: 40px;
-    width:663px;
-    height:627px;
-    border:1px solid rgba(238,238,238,1);
-    position: relative;
-    padding: 20px;
-    &:before{
-      position: absolute;
-      top: 120px;
-      left: -22px;
-      display: block;
-      content: '';
-      width: 40px;
-      height: 40px;
-      background: url("./image/info-jt.png") no-repeat;
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+
+    th, td {
+      padding: 12px;
+      border: 1px solid rgba(238, 238, 238, 1);
+
     }
-    .template-info-p{
-      font-size:16px;
-      font-weight:500;
-      color:rgba(38,150,92,1);
-      padding-left: 10px;
-      position: relative;
-      &:before{
-        position: absolute;
-        top: 5px;
-        left: 3px;
-        display: block;
-        content: '';
-        width:3px;
-        height:13px;
-        background:rgba(38,150,92,1);
+
+    thead {
+      th {
+        text-align: center;
+        font-size: 13px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: rgba(51, 51, 51, 1);
+      }
+    }
+
+    tbody {
+      td {
+        padding-left: 17px;
+        font-size: 13px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: rgba(102, 102, 102, 1);
       }
     }
   }
 }
+.btn-box{
+  &.primary-btn{
+    background:rgba(38,150,92,1);
+    border-radius:3px;
+    font-size:12px;
+    font-family:PingFangSC-Regular,PingFang SC;
+    font-weight:400;
+    color:rgba(255,255,255,1);
+    padding: 5px 10px;
+    text-align: center;
+  }
+}
+.tab-box {
+  width: 100%;
+  overflow-y: auto;
+  .border();
+
+  .tab-box-title {
+    background: rgba(238, 238, 238, 1);
+    border-bottom: 1px solid rgba(231, 231, 231, 1);
+    display: flex;
+
+    .tab-box-title-item {
+      padding: 10px 20px;
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: rgba(0, 0, 0, 1);
+      cursor: pointer;
 
+      &.checked {
+        background-color: #fff;
+      }
+    }
+  }
+
+  .tab-box-container {
+    padding: 15px;
+  }
+}

html.html

@@ -1,57 +1,163 @@
-<!DOCTYPE html>
-<html>
+<!doctypehtml>
+<html lang="en">
 <head>
+  <title>
+    实现类似BiLiBiLi的播放浮层控制
+  </title>
   <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport"
-        content="width=device-width, initial-scale=1, maximum-scale=1">
-  <title>检测开单</title>
-  <link rel="stylesheet" href="./layui/css/layui.css">
-  <link rel="stylesheet" href="./css.css">
+        content="width=device-width,initial-scale=1.0,user-scalable=no">
+  <link rel="stylesheet"
+        href="//cdn.jsdelivr.net/bootstrap/3.3.6/css/bootstrap.min.css">
+  <style type="text/css">
+    html {
+      fon-family: sans-serif;
+      -ms-text-size-adjust: 100%;
+      -webkit-text-size-adjust: 100%;
+      font-size: 62.5%;
+      -webkit-tap-highlight-color: transparent
+    }
+
+    body {
+      font-family: 'HelveticaNeue',
+      '\5FAE\8F6F\96C5\9ED1',
+      '\9ED1\4F53',
+      sans-serif;
+      letter-spacing: .01rem;
+      font-size: 15px;
+      line-height: 1.75em;
+      color: #3A4145;
+      -webkit-font-feature-settings: 'kern' 1;
+      -moz-font-feature-settings: 'kern' 1;
+      -o-font-feature-settings: 'kern' 1;
+    }
+
+    h1 {
+      padding-top: 40px;
+      text-align: center;
+    }
+
+    .main {
+      max-width: 720px;
+      margin: 80px auto;
+      text-align: center;
+    }
+
+    .mainvideo {
+      max-width: 100%;
+      height: auto;
+    }
+  </style>
+  <script src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script>
 </head>
-<body>
-<div style="width: 980px;
-margin: 20px auto;">
-  <div class="car-select">
-    <div class="select-step">
-      <div class="select-step-item active"><i class="indicator"></i><span>1</span>选择品牌</div>
-      <div class="select-step-item active"><i class="indicator"></i><span>2</span>选择车系</div>
-      <div class="select-step-item"><i class="indicator"></i><span>3</span>选择排量</div>
-      <div class="select-step-item active"><span>4</span>选择车型</div>
-    </div>
-    <div class="select-container">
-      <div class="select-title">一汽大众</div>
-      <div class="select-wrapper">
-        <div class="select-item">CC</div>
-        <div class="select-item selected">CC</div>
-        <div class="select-item">CC</div>
-        <div class="select-item">CC</div>
-        <div class="select-item">CC</div>
-        <div class="select-item">CC</div>
-        <div class="select-item">CC</div>
-      </div>
-    </div>
-    <div class="select-container">
-      <div class="select-title">一汽大众</div>
-      <div class="select-wrapper">
-        <div class="select-item">CC</div>
-        <div class="select-item selected">CC</div>
-        <div class="select-item">CC</div>
-        <div class="select-item">CC</div>
-        <div class="select-item">CC</div>
-        <div class="select-item">CC</div>
-        <div class="select-item">CC</div>
-      </div>
-    </div>
-  </div>
 
+<body class="doc">
+<h1>
+  实现类似BiLiBiLi的播放浮层控制
+</h1>
+<div class="main">
+  <video controls
+         poster="https://img1.wxzxzj.com/vpc-example-cover-your-name-c.png"
+         src="https://media.vued.vanthink.cn/sparkle_your_name_am360p.mp4"/>
 </div>
+<script type="text/javascript">
+var mediaList = [
+    {
+      src: 'https://media.vued.vanthink.cn/CJ7%20-%20Trailer.mp4',
+      cover: 'https://img1.wxzxzj.com/vpc-example-cover-CJ7-c.jpg',
+      title: '长江七号-周星驰导演作品，关于外星人的童话故事',
+    },
+    {
+      src: 'https://media.vued.vanthink.cn/sparkle_your_name_am360p.mp4',
+      cover: 'https://img1.wxzxzj.com/vpc-example-cover-your-name-c.png',
+      title: '你的名字-新海诚导演作品，穿越彼此的身体，遇见不可思议',
+    },
+    {
+      src: 'https://media.vued.vanthink.cn/the_garden_of_words_trailer_english__1080p.mp4',
+      cover: 'https://img1.wxzxzj.com/vpc-example-cover-the-garden-c.jpg',
+      title: '言叶之庭-新海诚导演作品，下雨天静谧的动静也有唯美的相遇',
+    }]
+
+$(function () {
+  var $video = document.querySelector('video')
+  console.log($video)
+  var index = 1
+
+  function playNext () {
+    if (index === 2) {
+      index = 0
+    } else {
+      index += 1
+    }
+    setMediaSession(index)
+    $video.src = mediaList[index].src
+    $video.play()
+  }
+
+  function playPrev () {
+    if (index === 0) {
+      index = 2
+    } else {
+      index -= 1
+    }
+    setMediaSession(index)
+    $video.src = mediaList[index].src
+    $video.play()
+  }
+
+  initMediaSession()
+
+  function setMediaSession (index) {
+    if ('mediaSession' in navigator) {
+      var data = mediaList[index]
+      navigator.mediaSession.metadata = new MediaMetadata({
+        title: data.title,
+        artist: data.director,
+        artwork: [{
+          src: data.cover,
+          sizes: '192x192',
+          },{
+          src: data.cover,
+          sizes: '192x192',
+        }],
+      })
+    }
+  }
 
-<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
-<script src="./layui/layui.all.js"></script>
-<script src="./fabric.js"></script>
-<script src="./fabric.min.js"></script>
-<script>
+  function initMediaSession () {
+    if ('mediaSession' in navigator) {
+      var ms = navigator.mediaSession
+      setMediaSession(1)
+      ms.setActionHandler('play', function () {
+        console.log(3333)
+        $video.play()
+      })
+      ms.setActionHandler('nexttrack', function () {
+        console.log(3333)
+        playNext()
+      })
+      ms.setActionHandler('previoustrack', function () {
+        playPrev()
+      })
+
+//navigator.mediaSession.setActionHandler('pause',function(){/*Codeexcerpted.*/});
+
+//navigator.mediaSession.setActionHandler('seekbackward',function(){/*Codeexcerpted.*/});
+
+//navigator.mediaSession.setActionHandler('seekforward',function(){/*Codeexcerpted.*/});
+
+//navigator.mediaSession.setActionHandler('previoustrack',function(){/*Codeexcerpted.*/});
+
+//navigator.mediaSession.setActionHandler('nexttrack',function(){/*Codeexcerpted.*/});
+
+    }
+
+  }
+
+})
 
 </script>
 </body>
+
 </html>

add-template.html

@@ -5,8 +5,8 @@
   <meta name="viewport"
         content="width=device-width, initial-scale=1, maximum-scale=1">
   <title>检测开单</title>
-  <link rel="stylesheet" href="./layui/css/layui.css">
-  <link rel="stylesheet" href="./css.css">
+  <link rel="stylesheet" href="../../layui/css/layui.css">
+  <link rel="stylesheet" href="../../css.css">
 </head>
 <body>
 <div class="add-template-main">
@@ -25,8 +25,8 @@
   </div>
 </div>
 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
-<script src="./layui/layui.all.js"></script>
-<script src="./fabric.js"></script>
-<script src="./fabric.min.js"></script>
+<script src="../../layui/layui.all.js"></script>
+<script src="../../fabric.js"></script>
+<script src="../../fabric.min.js"></script>
 </body>
 </html>

客户管理.html

@@ -5,7 +5,7 @@
   <meta name="viewport"
         content="width=device-width, initial-scale=1, maximum-scale=1">
   <title>客户管理</title>
-  <link rel="stylesheet" href="./project.css">
+  <link rel="stylesheet" href="../../project.css">
 </head>
 <body>
 <div class="car-message-container">

检测开单.html

@@ -5,8 +5,8 @@
   <meta name="viewport"
         content="width=device-width, initial-scale=1, maximum-scale=1">
   <title>检测开单</title>
-  <link rel="stylesheet" href="./layui/css/layui.css">
-  <link rel="stylesheet" href="./css.css">
+  <link rel="stylesheet" href="../../layui/css/layui.css">
+  <link rel="stylesheet" href="../../css.css">
 </head>
 <body>
 <div class="report-main">
@@ -280,9 +280,9 @@
   </div>
 </div>
 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
-<script src="./layui/layui.all.js"></script>
-<script src="./fabric.js"></script>
-<script src="./fabric.min.js"></script>
+<script src="../../layui/layui.all.js"></script>
+<script src="../../fabric.js"></script>
+<script src="../../fabric.min.js"></script>
 <script>
 var t_select
 $(function () {

维修品牌.html

@@ -5,10 +5,10 @@
   <meta name="viewport"
         content="width=device-width, initial-scale=1, maximum-scale=1">
   <title>检测开单</title>
-  <link rel="stylesheet" href="./style.css">
+  <link rel="stylesheet" href="../../style.css">
 </head>
 <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
-<script type="application/javascript" src="维修品牌.js"></script>
+<script type="application/javascript" src="../../维修品牌.js"></script>
 <body>
   <div class="dialog-main-1">
     <div class="brand-select">

超值体验卡.html

@@ -5,13 +5,13 @@
   <meta name="viewport"
         content="width=device-width, initial-scale=1, maximum-scale=1">
   <title>超值体验卡</title>
-  <link rel="stylesheet" href="./css.css">
+  <link rel="stylesheet" href="../../css.css">
 </head>
 <body>
 <div class="experience-card">
   <div class="experience-card-title"></div>
   <div class="experience-card-image">
-    <img src="./image/tyk_bg.png" alt="">
+    <img src="../../image/tyk_bg.png" alt="">
   </div>
   <div class="experience-card-price">
     <span class="experience-card-blue">￥</span>0.10
@@ -22,7 +22,7 @@
       尊享以下<span class="experience-card-blue">N</span>种免费体验
     </div>
     <div class="experience-card-list-item">
-      <img src="./image/tyk_bg.png" alt="">
+      <img src="../../image/tyk_bg.png" alt="">
       <div class="experience-card-list-item-info">
         冷却液更换冷却液更换这是多行示 例冷却液更换冷却液更换这是多
       </div>
@@ -31,7 +31,7 @@
       </div>
     </div>
     <div class="experience-card-list-item">
-      <img src="./image/tyk_bg.png" alt="">
+      <img src="../../image/tyk_bg.png" alt="">
       <div class="experience-card-list-item-info">
         冷却液更换冷却液更换这是多行示 例冷却液更换冷却液更换这是多
       </div>
@@ -40,7 +40,7 @@
       </div>
     </div>
     <div class="experience-card-list-item">
-      <img src="./image/tyk_bg.png" alt="">
+      <img src="../../image/tyk_bg.png" alt="">
       <div class="experience-card-list-item-info">
         冷却液更换冷却液更换这是多行示 例冷却液更换冷却液更换这是多
       </div>

项目详情.html

@@ -5,13 +5,13 @@
   <meta name="viewport"
         content="width=device-width, initial-scale=1, maximum-scale=1">
   <title>详情详情</title>
-  <link rel="stylesheet" href="./css.css">
+  <link rel="stylesheet" href="../../css.css">
 </head>
 <body>
   <div class="project">
     <div class="project-title"></div>
     <div class="project-detail-image">
-      <img src="./image/bg-img.png" alt="">
+      <img src="../../image/bg-img.png" alt="">
     </div>
     <div class="project-detail-info">
       <div class="project-detail-info-title">