feat: 项目中心模板相关操作

This commit is contained in:
王熙东
2022-11-10 18:33:13 +08:00
parent 868266328b
commit 6306599274
2 changed files with 75 additions and 25 deletions

View File

@@ -60,7 +60,9 @@
</div>
</template>
<script>
import { reactive, defineComponent, toRefs } from "vue";
import { reactive, defineComponent, toRefs, onMounted } from "vue";
import { message } from "ant-design-vue";
import * as api from "@/api/indexLibrary"
const columns1 = [
{
title: "模版名称",
@@ -107,7 +109,7 @@ export default defineComponent({
tableData1: [
{
key: "1",
name: "管理者进阶-腾飞班Z1",
name: "测试模板1",
status: "已发布",
creator: "李部长",
stutime: "2022-10-31 23:12:00",
@@ -115,29 +117,14 @@ export default defineComponent({
},
{
key: "2",
name: "管理者进阶-腾飞班Z2",
status: "已发布",
creator: "毛继禹",
stutime: "2022-10-31 23:12:00",
operation: "operation",
},
{
key: "3",
name: "管理者进阶-腾飞班Z3",
status: "已发布",
creator: "毛继禹",
stutime: "2022-10-31 23:12:00",
operation: "operation",
},
{
key: "4",
name: "管理者进阶-腾飞班Z4",
name: "测试模板2",
status: "未发布",
creator: "毛继禹",
creator: "李部长",
stutime: "2022-10-31 23:12:00",
operation: "operation",
},
}
],
// state
});
const getTableDate1 = () => {
let data = state.tableData1;
@@ -150,7 +137,7 @@ export default defineComponent({
{value.status === "已发布" ? (
<div class="nselect">
<div class="ops2">
<router-link to="/libraryadd">
<router-link to="/taskpage">
<div class="jc">
查看{" "}
<span style="color:#E9E9E9;margin-left:15px;">|</span>
@@ -158,7 +145,9 @@ export default defineComponent({
</router-link>
</div>
<div class="ops3">
<div class="jc">撤回</div>
<div class="jc"
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 0})}}
>撤回</div>
</div>
</div>
) : (
@@ -167,7 +156,8 @@ export default defineComponent({
{value.status === "未发布" ? (
<div class="nselect">
<div class="ops1">
<div class="jc">
<div class="jc"
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": 1})}}>
发布
<span style="color:#E9E9E9;margin-left:15px;">|</span>
</div>
@@ -181,7 +171,9 @@ export default defineComponent({
</router-link>
</div>
<div class="ops3">
<div class="jc">删除</div>
<div class="jc"
onClick={() => {templateHadler({"projectTemplateId": value.projectTemplateId,"type": -1})}}
>删除</div>
</div>
</div>
) : (
@@ -195,9 +187,57 @@ export default defineComponent({
state.tableData = data;
};
getTableDate1();
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";
}
} else {
message.warning("获取的列表数据为空值")
}
}).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)
})
}
return {
...toRefs(state),
columns1,
templateHadler,
};
},
});