|
|
@@ -337,7 +337,7 @@ onMounted(async () => {
|
|
|
await getList();
|
|
|
await getCollectList();
|
|
|
await tabchange('second')
|
|
|
- rowDrop();
|
|
|
+ // rowDrop();
|
|
|
// 添加监听,点击其他地方关闭菜单
|
|
|
window.addEventListener("click", closeMenu, true);
|
|
|
window.addEventListener("click", closeFlieRMenu, true);
|
|
|
@@ -462,58 +462,58 @@ const reTabName = async () => {
|
|
|
console.log("rename", res);
|
|
|
};
|
|
|
//拖拽事件
|
|
|
-const rowDrop = () => {
|
|
|
- const el = document.querySelector(".tabSign .el-tabs__nav"); //找到想要拖拽的那一列
|
|
|
- // console.log('el',el);
|
|
|
- const _this = toRaw(JSON.parse(JSON.stringify(tabList.value))); //否则下面遍历会出错
|
|
|
- // console.log("_this", _this);
|
|
|
- Sortable.create(el, {
|
|
|
- filter: "#tab-first,#tab-second", //限制哪些可以拖动
|
|
|
- preventOnFilter: true,
|
|
|
- onChoose: function (/**Event*/ evt) {
|
|
|
- evt.oldIndex;
|
|
|
- // console.log("evt", evt);
|
|
|
- },
|
|
|
- //结束拖拽事件
|
|
|
- async onEnd({ newIndex, oldIndex, to }) {
|
|
|
- //拿到交换前后对应的index
|
|
|
- const ni = newIndex - 3;
|
|
|
- const oi = oldIndex - 3;
|
|
|
- let list = toRaw(tabList.value);
|
|
|
- list = list.filter((item) => item); //筛除空数据
|
|
|
- console.log("list", list);
|
|
|
- console.log("newIndex", ni);
|
|
|
- console.log("oldIndex", oi);
|
|
|
- const newList = list.map((item, index) => {
|
|
|
- console.log("item", item);
|
|
|
- if (oi > ni) {
|
|
|
- // 从后往前,需要将oi和ni之间的+1
|
|
|
- if (index === oi) {
|
|
|
- item.orderNum = _this[ni].orderNum;
|
|
|
- // console.log("oiitem", item);
|
|
|
- } else if (ni < index < oi) {
|
|
|
- item.orderNum += 1;
|
|
|
- }
|
|
|
- } else if (oi < ni) {
|
|
|
- // 从前往后,需要将oi和ni之间的-1
|
|
|
- if (index === oi) {
|
|
|
- item.orderNum = _this[ni].orderNum;
|
|
|
- // console.log("oiitem", item);
|
|
|
- } else if (oi < index < ni) {
|
|
|
- item.orderNum -= 1;
|
|
|
- }
|
|
|
- }
|
|
|
+// const rowDrop = () => {
|
|
|
+// const el = document.querySelector(".tabSign .el-tabs__nav"); //找到想要拖拽的那一列
|
|
|
+// // console.log('el',el);
|
|
|
+// const _this = toRaw(JSON.parse(JSON.stringify(tabList.value))); //否则下面遍历会出错
|
|
|
+// // console.log("_this", _this);
|
|
|
+// Sortable.create(el, {
|
|
|
+// filter: "#tab-first,#tab-second", //限制哪些可以拖动
|
|
|
+// preventOnFilter: true,
|
|
|
+// onChoose: function (/**Event*/ evt) {
|
|
|
+// evt.oldIndex;
|
|
|
+// // console.log("evt", evt);
|
|
|
+// },
|
|
|
+// //结束拖拽事件
|
|
|
+// async onEnd({ newIndex, oldIndex, to }) {
|
|
|
+// //拿到交换前后对应的index
|
|
|
+// const ni = newIndex - 3;
|
|
|
+// const oi = oldIndex - 3;
|
|
|
+// let list = toRaw(tabList.value);
|
|
|
+// list = list.filter((item) => item); //筛除空数据
|
|
|
+// console.log("list", list);
|
|
|
+// console.log("newIndex", ni);
|
|
|
+// console.log("oldIndex", oi);
|
|
|
+// const newList = list.map((item, index) => {
|
|
|
+// console.log("item", item);
|
|
|
+// if (oi > ni) {
|
|
|
+// // 从后往前,需要将oi和ni之间的+1
|
|
|
+// if (index === oi) {
|
|
|
+// item.orderNum = _this[ni].orderNum;
|
|
|
+// // console.log("oiitem", item);
|
|
|
+// } else if (ni < index < oi) {
|
|
|
+// item.orderNum += 1;
|
|
|
+// }
|
|
|
+// } else if (oi < ni) {
|
|
|
+// // 从前往后,需要将oi和ni之间的-1
|
|
|
+// if (index === oi) {
|
|
|
+// item.orderNum = _this[ni].orderNum;
|
|
|
+// // console.log("oiitem", item);
|
|
|
+// } else if (oi < index < ni) {
|
|
|
+// item.orderNum -= 1;
|
|
|
+// }
|
|
|
+// }
|
|
|
|
|
|
- return item;
|
|
|
- });
|
|
|
- console.log("newList", newList);
|
|
|
+// return item;
|
|
|
+// });
|
|
|
+// console.log("newList", newList);
|
|
|
|
|
|
- const res = await sortLabel(newList);
|
|
|
- console.log("res", res);
|
|
|
- await getList();
|
|
|
- },
|
|
|
- });
|
|
|
-};
|
|
|
+// const res = await sortLabel(newList);
|
|
|
+// console.log("res", res);
|
|
|
+// await getList();
|
|
|
+// },
|
|
|
+// });
|
|
|
+// };
|
|
|
|
|
|
const tabchange = async (labelId) => {
|
|
|
console.log("labelId", toRaw(labelId));
|
|
|
@@ -739,7 +739,7 @@ const setIcon = (fileType) => {
|
|
|
}
|
|
|
.collapseItem_title {
|
|
|
position: relative;
|
|
|
- left: 40px;
|
|
|
+ left: 60px;
|
|
|
color: #2e6bc8;
|
|
|
font-family: Inter-Medium;
|
|
|
font-size: 12px;
|