169bug

pages/basicData/calendar/work/add.vue

@@ -149,7 +149,9 @@ export default {
   },
   watch: {
     v() {
+      console.log(v)
       this.entity = this.$u.clone(this.v);
+      this.selectAry();
     },
   },
 };

pages/basicData/calendar/work/index.vue

 <template>
   <div class="workiview">
-    <DataGrid :columns="columns" ref="grid" :action="action" :high="false" :height="tableHeight"
-     @on-selection-change="selectionChange" >
+    <DataGrid
+      :columns="columns"
+      ref="grid"
+      :action="action"
+      :high="false"
+      :height="tableHeight"
+      @on-selection-change="selectionChange"
+    >
       <template slot="easySearch">
         <Form ref="formInline" :model="easySearch" inline>
           <FormItem prop="keys">
-            <Input placeholder="请输入关键字日历名称/" v-model="easySearch.keys.value" />
+            <Input
+              placeholder="请输入关键字日历名称/"
+              v-model="easySearch.keys.value"
+            />
           </FormItem>
           <FormItem>
             <Button type="primary" @click="search">查询</Button>
@@ -22,9 +31,11 @@
     <div class="footer02" v-if="footerModel">
       <span class="span">
         已选择
-          <b class="span02">{{selectedRows.length}}</b> 项
+        <b class="span02">{{ selectedRows.length }}</b> 项
       </span>
-        <Button @click="deleteMore" class="span ml20"><Icon type="md-close"/>批量删除</Button>
+      <Button @click="deleteMore" class="span ml20"
+        ><Icon type="md-close" />批量删除</Button
+      >
     </div>
     <Modal v-model="addModal" ref="addmodal" title="新增" footer-hide>
       <Add ref="addModal" @on-close="cancel" @on-ok="addOk" />
@@ -32,183 +43,194 @@
     <Modal v-model="editModal" title="编辑" footer-hide>
       <Edit :eid="curId" @on-close="cancel" @on-ok="addOk" />
     </Modal>
-    <Modal v-model="deletelModal" title="删除" @on-ok="removeOk" @on-cancel="cancel">
+    <Modal
+      v-model="deletelModal"
+      title="删除"
+      @on-ok="removeOk"
+      @on-cancel="cancel"
+    >
       <p>确定删除？</p>
     </Modal>
-    <Modal v-model="deletelMore" title="批量删除"@on-ok="cancel" @on-cancel="cancel">
-      <p>确定删除这{{selectedRows.length}}项么？</p>
+    <Modal
+      v-model="deletelMore"
+      title="批量删除"
+      @on-ok="cancel"
+      @on-cancel="cancel"
+    >
+      <p>确定删除这{{ selectedRows.length }}项么？</p>
     </Modal>
   </div>
 </template>
 <script>
-import Api from './api'
-import Add from './add'
-import Edit from './edit'
-import Detail from './detail'
-import Search from './search'
+import Api from "./api";
+import Add from "./add";
+import Edit from "./edit";
+import Detail from "./detail";
+import Search from "./search";
 export default {
-  name: 'list',
+  name: "list",
   components: {
     Add,
     Edit,
     Detail,
-    Search
+    Search,
   },
   data() {
     return {
       action: Api.index,
       easySearch: {
-        keys: { op: 'title,calendarClassTitle', value: null }
+        keys: { op: "title,calendarClassTitle", value: null },
       },
       addModal: false,
       editModal: false,
       deletelModal: false,
       selectedRows: [], //表格选中项
-      tableHeight: '',
+      tableHeight: "",
       footerModel: false,
       deletelMore: false,
       curId: 0,
       columns: [
         // { type: 'selection', width: 70, align: 'center'},
-        { key: 'id', title: this.l('id'), hide: true, align: 'left' },
+        { key: "id", title: this.l("id"), hide: true, align: "left" },
         {
-          key: 'calId',
-          title: this.l('calId'),
+          key: "calId",
+          title: this.l("calId"),
           high: true,
-          align: 'left'
+          align: "left",
         },
         {
-          key: 'calName',
-          title: this.l('calName'),
+          key: "calName",
+          title: this.l("calName"),
           high: true,
-          align: 'left'
+          align: "left",
         },
         {
-          key: 'shiftName',
-          title: this.l('shiftName'),
+          key: "shiftName",
+          title: this.l("shiftName"),
           high: true,
-          align: 'left'
+          align: "left",
         },
         {
-          key: 'mesShiftWorkSchedIds',
-          title: this.l('mesShiftWorkSchedIds'),
+          key: "mesShiftWorkSchedIds",
+          title: this.l("mesShiftWorkSchedIds"),
           hide: true,
-          align: 'left'
+          align: "left",
         },
         {
-          key: 'workingLong',
-          title: this.l('workingLong'),
+          key: "workingLong",
+          title: this.l("workingLong"),
           high: true,
-          align: 'left'
+          align: "left",
         },
         {
-          key: 'creationTime',
-          title: this.l('creationTime'),
+          key: "creationTime",
+          title: this.l("creationTime"),
           hide: true,
-          align: 'left'
+          align: "left",
         },
         {
-          key: 'creatorUserId',
-          title: this.l('creatorUserId'),
+          key: "creatorUserId",
+          title: this.l("creatorUserId"),
           hide: true,
-          align: 'left'
+          align: "left",
         },
         {
-          title: '操作',
-          key: 'id',
+          title: "操作",
+          key: "id",
           width: 140,
-          align: 'center',
+          align: "center",
           render: (h, params) => {
-            return h('div', { class: 'action' }, [
+            return h("div", { class: "action" }, [
               h(
-                'op',
+                "op",
                 {
-                  attrs: { oprate: 'edit' },
-                  on: { click: () => this.edit(params.row.id) }
+                  attrs: { oprate: "edit" },
+                  on: { click: () => this.edit(params.row.id) },
                 },
-                '编辑'
+                "编辑"
               ),
               h(
-                'op',
+                "op",
                 {
-                  attrs: { oprate: 'remove' },
-                  on: { click: () => this.remove(params.row.id) }
+                  attrs: { oprate: "remove" },
+                  on: { click: () => this.remove(params.row.id) },
                 },
-                '删除'
-              )
-            ])
-          }
-        }
-      ]
-    }
+                "删除"
+              ),
+            ]);
+          },
+        },
+      ],
+    };
   },
-  created(){
-    this.tableHeight = window.innerHeight - 230
-    // this.$refs.addModal.entity = {}
+  created() {
+    this.tableHeight = window.innerHeight - 230;
   },
   mounted() {
-    window.onresize = () => {///浏览器窗口大小变化
+    window.onresize = () => {
+      ///浏览器窗口大小变化
       return (() => {
-          window.screenHeight = window.innerHeight
-          this.tableHeight = window.screenHeight - 230
-        })()
-      }
+        window.screenHeight = window.innerHeight;
+        this.tableHeight = window.screenHeight - 230;
+      })();
+    };
   },
   async fetch({ store, params }) {
-    await store.dispatch('loadDictionary') // 加载数据字典
+    await store.dispatch("loadDictionary"); // 加载数据字典
   },
   methods: {
     addOk() {
-      this.$refs.grid.load()
-      this.addModal = false
-      this.$refs.addModal.entity = {}
-      this.editModal = false
-      this.curId = 0
+      this.$refs.grid.load();
+      this.addModal = false;
+      this.$refs.addModal.entity = {};
+      this.editModal = false;
+      this.curId = 0;
     },
-    addFn(){
-      this.addModal=true
-      this.$refs.addmodal.entity = {}
+    addFn() {
+      this.addModal = true;
+      this.$refs.addmodal.entity = {};
+      this.$refs.addModal.selectAry();
     },
     search() {
-      this.$refs.grid.reload(this.easySearch)
+      this.$refs.grid.reload(this.easySearch);
     },
     edit(id) {
-      this.editModal = true
-      this.curId = id
+      this.editModal = true;
+      this.curId = id;
     },
 
     remove(id) {
-      this.deletelModal = true
-      this.curId = id
+      this.deletelModal = true;
+      this.curId = id;
     },
     removeOk() {
       Api.delete({ id: this.curId }).then((r) => {
         if (r.success) {
-          this.$refs.grid.load()
-          this.deletelModal = false
-          this.$Message.success('删除成功')
+          this.$refs.grid.load();
+          this.deletelModal = false;
+          this.$Message.success("删除成功");
         }
-      })
+      });
     },
     removeCancel() {
-      this.deletelModal = false
+      this.deletelModal = false;
     },
     cancel() {
-      this.curId = 0
-      this.addModal = false
-      this.$refs.addModal.entity = {}
-      this.detailModal = false
-      this.editModal = false
-      this.deletedlModal = false
-      this.deletelMore = false
+      this.curId = 0;
+      this.addModal = false;
+      this.$refs.addModal.entity = {};
+      this.detailModal = false;
+      this.editModal = false;
+      this.deletedlModal = false;
+      this.deletelMore = false;
     },
     //多选处理--表格选择项变化方法
     selectionChange(selection) {
-      this.selectedRows = selection
-      this.footerModel = selection.length > 0
+      this.selectedRows = selection;
+      this.footerModel = selection.length > 0;
     },
-    deleteMore(){
-      this.deletelMore = true
+    deleteMore() {
+      this.deletelMore = true;
     },
     l(key) {
       /*
@@ -229,20 +251,20 @@ export default {
       workHours:'工作时长',
            }
            */
-      let vkey = 'calendar_work' + '.' + key
-      return this.$t(vkey) || key
-    }
-  }
-}
+      let vkey = "calendar_work" + "." + key;
+      return this.$t(vkey) || key;
+    },
+  },
+};
 </script>
 <style lang="less">
-.workiview{
-  .footer02{
+.workiview {
+  .footer02 {
     background: #4c5968;
     opacity: 0.9;
     position: absolute;
     bottom: 9px;
-    box-shadow: 0px -5px 6px rgba(0,0,0,0.3);
+    box-shadow: 0px -5px 6px rgba(0, 0, 0, 0.3);
     width: 86%;
     z-index: 99;
     padding: 10px;