数据集重构

src/view/model/Dset.vue

@@ -74,7 +74,7 @@
 
 <script>
 import { baseUrl, ajax } from "@/common/biConfig";
-import operationDailog from "@/components/OperationDailog";
+import dsetAdd from "@/view/model/DsetAdd";
 import $ from "jquery";
 
 export default {
@@ -86,7 +86,9 @@ export default {
       isupdate: false
     };
   },
-  components: {},
+  components: {
+    dsetAdd
+  },
   mounted() {
     this.loadData();
   },
@@ -104,6 +106,14 @@ export default {
     },
     selectme: function (a, b) {
       this.checked = a.dsetId;
+    },
+    addDset(isupdate){
+      this.isupdate = isupdate;
+      let o = this.$parent.$parent.$parent;
+      let oper =  o.$refs['dsetOper'];
+      o.dsetOperTitle = isupdate===false?"创建数据集":"编辑数据集";
+      oper.showDailog();
+      o.$refs["dsetAddForm"].addDset(isupdate);
     }
   },
 };

src/view/model/DsetAdd.vue

@@ -0,0 +1,48 @@
+<template>
+  <el-form :model="dset" :rules="rules" ref="dsetForm">
+    <el-form-item label="名称" label-width="100px" prop="name">
+      <el-input v-model="dset.name"></el-input>
+    </el-form-item>
+  </el-form>
+</template>
+
+<script>
+import { baseUrl, ajax } from "@/common/biConfig";
+import $ from "jquery";
+
+export default {
+  data() {
+    return {
+      operDailogTitle: "创建数据集",
+      dset: {
+        name: null,
+      },
+      rules: {
+        name: [{ required: true, message: "必填", trigger: "blur" }],
+      },
+    };
+  },
+  components: {},
+  mounted() {},
+  computed: {},
+  methods: {
+    saveDset(isupdate) {
+      let ret = true;
+      this.$refs['dsetForm'].validate((valid) => {
+        if (valid) {
+          
+        }else{
+          ret= false;
+        }
+      });
+      return ret;
+    },
+    addDset(isupdate) {
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import "../../style/mixin";
+</style>

src/view/model/Index.vue

@@ -1,58 +1,73 @@
 <template>
   <div class="wrapper-content">
-
     <div class="ibox" id="mainDiv">
       <div class="ibox-title">数据建模</div>
       <div class="ibox-content">
         <el-tabs tab-position="left" :style="autoHeight()">
           <el-tab-pane label="数据源">
-              <dsource></dsource>
+            <dsource></dsource>
           </el-tab-pane>
           <el-tab-pane label="数据集">
-              <dset></dset>
+            <dset ref="dsetGrid"></dset>
           </el-tab-pane>
           <el-tab-pane label="立方体">
-              <cube></cube>
+            <cube></cube>
           </el-tab-pane>
         </el-tabs>
       </div>
     </div>
+    <operationDailog
+      mainDiv="mainDiv"
+      :title="dsetOperTitle"
+      ref="dsetOper"
+      :callback="saveDset"
+    >
+      <dsetAdd ref="dsetAddForm"></dsetAdd>
+    </operationDailog>
   </div>
 </template>
 
 <script>
 import { baseUrl, ajax } from "@/common/biConfig";
-import operationDailog from '@/components/OperationDailog'
-import $ from "jquery"
-import cube from '@/view/model/Cube'
-import dset from '@/view/model/Dset'
-import dsource from '@/view/model/Dsource'
+import operationDailog from "@/components/OperationDailog";
+import $ from "jquery";
+import cube from "@/view/model/Cube";
+import dset from "@/view/model/Dset";
+import dsource from "@/view/model/Dsource";
+import dsetAdd from "@/view/model/DsetAdd";
 
 export default {
+  name:"modelIndex",
   data() {
     return {
-    }
+      dsetOperTitle:""
+
+    };
   },
   components: {
-		cube, dset, dsource
-	},
-  mounted() {
-    
+    cube,
+    dset,
+    dsource,
+    operationDailog,
+    dsetAdd
   },
+  mounted() {},
   computed: {},
   methods: {
-	  autoHeight:function(){
-        let h = $(".page-wrapper").height();
-        if(h){
-            return  "height:"+ (h - 110 )+ "px;";
-        }else{
-            return "height:460px;";
-        }
-    }
+    autoHeight: function () {
+      let h = $(".page-wrapper").height();
+      if (h) {
+        return "height:" + (h - 110) + "px;";
+      } else {
+        return "height:460px;";
+      }
+    },
+    saveDset(){
+      let update = this.$refs['dsetGrid'].isupdate;
+      return this.$refs['dsetAddForm'].saveDset(update);
+    },
   },
-  watch: {
-
-  }
+  watch: {},
 };
 </script>