Browse Source

优化

master
陈裕财 3 years ago
parent
commit
8af6bd2e9f
  1. 26
      src/views/xm/core/xmMenu/XmMenuAgileKanbanUser.vue

26
src/views/xm/core/xmMenu/XmMenuAgileKanbanUser.vue

@ -26,7 +26,9 @@
width="250" width="250"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-row class="my-cell-bar">
<el-row class="my-cell-bar"
:data-mm-userid="scope.row.mmUserid"
:data-status="type.status">
<el-button <el-button
icon="el-icon-plus" icon="el-icon-plus"
@click="showAddMenu(scope.row, type)" @click="showAddMenu(scope.row, type)"
@ -40,7 +42,7 @@
:sort="false" :sort="false"
@start="onStart" @start="onStart"
@end="onEnd" @end="onEnd"
@move="onMove"
:move="onMove"
:options="{ group: scope.row.mmUserid }" :options="{ group: scope.row.mmUserid }"
class="draggable" class="draggable"
animation="300" animation="300"
@ -48,7 +50,7 @@
scrollSensitivity="80" scrollSensitivity="80"
scrollSpeed="80" scrollSpeed="80"
> >
<transition-group
<transition-group
class="transition-group" class="transition-group"
:data-mm-userid="scope.row.mmUserid" :data-mm-userid="scope.row.mmUserid"
:data-status="type.status" :data-status="type.status"
@ -56,7 +58,7 @@
<!-- <template v-if="drag.mmUserid && drag.mmUserid === scope.row.mmUserid && drag.status !== type.status"> <!-- <template v-if="drag.mmUserid && drag.mmUserid === scope.row.mmUserid && drag.status !== type.status">
<div class="drag-to-box">{{type.label}}</div> <div class="drag-to-box">{{type.label}}</div>
</template> --> </template> -->
<template v-if="menus && menusCpd[scope.row.mmUserid][tt].length">
<template v-if="menus && menusCpd[scope.row.mmUserid][tt].length>0">
<div @click.stop="showMenuEdit(menu)" <div @click.stop="showMenuEdit(menu)"
:data-mm-userid="scope.row.mmUserid" :data-mm-userid="scope.row.mmUserid"
:data-menu-id="menu.menuId" :data-menu-id="menu.menuId"
@ -99,9 +101,9 @@
<div class="title">{{ menu.menuName }}</div> <div class="title">{{ menu.menuName }}</div>
</el-row> </el-row>
</div>
</template>
</transition-group>
</div>
</template>
</transition-group>
</draggable> </draggable>
</template> </template>
</el-table-column> </el-table-column>
@ -273,7 +275,7 @@ export default {
}, },
methods: { methods: {
...util, ...util,
onMove(e) {
onMove(e,e2) {
console.log("onMove--e==", e); console.log("onMove--e==", e);
let targetEl = { ...e.dragged.dataset }; let targetEl = { ...e.dragged.dataset };
@ -295,7 +297,7 @@ export default {
console.log("onStart--targetEl==", targetEl); console.log("onStart--targetEl==", targetEl);
}, },
onEnd(e) { onEnd(e) {
console.log("onEnd--e==", e);
console.log("onEnd--e==", e);
this.drag = {}; this.drag = {};
// targetEl; toEl. // targetEl; toEl.
let targetEl = { ...e.item.dataset }; let targetEl = { ...e.item.dataset };
@ -309,8 +311,7 @@ export default {
//const params = { ...menu, status: toEl.status }; //const params = { ...menu, status: toEl.status };
const params = { menuIds: [menu.menuId], status: toEl.status }; const params = { menuIds: [menu.menuId], status: toEl.status };
editXmMenuSomeFields(params).then((res) => { editXmMenuSomeFields(params).then((res) => {
debugger;
//this.$emit('submit'); //this.$emit('submit');
var tips = res.data.tips; var tips = res.data.tips;
if (tips.isOk) { if (tips.isOk) {
@ -490,9 +491,10 @@ export default {
.draggable { .draggable {
display: flex; display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
min-height: 100px; min-height: 100px;
width: 100%; width: 100%;
height: 100%;
} }
.el-table { .el-table {
/deep/ .el-table__row { /deep/ .el-table__row {

Loading…
Cancel
Save