menuset

assets/css/base.less

@@ -205,6 +205,9 @@ html body {
     padding-top: 5px;
     padding-bottom: 5px;
 }
+.pb5 {
+    padding-bottom: 5px;
+}
 
 .pd10 {
     padding: 10px;

pages/system/tanant/menuset.vue

 <template>
-  <div style="width:800px;">
-    <DataGrid :columns="columns" ref="grid" :data="list">
-      <template slot="easySearch">
-        <Form ref="formInline" :model="easySearch" inline>
-          <FormItem prop="keys">
-            <Input placeholder="请输入关键字套餐名称/备注" v-model="easySearch.keys.value" />
-          </FormItem>
-          <FormItem>
-            <Button type="primary" @click="search">查询</Button>
-          </FormItem>
-        </Form>
-      </template>
-      <template slot="searchForm">
-        <Search />
-      </template>
-      <template slot="buttons">
+  <div>
+    <div class="fr pb5">
       <Button type="primary" @click="set()" :disabled="disabled">保存</Button>
-      </template>
-    </DataGrid>
-
+    </div>
+    <DataGrid
+      :columns="columns"
+      ref="grid"
+      :data="list"
+      :high="false"
+      :set="false"
+      :tool="false"
+      :height="400"
+    ></DataGrid>
     <Modal v-model="detailModal" title="详情">
       <Detail :eid="curId" />
     </Modal>
@@ -33,7 +26,8 @@ import api from "../account/api";
 export default {
   name: "menuSet",
   components: {
-    Detail,Search
+    Detail,
+    Search
   },
   data() {
     return {
@@ -47,45 +41,6 @@ export default {
       curId: 0,
       currentChoose: 0,
       columns: [
-        //{ key:"id",title:this.l("id")  ,hide:true ,align:"left"      },
-
-        {
-          key: "creatorUserId",
-          title: this.l("creatorUserId"),
-          hide: true,
-          align: "left"
-        },
-        {
-          key: "lastModificationTime",
-          title: this.l("lastModificationTime"),
-          hide: true,
-          align: "left"
-        },
-        {
-          key: "lastModifierUserId",
-          title: this.l("lastModifierUserId"),
-          hide: true,
-          align: "left"
-        },
-        {
-          key: "isDeleted",
-          title: this.l("isDeleted"),
-          hide: true,
-          align: "left"
-        },
-        {
-          key: "deletionTime",
-          title: this.l("deletionTime"),
-          hide: true,
-          align: "left"
-        },
-        // { key: "checked", hide: true, align: "left" },
-        {
-          key: "deleterUserId",
-          title: this.l("deleterUserId"),
-          hide: true,
-          align: "left"
-        },
         {
           key: "id",
           title: "",
@@ -97,7 +52,7 @@ export default {
             // let cid=params.row.checkedId
             let flag = false;
 
-            if (self.currentChoose === id ) {
+            if (self.currentChoose === id) {
               flag = true;
             } else {
               flag = false;
@@ -124,7 +79,6 @@ export default {
           align: "center",
           easy: true,
           high: true,
-          width: 240
         },
         // { key:"remark",title:this.l("remark")   ,align:"left"   ,easy:true ,high:true  },
         {
@@ -164,7 +118,6 @@ export default {
   },
   props: {
     v: Object,
-
     companyId: Number
   },
   mounted() {
@@ -198,9 +151,20 @@ export default {
       this.curId = id;
     },
     getAll() {
-      let params = { pageIndex: 1, pageSize: 20, conditions: [],type:this.companyId };
+      let params = {
+        pageIndex: 1,
+        pageSize: 20,
+        conditions: [],
+        type: this.companyId
+      };
+      this.currentChoose = 0;
       Api.paged(params).then(r => {
-        this.list=r.result.items ;
+        this.list = r.result.items;
+        r.result.items.forEach(data => {
+          if (data.id == data.checkedId) {
+            this.currentChoose = data.id;
+          }
+        });
       });
     },
     l(key) {

src/assets/css/base.css

@@ -151,6 +151,9 @@ html body {
   padding-top: 5px;
   padding-bottom: 5px;
 }
+.pb5 {
+  padding-bottom: 5px;
+}
 .pd10 {
   padding: 10px;
 }
@@ -646,7 +649,7 @@ html [type=button] {
 }
 .waitTask {
   /*flex 布局*/
-  display: flex;
+  display: flex!important;
   align-items: center;
   width: 200px;
   height: 100px;