详情

pages/materiel/masterData/details.vue

 <template>
   <div class="maseter">
-    <div class="come-back" @click="back">
-      <Icon type="ios-undo-outline" />返回
-    </div>
     <Layout class="data-details">
       <Sider hide-trigger class="left-detail" width="300">
         <h4 class="bt">标题</h4>
@@ -62,14 +59,15 @@
 <script>
 import Api from "./api";
 export default {
+  props: ["eid"],
   data() {
     return {
       data1: [],
       action: Api.lists,
-      isactive: null,
-      showFrom: false,
+      isactive: 0,
+      showFrom: true,
       showTable: false,
-      rowId: "",
+      rowId: this.eid,
       entity: {},
       easySearch: {
         keys: { op: "title", value: "" },
@@ -101,13 +99,15 @@ export default {
       ]
     };
   },
-  created() {
-    this.rowId = this.$route.query.id;
+  mounted() {
+    this.load(this.eid);
   },
   methods: {
-    back() {
-      this.$router.push({
-        path: "/materiel/masterData"
+    load(v) {
+      Api.get({ id: v }).then(r => {
+        if (r.result) {
+          this.entity = r.result;
+        }
       });
     },
     everyItem(li, i) {
@@ -115,35 +115,11 @@ export default {
       if (li.lable == "属性") {
         this.showFrom = true;
         this.showTable = false;
-
-        Api.get({ id: this.rowId }).then(r => {
-          if (r.result) {
-            this.entity = r.result;
-          }
-        });
+        this.load(this.eid);
       } else {
         this.showFrom = false;
         this.showTable = true;
         this.$refs.grid.reload(this.easySearch);
-        // this.easySearch = {
-        //   conditions: [
-        //     {
-        //       fieldName: "table",
-        //       fieldValue: "material",
-        //       conditionalType: "Equal"
-        //     },
-        //     {
-        //       fieldName: "tId",
-        //       fieldValue: this.rowId,
-        //       conditionalType: "Equal"
-        //     }
-        //   ]
-        // };
-        // Api.categoryList(this.easySearch).then(r => {
-        //   if (r.result) {
-        //     this.data1 = r.result;
-        //   }
-        // });
       }
     },
     l(key) {
@@ -154,20 +130,6 @@ export default {
 };
 </script>
 <style lang="less" >
-.maseter {
-  .come-back {
-    margin: 5px;
-    color: #2680eb;
-    .ivu-icon {
-      font-size: 20px;
-    }
-  }
-  .come-back:hover {
-    font-weight: bold;
-    cursor: pointer;
-  }
-}
-
 .ivu-layout {
   background-color: #f5f7f9 !important;
 }

pages/materiel/masterData/masterData.vue

@@ -285,30 +285,14 @@ export default {
           this.$Message.success("删除成功");
         }
       });
-      // this.$Modal.confirm({
-      //   title: "删除",
-      //   content: "<p>您确定要删除吗？</p>",
-      //   onOk: () => {
-      //     alert(1);
-      //     Api.delete({ id: this.eid }).then(r => {
-      //       if (r.success) {
-      //         this.$emit("on-ok");
-      //         this.$Message.success("删除成功");
-      //       }
-      //     });
-      //   },
-      //   onCancel: () => {
-      //     this.$Message.success("取消删除");
-      //   }
-      // });
     },
     details(id) {
-      this.$router.push({
-        path: "/materiel/masterData/details",
-        query: {
-          id: id
-        }
-      });
+      this.fullscreen = true;
+      this.curId = id;
+      this.title = "详情";
+      this.detail = () => import("./details");
+      this.rowsTable = [];
+      this.modal = true;
     },
     send(row) {
       this.fullscreen = true;