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