feat:修改vue文件跳转

This commit is contained in:
lixg
2022-11-21 15:29:25 +08:00
parent e163cd5003
commit 386c6e6ee5
22 changed files with 3132 additions and 2801 deletions

View File

@@ -24,10 +24,10 @@
type="date"
placeholder="创建时间"
style="
width: 270px;
height: 40px;
border-radius: 8px;
margin-right: 14px;
width: 270px;
height: 40px;
border-radius: 8px;
margin-right: 14px;
"
/>
</div>
@@ -62,7 +62,7 @@
<script>
import { reactive, defineComponent, toRefs, onMounted } from "vue";
import { message } from "ant-design-vue";
import * as api from "@/api/indexLibrary"
import * as api from "@/api/indexLibrary";
const columns1 = [
{
title: "模版名称",
@@ -106,7 +106,7 @@ export default defineComponent({
name: "TemplateLibrary",
setup() {
const state = reactive({
value1:null,
value1: null,
tableData1: [
{
key: "1",
@@ -123,7 +123,7 @@ export default defineComponent({
creator: "李部长",
stutime: "2022-10-31 23:12:00",
operation: "operation",
}
},
],
// state
});
@@ -138,7 +138,7 @@ export default defineComponent({
{value.status === "已发布" ? (
<div class="nselect">
<div class="ops2">
<router-link to="/libraryadd">
<router-link to="/manage/libraryadd">
<div class="jc">
查看{" "}
<span style="color:#E9E9E9;margin-left:15px;">|</span>
@@ -146,9 +146,17 @@ export default defineComponent({
</router-link>
</div>
<div class="ops3">
<div class="jc"
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 0})}}
>撤回</div>
<div
class="jc"
onClick={() => {
templateHadler({
projectTemplateId: value.projectTemplateId,
type: 0,
});
}}
>
撤回
</div>
</div>
</div>
) : (
@@ -157,14 +165,21 @@ export default defineComponent({
{value.status === "未发布" ? (
<div class="nselect">
<div class="ops1">
<div class="jc"
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 1})}}>
<div
class="jc"
onClick={() => {
templateHadler({
projectTemplateId: value.projectTemplateId,
type: 1,
});
}}
>
发布
<span style="color:#E9E9E9;margin-left:15px;">|</span>
</div>
</div>
<div class="ops2">
<router-link to="/libraryadd">
<router-link to="/manage/libraryadd">
<div class="jc">
查看
<span style="color:#E9E9E9;margin-left:15px;">|</span>
@@ -172,9 +187,17 @@ export default defineComponent({
</router-link>
</div>
<div class="ops3">
<div class="jc"
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": -1})}}
>删除</div>
<div
class="jc"
onClick={() => {
templateHadler({
projectTemplateId: value.projectTemplateId,
type: -1,
});
}}
>
删除
</div>
</div>
</div>
) : (
@@ -191,54 +214,63 @@ export default defineComponent({
onMounted(() => {
getLibraryList();
})
});
const getLibraryList = () => {
let obj = {
"beginTime": 0,
"endTime": 0,
"name": "",
"pageNo": 0,
"pageSize": 0,
"status": 0
}
api.templateList(obj).then((res) =>{
console.log(res);
let resData = res.data.data.rows
if(resData.length) {
for(let i in resData) {
state.tableData1[i].id = i+1;
state.tableData1[i].projectTemplateId = resData[i].projectTemplateId;
state.tableData1[i].status = resData[i].status ? "已发布":"未发布" ;
state.tableData1[i].name = resData[i].name;
state.tableData1[i].creator = resData[i].createName;
state.tableData1[i].stutime = resData[i].publishTime;
state.tableData1[i].operation = "operation";
beginTime: 0,
endTime: 0,
name: "",
pageNo: 0,
pageSize: 0,
status: 0,
};
api
.templateList(obj)
.then((res) => {
console.log(res);
let resData = res.data.data.rows;
if (resData.length) {
for (let i in resData) {
state.tableData1[i].id = i + 1;
state.tableData1[i].projectTemplateId =
resData[i].projectTemplateId;
state.tableData1[i].status = resData[i].status
? "已发布"
: "未发布";
state.tableData1[i].name = resData[i].name;
state.tableData1[i].creator = resData[i].createName;
state.tableData1[i].stutime = resData[i].publishTime;
state.tableData1[i].operation = "operation";
}
} else {
message.warning("获取的列表数据为空值");
}
} else {
message.warning("获取的列表数据为空值")
}
}).catch((error) => {
message.error(`获取模板列表失败`+error)
});
})
.catch((error) => {
message.error(`获取模板列表失败` + error);
});
};
const templateHadler = (obj) => {
api.templateHadle(obj).then((res) => {
if(res.data.success) {
message.success(`模板操作成功`)
getLibraryList();
}
}).catch((error) => {
message.error(`模板操作失败`+error)
})
}
api
.templateHadle(obj)
.then((res) => {
if (res.data.success) {
message.success(`模板操作成功`);
getLibraryList();
}
})
.catch((error) => {
message.error(`模板操作失败` + error);
});
};
const searchLevel = () => {
const result = state.tableData1.filter(item => item.name == state.value1)
const result = state.tableData1.filter(
(item) => item.name == state.value1
);
state.tableData1 = result;
};
const resetLevel = () => {
state.value1 = '';
state.value1 = "";
// getLibraryList();
state.tableData1 = [
{
@@ -256,8 +288,8 @@ export default defineComponent({
creator: "李部长",
stutime: "2022-10-31 23:12:00",
operation: "operation",
}
]
},
];
};
return {
@@ -367,7 +399,7 @@ export default defineComponent({
}
}
.tmpl_body {
padding:0px 30px;
padding: 0px 30px;
.tmpl_tabbox {
.operation {
display: flex;