mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-09 10:56:46 +08:00
fix:修改字数限制
This commit is contained in:
73
src/App.vue
73
src/App.vue
@@ -1,27 +1,27 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="container" v-if="!isLogin">
|
<div id="container" v-if="!isLogin">
|
||||||
<nav-top/>
|
<nav-top />
|
||||||
<div style="display: flex">
|
<div style="display: flex">
|
||||||
<nav-left/>
|
<nav-left />
|
||||||
<div style="flex: 1; display: flex; flex-direction: column; width: 0">
|
<div style="flex: 1; display: flex; flex-direction: column; width: 0">
|
||||||
<open-pages/>
|
<open-pages />
|
||||||
<bread-crumb/>
|
<bread-crumb />
|
||||||
<main>
|
<main>
|
||||||
<a-config-provider :locale="zhCN">
|
<a-config-provider :locale="zhCN">
|
||||||
<router-view/>
|
<router-view />
|
||||||
</a-config-provider>
|
</a-config-provider>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="container" v-if="isLogin">
|
<div id="container" v-if="isLogin">
|
||||||
<router-view/>
|
<router-view />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {computed, defineComponent, ref, watch} from "vue";
|
import { computed, defineComponent, ref, watch } from "vue";
|
||||||
import {useRouter, useRoute} from "vue-router";
|
import { useRouter, useRoute } from "vue-router";
|
||||||
import {useStore} from "vuex";
|
import { useStore } from "vuex";
|
||||||
import NavLeft from "@/components/NavLeft";
|
import NavLeft from "@/components/NavLeft";
|
||||||
import NavTop from "@/components/NavTop";
|
import NavTop from "@/components/NavTop";
|
||||||
import OpenPages from "@/components/OpenPages";
|
import OpenPages from "@/components/OpenPages";
|
||||||
@@ -44,15 +44,15 @@ export default defineComponent({
|
|||||||
const store = useStore();
|
const store = useStore();
|
||||||
const isLogin = ref(false);
|
const isLogin = ref(false);
|
||||||
// console.log("router", router.getRoutes(), route);
|
// console.log("router", router.getRoutes(), route);
|
||||||
console.log("版本0.9.6------------");
|
console.log("版本0.9.7------------");
|
||||||
const routes = computed(() => {
|
const routes = computed(() => {
|
||||||
return router.getRoutes().filter((e) => e.meta?.isLink);
|
return router.getRoutes().filter((e) => e.meta?.isLink);
|
||||||
});
|
});
|
||||||
watch(
|
watch(
|
||||||
() => route.path,
|
() => route.path,
|
||||||
() => {
|
() => {
|
||||||
route.path === "/login" && (isLogin.value = true);
|
route.path === "/login" && (isLogin.value = true);
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
const currentRouteName = computed(() => route.name);
|
const currentRouteName = computed(() => route.name);
|
||||||
|
|
||||||
@@ -78,8 +78,8 @@ export default defineComponent({
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const memberInitInfo = await api1
|
const memberInitInfo = await api1
|
||||||
.getMemberInfo({keyWord: "", pageNo: 1, pageSize: 10})
|
.getMemberInfo({ keyWord: "", pageNo: 1, pageSize: 10 })
|
||||||
.then((res) => res.data.data.rows);
|
.then((res) => res.data.data.rows);
|
||||||
store.commit("SET_MEMBER_INFO", memberInitInfo);
|
store.commit("SET_MEMBER_INFO", memberInitInfo);
|
||||||
localStorage.setItem("memberInitInfo", JSON.stringify(memberInitInfo));
|
localStorage.setItem("memberInitInfo", JSON.stringify(memberInitInfo));
|
||||||
}
|
}
|
||||||
@@ -94,23 +94,23 @@ export default defineComponent({
|
|||||||
if (localStory) {
|
if (localStory) {
|
||||||
list = localStorage.getItem(key);
|
list = localStorage.getItem(key);
|
||||||
if (list) {
|
if (list) {
|
||||||
store.commit("SET_DICT", {key, data: JSON.parse(list)});
|
store.commit("SET_DICT", { key, data: JSON.parse(list) });
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
list = await getDictList(key);
|
list = await getDictList(key);
|
||||||
localStory && localStorage.setItem(key, JSON.stringify(list));
|
localStory && localStorage.setItem(key, JSON.stringify(list));
|
||||||
store.commit("SET_DICT", {key, data: list});
|
store.commit("SET_DICT", { key, data: list });
|
||||||
}
|
}
|
||||||
|
|
||||||
const getDictList = (param) =>
|
const getDictList = (param) =>
|
||||||
api1
|
api1
|
||||||
.getDict({
|
.getDict({
|
||||||
pageNo: 1,
|
pageNo: 1,
|
||||||
pageSize: 20,
|
pageSize: 20,
|
||||||
setCode: param,
|
setCode: param,
|
||||||
})
|
})
|
||||||
.then((res) => res.data.data.rows);
|
.then((res) => res.data.data.rows);
|
||||||
//获取组织树
|
//获取组织树
|
||||||
const getOrgTree = () => {
|
const getOrgTree = () => {
|
||||||
const orgtreeList = localStorage.getItem("orgtreeList");
|
const orgtreeList = localStorage.getItem("orgtreeList");
|
||||||
@@ -118,16 +118,17 @@ export default defineComponent({
|
|||||||
store.commit("getOrgtreeList", JSON.parse(orgtreeList));
|
store.commit("getOrgtreeList", JSON.parse(orgtreeList));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
api.getOrgInfo({
|
api
|
||||||
keyWord: "",
|
.getOrgInfo({
|
||||||
id: -1,
|
keyWord: "",
|
||||||
pageNo: 1,
|
id: -1,
|
||||||
pageSize: 20,
|
pageNo: 1,
|
||||||
})
|
pageSize: 20,
|
||||||
.then((res) => {
|
})
|
||||||
localStorage.setItem("orgtreeList", JSON.stringify(res.data.data));
|
.then((res) => {
|
||||||
store.commit("getOrgtreeList", res.data.data);
|
localStorage.setItem("orgtreeList", JSON.stringify(res.data.data));
|
||||||
})
|
store.commit("getOrgtreeList", res.data.data);
|
||||||
|
});
|
||||||
};
|
};
|
||||||
init();
|
init();
|
||||||
return {
|
return {
|
||||||
@@ -144,7 +145,7 @@ export default defineComponent({
|
|||||||
// font-family: MicrosoftYaHei, Microsoft YaHei, Avenir, Helvetica, Arial,
|
// font-family: MicrosoftYaHei, Microsoft YaHei, Avenir, Helvetica, Arial,
|
||||||
// sans-serif;
|
// sans-serif;
|
||||||
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
|
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
|
||||||
Microsoft YaHei, Arial, sans-serif;
|
Microsoft YaHei, Arial, sans-serif;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
color: #2c3e50;
|
color: #2c3e50;
|
||||||
|
|||||||
@@ -632,7 +632,7 @@
|
|||||||
<div style="width: 5px; display: inline-block"></div>
|
<div style="width: 5px; display: inline-block"></div>
|
||||||
<span class="yi">项</span>
|
<span class="yi">项</span>
|
||||||
<span class="zon">列表选项总数:</span>
|
<span class="zon">列表选项总数:</span>
|
||||||
<span class="th">{{ tableDataTotal }}</span>
|
<span class="th">{{ stuTotal }}</span>
|
||||||
<span class="yi"> 条</span>
|
<span class="yi"> 条</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1405,6 +1405,7 @@ export default {
|
|||||||
docChecked: true,
|
docChecked: true,
|
||||||
currentPage: 1,
|
currentPage: 1,
|
||||||
tableDataTotal: -1,
|
tableDataTotal: -1,
|
||||||
|
stuTotal: 0,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
visiblene: false,
|
visiblene: false,
|
||||||
sh: false,
|
sh: false,
|
||||||
@@ -1739,6 +1740,7 @@ export default {
|
|||||||
console.log("获取学员列表", res);
|
console.log("获取学员列表", res);
|
||||||
let data = res.data.data.rows || null;
|
let data = res.data.data.rows || null;
|
||||||
state.tableDataTotal = res.data.data.total;
|
state.tableDataTotal = res.data.data.total;
|
||||||
|
state.stuTotal = res.data.data.total;
|
||||||
state.tableData = [];
|
state.tableData = [];
|
||||||
if (data.length) {
|
if (data.length) {
|
||||||
for (let i in data) {
|
for (let i in data) {
|
||||||
|
|||||||
@@ -593,7 +593,6 @@
|
|||||||
style="
|
style="
|
||||||
width: 120px;
|
width: 120px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-align: center;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|||||||
@@ -606,7 +606,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 120px; text-align: center">
|
<div
|
||||||
|
style="
|
||||||
|
width: 120px;
|
||||||
|
text-align: center;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
"
|
||||||
|
:title="element.creater"
|
||||||
|
>
|
||||||
{{ element.creater }}
|
{{ element.creater }}
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 120px; text-align: center">
|
<div style="width: 120px; text-align: center">
|
||||||
@@ -1402,25 +1411,23 @@ export default {
|
|||||||
};
|
};
|
||||||
array.push(obj);
|
array.push(obj);
|
||||||
});
|
});
|
||||||
console.log(array)
|
console.log(array);
|
||||||
if(array[0].id=='0'){
|
if (array[0].id == "0") {
|
||||||
state.level = [];
|
state.level = [];
|
||||||
// state.tableData = array[0]
|
// state.tableData = array[0]
|
||||||
// 当无阶段任务出现时 显示当前数据
|
// 当无阶段任务出现时 显示当前数据
|
||||||
if(array[0].taskList.length!==0){
|
if (array[0].taskList.length !== 0) {
|
||||||
getTableData(array[0].taskList)
|
getTableData(array[0].taskList);
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
}else{
|
let datearr = [];
|
||||||
let datearr = []
|
for (let i = 0; i < array.length; i++) {
|
||||||
for(let i=0;i<array.length;i++){
|
if (array[i].id !== 0 && array[i].taskList.length !== 0) {
|
||||||
if(array[i].id!==0&&array[i].taskList.length!==0){
|
datearr.push(array[i]);
|
||||||
datearr.push(array[i])
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
state.level = datearr;
|
state.level = datearr;
|
||||||
}
|
}
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const tableDataFunc = () => {
|
const tableDataFunc = () => {
|
||||||
@@ -1557,12 +1564,15 @@ export default {
|
|||||||
api
|
api
|
||||||
.templateDetail(localStorage.getItem("projectTemplateId"))
|
.templateDetail(localStorage.getItem("projectTemplateId"))
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
console.log('获取的任务列表信息',res)
|
console.log("获取的任务列表信息", res);
|
||||||
if (res.status == 200) {
|
if (res.status == 200) {
|
||||||
console.log("22222", res.data.data.stageList);
|
console.log("22222", res.data.data.stageList);
|
||||||
state.projectTitle = res.data.data.projectTemplateInfo.name;
|
state.projectTitle = res.data.data.projectTemplateInfo.name;
|
||||||
state.picUrl = res.data.data.projectTemplateInfo.picUrl;
|
state.picUrl = res.data.data.projectTemplateInfo.picUrl;
|
||||||
let leng = res.data.data.stageList[0].name!==null ?res.data.data.stageList.length:0;
|
let leng =
|
||||||
|
res.data.data.stageList[0].name !== null
|
||||||
|
? res.data.data.stageList.length
|
||||||
|
: 0;
|
||||||
if (leng > 0) {
|
if (leng > 0) {
|
||||||
let stage = localStorage.getItem("templateStageId")
|
let stage = localStorage.getItem("templateStageId")
|
||||||
? localStorage.getItem("templateStageId")
|
? localStorage.getItem("templateStageId")
|
||||||
@@ -1816,7 +1826,7 @@ export default {
|
|||||||
"0px 1px 35px 0px rgba(118, 136, 166, 0.07)";
|
"0px 1px 35px 0px rgba(118, 136, 166, 0.07)";
|
||||||
});
|
});
|
||||||
const showDrawerOnline = (id, eleId) => {
|
const showDrawerOnline = (id, eleId) => {
|
||||||
console.log(id, eleId)
|
console.log(id, eleId);
|
||||||
state.addonlinevisible = true;
|
state.addonlinevisible = true;
|
||||||
state.EditOnlineId = id;
|
state.EditOnlineId = id;
|
||||||
state.projectTaskId = eleId;
|
state.projectTaskId = eleId;
|
||||||
|
|||||||
Reference in New Issue
Block a user