first commit

.idea/encodings.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding" addBOMForNewFiles="with NO BOM" />
+</project>

.idea/html.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/html.iml" filepath="$PROJECT_DIR$/.idea/html.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

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

.idea/watcherTasks.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectTasksOptions">
+    <TaskOptions isEnabled="true">
+      <option name="arguments" value="$FileName$ $FileNameWithoutExtension$.css --source-map" />
+      <option name="checkSyntaxErrors" value="true" />
+      <option name="description" />
+      <option name="exitCodeBehavior" value="ERROR" />
+      <option name="fileExtension" value="less" />
+      <option name="immediateSync" value="true" />
+      <option name="name" value="Less" />
+      <option name="output" value="$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map" />
+      <option name="outputFilters">
+        <array>
+          <FilterInfo>
+            <option name="description" value="" />
+            <option name="name" value="" />
+            <option name="regExp" value="$MESSAGE$\Q in \E$FILE_PATH$\Q on line \E$LINE$\Q, column \E$COLUMN$" />
+          </FilterInfo>
+        </array>
+      </option>
+      <option name="outputFromStdout" value="false" />
+      <option name="program" value="lessc" />
+      <option name="runOnExternalChanges" value="true" />
+      <option name="scopeName" value="Project Files" />
+      <option name="trackOnlyRoot" value="true" />
+      <option name="workingDir" value="$FileDir$" />
+      <envs />
+    </TaskOptions>
+  </component>
+</project>

.idea/workspace.xml

@@ -0,0 +1,483 @@
+<?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="" />
+    <ignored path="$PROJECT_DIR$/.tmp/" />
+    <ignored path="$PROJECT_DIR$/temp/" />
+    <ignored path="$PROJECT_DIR$/tmp/" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
+      <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="1368">
+              <caret line="72" column="19" selection-start-line="72" selection-start-column="19" selection-end-line="72" selection-end-column="19" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/project.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>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/style.css">
+          <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>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/style.less">
+          <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>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/客户管理.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>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/检测开单.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" />
+              <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" />
+                <element signature="n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/维修品牌.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="627">
+              <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">
+          <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>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/项目详情.html">
+          <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>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </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>
+      <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>
+    </findStrings>
+    <replaceStrings>
+      <replace>h4</replace>
+      <replace>view-container-item</replace>
+    </replaceStrings>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/fabric.js-2.3.3" />
+  </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" />
+      </list>
+    </option>
+  </component>
+  <component name="ProjectFrameBounds">
+    <option name="x" value="-9" />
+    <option name="width" value="1934" />
+    <option name="height" value="1039" />
+  </component>
+  <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
+  <component name="ProjectView">
+    <navigator proportions="" version="1">
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="Scope" />
+      <pane id="ProjectPane">
+        <subPane>
+          <expand>
+            <path>
+              <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="project.less" type="620a8d5e:NestingTreeNode" />
+            </path>
+            <path>
+              <item name="html" type="b2602c69:ProjectViewProjectNode" />
+              <item name="html" type="462c0819:PsiDirectoryNode" />
+              <item name="style.less" type="620a8d5e:NestingTreeNode" />
+            </path>
+          </expand>
+          <select />
+        </subPane>
+      </pane>
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
+    <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="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">
+      <list>
+        <RuleState>
+          <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
+        </RuleState>
+        <RuleState>
+          <option name="name" value="StatusDashboardGroupingRule" />
+        </RuleState>
+      </list>
+    </option>
+  </component>
+  <component name="SvnConfiguration">
+    <configuration />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="5ae07691-f935-424c-bcfb-2ecce8956daa" name="Default Changelist" comment="" />
+      <created>1575878489780</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1575878489780</updated>
+      <workItem from="1575878491722" duration="3615000" />
+      <workItem from="1575940088728" duration="19196000" />
+      <workItem from="1576026486336" duration="7916000" />
+      <workItem from="1576112564031" duration="3606000" />
+      <workItem from="1576198698772" duration="2450000" />
+      <workItem from="1576457759030" duration="1890000" />
+      <workItem from="1576544769778" duration="691000" />
+      <workItem from="1576630781001" duration="635000" />
+      <workItem from="1588817381373" duration="12040000" />
+      <workItem from="1588899661285" duration="6040000" />
+      <workItem from="1588985640875" duration="598000" />
+      <workItem from="1589158915312" duration="588000" />
+      <workItem from="1589244946197" duration="7070000" />
+      <workItem from="1589331229253" duration="599000" />
+      <workItem from="1589417578388" duration="777000" />
+      <workItem from="1589422508972" duration="4860000" />
+      <workItem from="1589504159205" duration="875000" />
+      <workItem from="1589763175861" duration="2281000" />
+      <workItem from="1589849983252" duration="2413000" />
+      <workItem from="1589936099310" duration="1266000" />
+      <workItem from="1590022642196" duration="597000" />
+      <workItem from="1590109062156" duration="599000" />
+      <workItem from="1591147129357" duration="5915000" />
+      <workItem from="1591232169066" duration="3334000" />
+      <workItem from="1591318555771" duration="599000" />
+      <workItem from="1591577822259" duration="4727000" />
+      <workItem from="1591664212242" duration="599000" />
+      <workItem from="1591750494566" duration="599000" />
+      <workItem from="1591836908138" duration="590000" />
+      <workItem from="1591923373014" duration="1191000" />
+      <workItem from="1592182705119" duration="588000" />
+      <workItem from="1592268752966" duration="599000" />
+      <workItem from="1592355575729" duration="599000" />
+      <workItem from="1592441775452" duration="574000" />
+      <workItem from="1592528232931" duration="568000" />
+      <workItem from="1592787559062" duration="572000" />
+      <workItem from="1592873849708" duration="570000" />
+      <workItem from="1592960071689" duration="572000" />
+      <workItem from="1593305558927" duration="590000" />
+      <workItem from="1593337350595" duration="351000" />
+      <workItem from="1593392160997" duration="591000" />
+      <workItem from="1593479233902" duration="599000" />
+      <workItem from="1593564875028" duration="589000" />
+      <workItem from="1593651493160" duration="577000" />
+      <workItem from="1593738487792" duration="576000" />
+      <workItem from="1593996826349" duration="577000" />
+      <workItem from="1594083350584" duration="598000" />
+      <workItem from="1594169589612" duration="580000" />
+      <workItem from="1594256203013" duration="578000" />
+      <workItem from="1594342772466" duration="5138000" />
+      <workItem from="1594364128549" duration="32000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TimeTrackingManager">
+    <option name="totallyTimeSpent" value="114174000" />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="-7" y="0" width="1547" height="831" 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 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="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="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" />
+    </layout>
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="1" />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/package-lock.json" />
+    <entry file="file://D:/aoshu.txt">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="646">
+          <caret line="34" column="24" lean-forward="true" selection-start-line="34" selection-start-column="24" selection-end-line="34" selection-end-column="24" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$APPLICATION_HOME_DIR$/plugins/JavaScriptLanguage/jsLanguageServicesImpl/external/browser.d.ts">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="760">
+          <caret line="40" column="60" selection-start-line="40" selection-start-column="60" selection-end-line="40" selection-end-column="60" />
+        </state>
+      </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>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/fabric.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="266">
+          <caret line="14" column="25" selection-start-line="14" selection-start-column="25" selection-end-line="14" selection-end-column="25" />
+        </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>
+    <entry file="file://$PROJECT_DIR$/layui/css/layui.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="19">
+          <caret line="1" column="78" selection-start-line="1" selection-start-column="78" selection-end-line="1" selection-end-column="78" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/project.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="247">
+          <caret line="13" column="42" selection-start-line="13" selection-start-column="42" selection-end-line="13" selection-end-column="42" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css.less">
+      <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>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/project.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>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/style.css">
+      <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>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/客户管理.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">
+      <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" />
+          <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" />
+            <element signature="n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#2;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#7;n#div#0;n#body#0;n#html#0;n#!!top" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/维修品牌.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="627">
+          <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">
+      <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>
+    <entry file="file://$PROJECT_DIR$/超值体验卡.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>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/项目详情.html">
+      <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>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/style.less">
+      <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>
+      </provider>
+    </entry>
+  </component>
+</project>

add-template.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-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">
+</head>
+<body>
+<div class="add-template-main">
+  <div class="template-phone">
+    <div class="template-phone-title"></div>
+    <div class="template-phone-djq-list">
+      <div class="template-phone-vip vip-bg-blue">
+        <p class="template-phone-vip-title">镀晶</p>
+        <p class="template-phone-vip-info">储值￥<span>100</span></p>
+        <p class="template-phone-vip-footer">赠送200</p>
+      </div>
+    </div>
+  </div>
+  <div class="template-info">
+    <p class="template-info-p">代金券信息</p>
+  </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>
+</body>
+</html>

css.css

@@ -0,0 +1,253 @@
+.car-select .select-step {
+  display: flex;
+  border: 1px solid #e1e1e1;
+}
+.car-select .select-step .select-step-item {
+  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 {
+  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;
+}
+.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;
+}
+.car-select .select-container .select-title:before {
+  width: 5px;
+  height: 30px;
+  display: block;
+  content: '';
+  background: #27965d;
+  position: absolute;
+  left: 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;
+}
+.add-template-main {
+  padding: 20px;
+  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;
+}
+.add-template-main .template-phone .template-phone-vip .template-phone-vip-title {
+  font-size: 15px;
+  font-weight: 500;
+}
+.add-template-main .template-phone .template-phone-vip .template-phone-vip-info {
+  padding-top: 10px;
+  font-size: 12px;
+}
+.add-template-main .template-phone .template-phone-vip .template-phone-vip-info > span {
+  font-size: 24px;
+}
+.add-template-main .template-phone .template-phone-vip .template-phone-vip-footer {
+  padding-top: 5px;
+  font-size: 12px;
+  text-align: right;
+}
+.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;
+}
+.add-template-main .template-phone .template-phone-djq-list {
+  background-color: #fff;
+  padding: 20px 10px;
+}
+.add-template-main .template-phone .template-phone-djq-list .template-phone-djq-list-item {
+  background: #ffffff;
+  box-shadow: 0px 0px 20px #f0f0f0;
+}
+.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;
+}
+.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;
+  font-weight: 400;
+  color: #ffffff;
+  text-align: center;
+  padding: 12px 0;
+}
+.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;
+}
+.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;
+}
+.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;
+  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;
+  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;
+  font-size: 12px;
+  font-weight: 400;
+  color: #999999;
+}
+.add-template-main .template-info {
+  margin-left: 40px;
+  width: 663px;
+  height: 627px;
+  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;
+}
+.add-template-main .template-info .template-info-p {
+  font-size: 16px;
+  font-weight: 500;
+  color: #26965c;
+  padding-left: 10px;
+  position: relative;
+}
+.add-template-main .template-info .template-info-p:before {
+  position: absolute;
+  top: 5px;
+  left: 3px;
+  display: block;
+  content: '';
+  width: 3px;
+  height: 13px;
+  background: #26965c;
+}
+/*# sourceMappingURL=css.css.map */

css.less

@@ -0,0 +1,277 @@
+.car-select {
+  .select-step {
+    display: flex;
+    border: 1px solid rgba(225, 225, 225, 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;
+
+      > 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);
+      }
+
+      &.active {
+        background: white;
+        color: rgba(38, 150, 92, 1);
+
+        > span {
+          background-color: rgba(38, 150, 92, 1);
+        }
+
+        .indicator {
+          &:after {
+            border-color: transparent transparent transparent white;
+          }
+        }
+      }
+
+      .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;
+        }
+      }
+    }
+  }
+
+  .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;
+
+      &:before {
+        width: 5px;
+        height: 30px;
+        display: block;
+        content: '';
+        background: rgba(39, 150, 93, 1);
+        position: absolute;
+        left: 0;
+      }
+    }
+
+    .select-wrapper {
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+
+      .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;
+
+        &.selected {
+          color: #26965C;
+          border: 1px solid #26965C;
+        }
+      }
+    }
+  }
+}
+
+
+.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;
+      }
+      .template-phone-vip-title{
+        font-size:15px;
+        font-weight:500;
+      }
+      .template-phone-vip-info{
+        padding-top: 10px;
+        font-size:12px;
+        >span{
+          font-size: 24px;
+        }
+      }
+      .template-phone-vip-footer{
+        padding-top: 5px;
+        font-size:12px;
+        text-align: right;
+      }
+    }
+    .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)
+        }
+      }
+    }
+  }
+  .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;
+    }
+    .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);
+      }
+    }
+  }
+}
+

html.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-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">
+</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>
+
+</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>
+
+</script>
+</body>
+</html>