lzh/AML-frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

数据建模页面响应功能完成

Browse Source
This commit is contained in:
lzh
2021-02-16 16:44:48 +08:00
parent beb1ea4b89
commit 6b2168f435
8 changed files with 464 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.idea/workspace.xml
Generated
+208 -162
View File
@@ -2,17 +2,14 @@
<project version="4">
<component name="ChangeListManager">
<list default="true" id="8d242b82-cb9f-402f-b127-e24c2f7034a5" name="Default Changelist" comment="">
<change afterPath="$PROJECT_DIR$/vue_study.md" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/config/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/config/index.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/App.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/App.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/api/api.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/api/api.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/main.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/main.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/mock/mock.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/mock/mock.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/routes.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/Home.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/Home.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/Login.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/Login.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/nav1/Form.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/nav1/Form.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/nav1/Table.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/nav1/Table.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/views/nav1/user.vue" beforeDir="false" afterPath="$PROJECT_DIR$/src/views/nav1/user.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/vue_study.md" beforeDir="false" afterPath="$PROJECT_DIR$/vue_study.md" afterDir="false" />
</list>
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="SHOW_DIALOG" value="false" />
@@ -43,8 +40,8 @@
<entry file="file://$PROJECT_DIR$/vue_study.md">
<provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
<state split_layout="SPLIT">
<first_editor relative-caret-position="548">
<caret line="157" column="17" selection-start-line="157" selection-start-column="17" selection-end-line="157" selection-end-column="17" />
<first_editor relative-caret-position="56">
<caret line="113" column="12" selection-start-line="113" selection-start-column="12" selection-end-line="113" selection-end-column="12" />
</first_editor>
<second_editor />
</state>
@@ -57,36 +54,14 @@
</window>
</component>
<component name="FileEditorManager">
<splitter split-orientation="horizontal" split-proportion="0.71924293">
<splitter split-orientation="horizontal" split-proportion="0.59873617">
<split-first>
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/src/views/nav1/user.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="121">
<caret line="45" column="12" selection-start-line="45" selection-start-column="12" selection-end-line="45" selection-end-column="12" />
<folding>
<element signature="n#style#0;n#el-table#0;n#template#0;n#section#0;n#template#0;n#!!top" expanded="true" />
<element signature="e#1086#1130#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/App.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="46">
<caret line="11" column="16" lean-forward="true" selection-start-line="11" selection-start-column="16" selection-end-line="11" selection-end-column="16" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/dist/static/js/vendor.0f1354d86ff9bd2ab3e5.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="158">
<caret line="38" column="63098" selection-start-line="38" selection-start-column="63098" selection-end-line="38" selection-end-column="63098" />
<caret line="11" column="16" selection-start-line="11" selection-start-column="16" selection-end-line="11" selection-end-column="16" />
</state>
</provider>
</entry>
@@ -94,7 +69,7 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/main.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="213">
<state relative-caret-position="207">
<caret line="17" column="46" selection-start-line="17" selection-start-column="46" selection-end-line="17" selection-end-column="46" />
<folding>
<element signature="e#0#42#0" expanded="true" />
@@ -103,10 +78,15 @@
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/common/js/util.js">
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/src/views/nav1/Form.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-69" />
<state relative-caret-position="345">
<caret line="90" column="29" selection-start-line="90" selection-start-column="29" selection-end-line="90" selection-end-column="29" />
<folding>
<element signature="n#style#0;n#el-col#0;n#el-dialog#0;n#el-form#0;n#template#0;n#!!top" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
@@ -114,11 +94,11 @@
</split-first>
<split-second>
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file pinned="false" current-in-tab="true">
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/views/nav1/Table.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="184">
<caret line="117" column="39" lean-forward="true" selection-start-line="117" selection-start-column="39" selection-end-line="117" selection-end-column="39" />
<state relative-caret-position="368">
<caret line="89" column="26" lean-forward="true" selection-start-line="89" selection-start-column="26" selection-end-line="89" selection-end-column="26" />
<folding>
<element signature="n#style#0;n#span#0;n#section#0;n#template#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#el-table#0;n#section#0;n#template#0;n#!!top" expanded="true" />
@@ -127,10 +107,22 @@
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/views/nav1/user.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="230">
<caret line="63" column="59" selection-start-line="63" selection-start-column="59" selection-end-line="63" selection-end-column="59" />
<folding>
<element signature="n#style#0;n#el-table#0;n#template#0;n#section#0;n#template#0;n#!!top" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/config/index.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="497">
<state relative-caret-position="478">
<caret line="34" column="20" selection-start-line="34" selection-start-column="20" selection-end-line="34" selection-end-column="20" />
</state>
</provider>
@@ -139,17 +131,17 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/views/Home.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="74">
<caret line="93" column="18" selection-start-line="93" selection-start-column="18" selection-end-line="93" selection-end-column="18" />
<state relative-caret-position="414">
<caret line="75" column="16" selection-start-line="75" selection-start-column="16" selection-end-line="75" selection-end-column="16" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/src/views/Login.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="315">
<caret line="57" column="8" selection-start-line="57" selection-start-column="8" selection-end-line="57" selection-end-column="8" />
<state relative-caret-position="128">
<caret line="58" column="47" selection-start-line="58" selection-start-column="47" selection-end-line="58" selection-end-column="47" />
</state>
</provider>
</entry>
@@ -157,8 +149,11 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/routes.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="92">
<caret line="4" column="42" lean-forward="true" selection-start-line="4" selection-start-column="13" selection-end-line="4" selection-end-column="42" />
<state relative-caret-position="1265">
<caret line="55" column="19" selection-start-line="55" selection-start-column="19" selection-end-line="55" selection-end-column="19" />
<folding>
<element signature="e#0#37#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
@@ -166,8 +161,8 @@
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/api/api.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="460">
<caret line="20" column="34" lean-forward="true" selection-start-line="8" selection-end-line="9" />
<state relative-caret-position="374">
<caret line="20" column="34" selection-start-line="8" selection-end-line="9" />
</state>
</provider>
</entry>
@@ -176,9 +171,17 @@
</split-second>
</splitter>
</component>
<component name="FileTemplateManagerImpl">
<option name="RECENT_TEMPLATES">
<list>
<option value="Vue Single File Component" />
</list>
</option>
</component>
<component name="FindInProjectRecents">
<findStrings>
<find>查询</find>
<find>导航</find>
</findStrings>
</component>
<component name="Git.Settings">
@@ -190,28 +193,29 @@
<component name="IdeDocumentHistory">
<option name="CHANGED_PATHS">
<list>
<option value="$PROJECT_DIR$/src/routes.js" />
<option value="$PROJECT_DIR$/src/views/nav1/Form.vue" />
<option value="$PROJECT_DIR$/README.md" />
<option value="$PROJECT_DIR$/dist/index.html" />
<option value="$PROJECT_DIR$/src/mock/mock.js" />
<option value="$PROJECT_DIR$/src/main.js" />
<option value="$PROJECT_DIR$/config/index.js" />
<option value="$PROJECT_DIR$/src/api/api.js" />
<option value="$PROJECT_DIR$/vue_study.md" />
<option value="$PROJECT_DIR$/src/App.vue" />
<option value="$PROJECT_DIR$/src/views/Login.vue" />
<option value="$PROJECT_DIR$/src/routes.js" />
<option value="$PROJECT_DIR$/src/views/Home.vue" />
<option value="$PROJECT_DIR$/src/views/nav1/Table.vue" />
<option value="$PROJECT_DIR$/vue_study.md" />
<option value="$PROJECT_DIR$/src/views/Login.vue" />
<option value="$PROJECT_DIR$/src/views/nav1/dailog.vue" />
<option value="$PROJECT_DIR$/src/views/nav1/user.vue" />
<option value="$PROJECT_DIR$/src/views/nav1/Table.vue" />
<option value="$PROJECT_DIR$/src/views/nav1/Form.vue" />
</list>
</option>
</component>
<component name="ProjectFrameBounds" extendedState="6">
<option name="x" value="-9" />
<option name="y" value="-9" />
<option name="width" value="1938" />
<option name="height" value="1048" />
<option name="x" value="1905" />
<option name="y" value="-535" />
<option name="width" value="3873" />
<option name="height" value="2093" />
</component>
<component name="ProjectView">
<navigator proportions="" version="1">
@@ -231,6 +235,19 @@
<item name="AML_frontend" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="AML-frontend" type="b2602c69:ProjectViewProjectNode" />
<item name="AML_frontend" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
<item name="views" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="AML-frontend" type="b2602c69:ProjectViewProjectNode" />
<item name="AML_frontend" type="462c0819:PsiDirectoryNode" />
<item name="src" type="462c0819:PsiDirectoryNode" />
<item name="views" type="462c0819:PsiDirectoryNode" />
<item name="nav1" type="462c0819:PsiDirectoryNode" />
</path>
</expand>
<select />
</subPane>
@@ -309,7 +326,8 @@
<workItem from="1613019351924" duration="19249000" />
<workItem from="1613109888235" duration="8752000" />
<workItem from="1613193364112" duration="15888000" />
<workItem from="1613276072538" duration="27018000" />
<workItem from="1613276072538" duration="27499000" />
<workItem from="1613365982541" duration="29138000" />
</task>
<task id="LOCAL-00001" summary="自动机器学习前端组件">
<created>1601387458948</created>
@@ -339,20 +357,26 @@
<option name="project" value="LOCAL" />
<updated>1611496809086</updated>
</task>
<option name="localTasksCounter" value="5" />
<task id="LOCAL-00005" summary="数据集上传，数据预览">
<created>1613320466304</created>
<option name="number" value="00005" />
<option name="presentableId" value="LOCAL-00005" />
<option name="project" value="LOCAL" />
<updated>1613320466304</updated>
</task>
<option name="localTasksCounter" value="6" />
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="105466000" />
<option name="totallyTimeSpent" value="135085000" />
</component>
<component name="ToolWindowManager">
<frame x="-7" y="-7" width="1550" height="838" extended-state="6" />
<frame x="1914" y="-526" width="1549" height="837" extended-state="6" />
<editor active="true" />
<layout>
<window_info content_ui="combo" id="Project" order="0" sideWeight="0.4979757" visible="true" weight="0.15013404" />
<window_info id="Structure" order="1" sideWeight="0.5020243" side_tool="true" weight="0.18096514" />
<window_info active="true" content_ui="combo" id="Project" order="0" sideWeight="0.49615383" visible="true" weight="0.15204287" />
<window_info id="Structure" order="1" sideWeight="0.50384617" side_tool="true" visible="true" weight="0.15204287" />
<window_info id="Favorites" order="2" side_tool="true" />
<window_info anchor="bottom" id="TypeScript" />
<window_info anchor="bottom" id="Message" order="0" />
<window_info anchor="bottom" id="Find" order="1" />
<window_info anchor="bottom" id="Run" order="2" weight="0.32991204" />
@@ -364,8 +388,9 @@
<window_info anchor="bottom" id="Version Control" order="8" weight="0.32844576" />
<window_info anchor="bottom" id="Database Changes" order="9" />
<window_info anchor="bottom" id="Event Log" order="10" side_tool="true" />
<window_info anchor="bottom" id="Terminal" order="11" weight="0.3328446" />
<window_info active="true" anchor="bottom" id="Python Console" order="12" visible="true" weight="0.38856304" />
<window_info anchor="bottom" id="Terminal" order="11" visible="true" weight="0.238653" />
<window_info anchor="bottom" id="Python Console" order="12" weight="0.38799414" />
<window_info anchor="bottom" id="TypeScript" order="13" />
<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" />
@@ -403,10 +428,10 @@
<MESSAGE value="自动机器学习前端组件" />
<MESSAGE value="更新readme,添加真实数据json" />
<MESSAGE value="修改main.js" />
<option name="LAST_COMMIT_MESSAGE" value="修改main.js" />
<MESSAGE value="数据集上传，数据预览" />
<option name="LAST_COMMIT_MESSAGE" value="数据集上传，数据预览" />
</component>
<component name="editorHistoryManager">
<entry file="file://$PROJECT_DIR$/src/views/nav1/Form.vue" />
<entry file="file://$PROJECT_DIR$/Test_Dataset/day.csv">
<provider editor-type-id="csv-table-editor">
<state showInfoPanel="true" fixedHeaders="false" rowLines="3" />
@@ -445,13 +470,6 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/views/Main.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="253">
<caret line="11" selection-start-line="11" selection-end-line="11" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/config/prod.env.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
@@ -485,55 +503,6 @@
</state>
</provider>
</entry>
<entry file="file://$APPLICATION_HOME_DIR$/plugins/JavaScriptLanguage/jsLanguageServicesImpl/external/lib.dom.d.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="23">
<caret line="9573" column="4" selection-start-line="9573" selection-start-column="4" selection-end-line="9573" selection-end-column="4" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/vue_study.md">
<provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
<state split_layout="SPLIT">
<first_editor relative-caret-position="548">
<caret line="157" column="17" selection-start-line="157" selection-start-column="17" selection-end-line="157" selection-end-column="17" />
</first_editor>
<second_editor />
</state>
</provider>
<provider editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/src/main.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="213">
<caret line="17" column="46" selection-start-line="17" selection-start-column="46" selection-end-line="17" selection-end-column="46" />
<folding>
<element signature="e#0#42#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/config/index.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="497">
<caret line="34" column="20" selection-start-line="34" selection-start-column="20" selection-end-line="34" selection-end-column="20" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/dist/static/js/vendor.0f1354d86ff9bd2ab3e5.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="158">
<caret line="38" column="63098" selection-start-line="38" selection-start-column="63098" selection-end-line="38" selection-end-column="63098" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/App.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="46">
<caret line="11" column="16" lean-forward="true" selection-start-line="11" selection-start-column="16" selection-end-line="11" selection-end-column="16" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/node_modules/_axios@0.15.3@axios/index.d.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="26">
@@ -541,32 +510,6 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/common/js/util.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-69" />
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/views/Home.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="74">
<caret line="93" column="18" selection-start-line="93" selection-start-column="18" selection-end-line="93" selection-end-column="18" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/api/api.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="460">
<caret line="20" column="34" lean-forward="true" selection-start-line="8" selection-end-line="9" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/routes.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="92">
<caret line="4" column="42" lean-forward="true" selection-start-line="4" selection-start-column="13" selection-end-line="4" selection-end-column="42" />
</state>
</provider>
</entry>
<entry file="file://E:/anaconda3/Lib/site-packages/notebook/static/components/codemirror/mode/coffeescript/coffeescript.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="266">
@@ -574,17 +517,114 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/views/Login.vue">
<entry file="file://$PROJECT_DIR$/dist/static/js/vendor.0f1354d86ff9bd2ab3e5.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="315">
<caret line="57" column="8" selection-start-line="57" selection-start-column="8" selection-end-line="57" selection-end-column="8" />
<state relative-caret-position="15456">
<caret line="38" column="63098" selection-start-line="38" selection-start-column="63098" selection-end-line="38" selection-end-column="63098" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/main.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="207">
<caret line="17" column="46" selection-start-line="17" selection-start-column="46" selection-end-line="17" selection-end-column="46" />
<folding>
<element signature="e#0#42#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/common/js/util.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$APPLICATION_HOME_DIR$/plugins/JavaScriptLanguage/jsLanguageServicesImpl/external/lib.dom.d.ts">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="23">
<caret line="18236" column="12" selection-start-line="18236" selection-start-column="12" selection-end-line="18236" selection-end-column="12" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/routes.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1265">
<caret line="55" column="19" selection-start-line="55" selection-start-column="19" selection-end-line="55" selection-end-column="19" />
<folding>
<element signature="e#0#37#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/views/Main.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="253">
<caret line="11" selection-start-line="11" selection-end-line="11" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/api/api.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="374">
<caret line="20" column="34" selection-start-line="8" selection-end-line="9" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/App.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="46">
<caret line="11" column="16" selection-start-line="11" selection-start-column="16" selection-end-line="11" selection-end-column="16" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/views/nav1/dailog.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="69">
<caret line="3" column="49" selection-start-line="3" selection-start-column="23" selection-end-line="3" selection-end-column="49" />
<folding>
<element signature="n#style#0;n#el-col#0;n#div#0;n#template#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#el-button#0;n#el-col#0;n#div#0;n#template#0;n#!!top" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/vue_study.md">
<provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
<state split_layout="SPLIT">
<first_editor relative-caret-position="56">
<caret line="113" column="12" selection-start-line="113" selection-start-column="12" selection-end-line="113" selection-end-column="12" />
</first_editor>
<second_editor />
</state>
</provider>
<provider editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/src/views/Home.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="414">
<caret line="75" column="16" selection-start-line="75" selection-start-column="16" selection-end-line="75" selection-end-column="16" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/config/index.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="478">
<caret line="34" column="20" selection-start-line="34" selection-start-column="20" selection-end-line="34" selection-end-column="20" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/views/nav1/user.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="230">
<caret line="63" column="59" selection-start-line="63" selection-start-column="59" selection-end-line="63" selection-end-column="59" />
<folding>
<element signature="n#style#0;n#el-table#0;n#template#0;n#section#0;n#template#0;n#!!top" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/views/nav1/Table.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="184">
<caret line="117" column="39" lean-forward="true" selection-start-line="117" selection-start-column="39" selection-end-line="117" selection-end-column="39" />
<state relative-caret-position="368">
<caret line="89" column="26" lean-forward="true" selection-start-line="89" selection-start-column="26" selection-end-line="89" selection-end-column="26" />
<folding>
<element signature="n#style#0;n#span#0;n#section#0;n#template#0;n#!!top" expanded="true" />
<element signature="n#style#0;n#el-table#0;n#section#0;n#template#0;n#!!top" expanded="true" />
@@ -592,13 +632,19 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/views/nav1/user.vue">
<entry file="file://$PROJECT_DIR$/src/views/Login.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="121">
<caret line="45" column="12" selection-start-line="45" selection-start-column="12" selection-end-line="45" selection-end-column="12" />
<state relative-caret-position="128">
<caret line="58" column="47" selection-start-line="58" selection-start-column="47" selection-end-line="58" selection-end-column="47" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/views/nav1/Form.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="345">
<caret line="90" column="29" selection-start-line="90" selection-start-column="29" selection-end-line="90" selection-end-column="29" />
<folding>
<element signature="n#style#0;n#el-table#0;n#template#0;n#section#0;n#template#0;n#!!top" expanded="true" />
<element signature="e#1086#1130#0" expanded="true" />
<element signature="n#style#0;n#el-col#0;n#el-dialog#0;n#el-form#0;n#template#0;n#!!top" expanded="true" />
</folding>
</state>
</provider>
src/routes.js
+5 -5
View File
@@ -27,7 +27,7 @@ let routes = [
{
path: '/',
component: Home,
name: '导航一',
name: '结构化数据建模',
iconCls: 'el-icon-message',//图标样式class
children: [
{ path: '/main', component: Main, name: '主页', hidden: true },
@@ -40,7 +40,7 @@ let routes = [
{
path: '/',
component: Home,
name: '导航二',
name: '图片数据建模',
iconCls: 'fa fa-id-card-o',
children: [
{ path: '/page4', component: Page4, name: '页面4' },
@@ -50,11 +50,11 @@ let routes = [
{
path: '/',
component: Home,
name: '',
name: '文本数据建模',
iconCls: 'fa fa-address-card',
leaf: true,//只有一个节点
// leaf: true,//只有一个节点
children: [
{ path: '/page6', component: Page6, name: '导航三' }
{ path: '/page6', component: Page6, name: '页面6' }
]
},
{
src/views/Home.vue
+1 -1
View File
@@ -75,7 +75,7 @@
export default {
data() {
return {
sysName:'VUEADMIN',
sysName:'ML代码生成平台',
collapsed:false,
sysUserName: '',
sysUserAvatar: '',
src/views/Login.vue
+5 -6
View File
@@ -43,21 +43,20 @@
handleReset2() {
this.$refs.ruleForm2.resetFields();
},
handleSubmit2(ev) {
handleSubmit2: function (ev) {
var _this = this;
this.$refs.ruleForm2.validate((valid) => {
if (valid) {
//_this.$router.replace('/table');
this.logining = true;
//NProgress.start();
var loginParams = { username: this.ruleForm2.account, password: this.ruleForm2.checkPass };
var loginParams = {username: this.ruleForm2.account, password: this.ruleForm2.checkPass};
this.logining = false;
var user='admin'
var user = 'admin'
sessionStorage.setItem('user', JSON.stringify(user));
this.$router.push({ path: '/table' });
;//fengexian
sessionStorage.setItem('dataset_name', '')
this.$router.push({path: '/table'});
} else {
console.log('error submit!!');
return false;
src/views/nav1/Form.vue
+177 -39
View File
@@ -3,42 +3,67 @@
<el-form-item label="任务名称">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="模型类型">
<el-select v-model="form.region" placeholder="请选择模型类型">
<el-option label="分类" value="classfication"></el-option>
<el-option label="回归" value="regression"></el-option>
<el-option label="聚类" value="cluster"></el-option>
<el-form-item label="数据集">
<el-select v-model="form.dataset_name" placeholder="请选择" @change="onDatasetChange">
<el-option
v-for="item in dataset_options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="活动时间">-->
<!-- <el-col :span="11">-->
<!-- <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>-->
<!-- </el-col>-->
<!-- <el-col class="line" :span="2">-</el-col>-->
<!-- <el-col :span="11">-->
<!-- <el-time-picker type="fixed-time" placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>-->
<!-- </el-col>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="即时配送">-->
<!-- <el-switch on-text="" off-text="" v-model="form.delivery"></el-switch>-->
<!-- </el-form-item>-->
<el-form-item label="特征列">
<el-select v-model="form.features" multiple placeholder="请选择" @change="onFeatureChange">
<el-option
v-for="item in dataset_cols"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="目标列">
<el-select v-model="form.target" placeholder="请选择">
<el-option
v-for="item in target_cols"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="模型类型">
<el-select v-model="form.model_type" placeholder="请选择模型类型">
<el-option label="分类" value="分类"></el-option>
<el-option label="回归" value="回归"></el-option>
<el-option label="聚类" value="聚类"></el-option>
</el-select>
</el-form-item>
<el-form-item label="模型选择">
<el-checkbox-group v-model="form.type">
<el-checkbox label="朴素贝叶斯" name="type"></el-checkbox>
<el-checkbox label="决策树" name="type"></el-checkbox>
<el-checkbox label="支持向量机" name="type"></el-checkbox>
<el-checkbox label="神经网络" name="type"></el-checkbox>
<el-checkbox label="线性回归" name="type"></el-checkbox>
<el-checkbox label="逻辑回归" name="type"></el-checkbox>
<el-checkbox label="K-means" name="type"></el-checkbox>
<el-checkbox-group v-model="form.models">
<el-checkbox
v-for="item in models[form.model_type]"
:label="item"
:value="item"
:name="type"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="模型选择">
<el-checkbox-group v-model="form.type">
<el-checkbox label="ROC曲线" name="type"></el-checkbox>
<el-checkbox label="混淆矩阵" name="type"></el-checkbox>
<el-checkbox label="均方误差" name="type"></el-checkbox>
<el-form-item label="模型评估">
<el-checkbox-group v-model="form.metrics">
<el-checkbox
v-for="item in metrics[form.model_type]"
:label="item"
:value="item"
:name="type"
></el-checkbox>
</el-checkbox-group>
</el-form-item>
@@ -46,31 +71,144 @@
<el-input type="textarea" v-model="form.desc"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary">立即创建</el-button>
<el-button type="primary" @click="onSubmit">立即创建</el-button>
<el-button @click.native.prevent>取消</el-button>
</el-form-item>
<!-- 弹出框-->
<!-- <code_dailog></code_dailog>-->
<!--生成代码弹框-->
<el-dialog title="代码" :visible.sync="dialogVisible" :close-on-click-modal="true" :modal="true" :show-close="true" :center="true">
<el-col style="white-space: pre-wrap;">{{original_code}}</el-col>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">导出文件</el-button>
</span>
</el-dialog>
</el-form>
</template>
<script>
import axios from 'axios'
export default {
inject:['reload'],
data() {
return {
dialogVisible: false,
original_code:'',
form: {
name: '',
region: '',
date1: '',
date2: '',
delivery: false,
type: [],
resource: '',
desc: ''
}
dataset_name:'',
model_type: '分类',
features:[],
target:'',
models: [],
metrics:[],
desc:''
},
models:{
"分类":['朴素贝叶斯','支持向量机','神经网络','逻辑回归','决策树',"KNN"],
"回归":['支持向量机','神经网络','线性回归','决策树','KNN'],
"聚类":['K-means']
},
metrics:{
"分类":['ROC曲线','混淆矩阵'],
"回归":["误差平方和","决定系数(R²)"],
"聚类":[]
},
dataset_options:[],
dataset_cols:[],
//用于目标列中不出现已选择的特征列
target_cols:[]
}
},
created(){
this.get_datasets()
var datasetName=sessionStorage.getItem('dataset_name')
if (datasetName!='') {
this.form.dataset_name=datasetName
this.get_dataset_cols(datasetName)
}
},
methods: {
onSubmit() {
console.log('submit!');
axios.post('/api/generate_code',{
username:"admin",
data:this.form
}).then((response)=>{
var code=response.data.data
this.original_code=code
this.dialogVisible=true;
})
},
get_datasets(){
axios.get('/api/get_data_list')
.then((response)=>{
var original=response.data.data
for (var dataset of original.name){
this.dataset_options.push({
label:dataset,
value:dataset
})
}
})
},
//获取选定数据集的各列名称
get_dataset_cols(dataset_name){
this.dataset_cols=[]
this.target_cols=[]
this.tableData=[]
axios.get('api/show_dataset?dataset_name='+dataset_name)
.then((response)=>{
var body_data= response.data.data
var columns=body_data.cols
for(var column of columns){
this.dataset_cols.push({
label: column,
value: column
})
this.target_cols.push({
label: column,
value: column
})
}
sessionStorage.setItem("dataset_name",dataset_name)
})
},
//选择完数据集后动态生成特征列、目标列下拉框
onDatasetChange(){
this.form={
dataset_name:this.form.dataset_name,
model_type: '分类',
features:[],
target:'',
models: [],
metrics:[],
desc:''
},
this.get_dataset_cols(this.form.dataset_name)
},
//选择完'特征列'后，删除'目标列'下拉框中的对应数据
onFeatureChange(){
var features=JSON.parse(JSON.stringify(this.form.features))
var all_cols=JSON.parse(JSON.stringify(this.dataset_cols))
this.target_cols=[]
console.log(features)
for (var col of all_cols){
console.log("索引:",col)
if (features.indexOf(col.value)===-1){
this.target_cols.push(col)
}
}
}
}
}
src/views/nav1/Table.vue
+22 -8
View File
@@ -18,9 +18,10 @@
<span style="color: orange">上传文件仅支持 csv,txt,xls、xlsx类型</span>
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="date" label="日期" width="180"></el-table-column>
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column prop="address" label="地址" width="180"></el-table-column>
<el-table-column prop="address" label="序号" width="180"></el-table-column>
<el-table-column prop="date" label="上传时间" width="180"></el-table-column>
<el-table-column prop="name" label="数据集名称" width="180"></el-table-column>
<el-table-column label="操作" width="180">
<template slot-scope="scope">
<el-button size="mini" type="danger" @click="del(scope.row, scope.$index)">删除</el-button>
@@ -64,15 +65,27 @@
inject:['reload'],
methods:{
formatDate(date) {
var date = new Date(date);
var YY = date.getFullYear() + '-';
var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
var DD = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate());
var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
var ss = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
return YY + MM + DD +" "+hh + mm + ss;
},
//获取用户的所有数据集
data_list(){
axios.get('/api/get_data_list')
.then((response)=>{
for (var dataset of response.data.data){
var original=response.data.data
var len=original.name.length
for (var i=0;i<len;i++){
this.tableData.push({
date:2,
name:dataset,
address:dataset
date:this.formatDate(original.upload_time[i]*1000),
name:original.name[i],
address:i+1
})}
})
},
@@ -131,7 +144,8 @@
)
},
//跳转到数据预览页面
jump(dataset_name){
jump(row,i){
sessionStorage.setItem('dataset_name',row.name)
this.$router.push({ path: '/user' });
}
src/views/nav1/user.vue
+14 -6
View File
@@ -49,14 +49,20 @@
}
},
inject:['reload'],
mounted() {
created() {
this.get_datasets()
var datasetName=sessionStorage.getItem('dataset_name')
if (datasetName!='') {
this.value=datasetName
this.show_dataset()
}
},
methods: {
get_datasets(){
axios.get('/api/get_data_list')
.then((response)=>{
for (var dataset of response.data.data){
var original=response.data.data
for (var dataset of original.name){
this.options.push({
label:dataset,
value:dataset
@@ -83,18 +89,20 @@
})
}
//计算数据长度，循环添加
console.log(columns,columns[0])
console.log(body_data)
var data_length=body_data[columns[0]].length
if (data_length>100){
var text="当前数据集共有"+data_length+"条数据,预览仅显示前100条"
data_length=100
this.$message(text,'info')
}
for(var i=0;i<data_length;i++){
//按行添加
var row={}
for(var column of columns){
row[column]=body_data[column][i]
}
console.log(row)
this.tableData.push(row)
sessionStorage.setItem("dataset_name",this.value)
}
})
}
vue_study.md
+32 -12
View File
@@ -1,5 +1,6 @@
# 1、循环v-for
## 1.1 循环数组
# 一、Vue 开发
## 1、循环v-for
### 1.1 循环数组
```vue
<div id="app">
<ol>
@@ -23,7 +24,7 @@ new Vue({
</script>
```
## 1.2 迭代对象
### 1.2 迭代对象
主要三种方法迭代
- 迭代对象中的value `value in opject`
- 迭代对象中的key,value `(value,key) in object`
@@ -52,7 +53,7 @@ new Vue({
```
# 2、监听属性watch
## 2、监听属性watch
通过wacth响应数据变化。$watch是一个实例化的对象，通过两个参数`监听的变量，变量数据改变的回调函数`
- 实例
data 属性中， kilometers 和 meters 初始值都为 0。watch 对象创建了两个方法 kilometers 和 meters。
@@ -94,8 +95,8 @@ new Vue({
</script>
```
# 3、表单
## 3.1 v-model
## 3、表单
### 3.1 v-model
修饰符
- .lazy
.lazy在默认情况下， v-model 在 input 事件中同步输入框的值与数据，但你可以添加一个修饰符 lazy ，从而转变为在 change 事件中同步：
@@ -108,12 +109,31 @@ new Vue({
如果要自动过滤用户输入的首尾空格，可以添加 trim 修饰符到 v-model 上过滤输入：
`<input v-model.trim="msg">`
# 4、Element UI
## 4.1 表格el_table
## 4、Vue组件开发
## 4.1 全局组件
所有实例都能用全局组件。
```vue
<div id="app">
<runoob></runoob>
</div>
<script>
// 注册
Vue.component('runoob', {
template: '<h1>自定义组件!</h1>'
})
// 创建根实例
new Vue({
el: '#app'
})
</script>
```
# 二、Element UI
## 1 表格el_table
当`el-table`元素中注入`data`对象数组后，
在`el-table-column`中用`prop`属性来对应对象中的键名即可填入数据，用`label`属性来定义表格的列名。可以使用`width`属性来定义列宽。
## 4.2 文件上传按钮el-upload
#### ①基本操作
## 2 文件上传按钮el-upload
### ①基本操作
```html
<el-upload :action="uploadActionUrl">
<el-button size="small" type="primary">点击上传</el-button>
@@ -122,7 +142,7 @@ new Vue({
`:action`是执行上传动作的后台接口
`el-button`是触发上传的按钮
#### ②文件上传数量限制
### ②文件上传数量限制
```html
<el-upload
:action="uploadActionUrl"
@@ -149,7 +169,7 @@ new Vue({
</el-upload>
```
---
## 附录 排除记录
# 附录 排除记录
1、axios请求后端接口（代理已配置无误）前端报错
原因：使用mock会拦截所有的ajax请求，因此浏览器无法从后端服务器找到路径