mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-20 00:06:47 +08:00
feat : 模板列表数据获取,模板编辑修改
This commit is contained in:
@@ -47,6 +47,8 @@
|
||||
<script>
|
||||
import { reactive, defineComponent, toRefs, onMounted } from "vue";
|
||||
import { message } from "ant-design-vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import { useStore } from "vuex";
|
||||
import * as api from "@/api/indexTemplate"
|
||||
const columns1 = [
|
||||
{
|
||||
@@ -90,6 +92,9 @@ const columns1 = [
|
||||
export default defineComponent({
|
||||
name: "TemplateLibrary",
|
||||
setup() {
|
||||
const store = useStore();
|
||||
// 编辑页面跳转过来时候,自动填充表格
|
||||
const router = useRouter();
|
||||
const state = reactive({
|
||||
value1: null,
|
||||
tableData1: [
|
||||
@@ -101,15 +106,6 @@ export default defineComponent({
|
||||
stutime: "2022-10-31 23:12:00",
|
||||
operation: "operation",
|
||||
projectTemplateId: 1,
|
||||
},
|
||||
{
|
||||
key: "2",
|
||||
name: "测试模板2",
|
||||
status: "未发布",
|
||||
creator: "李部长",
|
||||
stutime: "2022-10-31 23:12:00",
|
||||
operation: "operation",
|
||||
projectTemplateId: 2,
|
||||
}
|
||||
],
|
||||
});
|
||||
@@ -124,12 +120,10 @@ export default defineComponent({
|
||||
{value.status === "已发布" ? (
|
||||
<div class="nselect">
|
||||
<div class="ops2">
|
||||
<router-link to="/libraryadd">
|
||||
<div class="jc">
|
||||
<div class="jc" onClick={() => {toLibraryAdd(value.projectTemplateId)}}>
|
||||
查看{" "}
|
||||
<span style="color:#E9E9E9;margin-left:15px;">|</span>
|
||||
</div>
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="ops3">
|
||||
<div class="jc"
|
||||
@@ -150,12 +144,10 @@ export default defineComponent({
|
||||
</div>
|
||||
</div>
|
||||
<div class="ops2">
|
||||
<router-link to="/libraryadd">
|
||||
<div class="jc">
|
||||
<div class="jc" onClick={() => {toLibraryAdd(value.projectTemplateId)}}>
|
||||
查看
|
||||
<span style="color:#E9E9E9;margin-left:15px;">|</span>
|
||||
</div>
|
||||
</router-link>
|
||||
</div>
|
||||
<div class="ops3">
|
||||
<div class="jc"
|
||||
@@ -189,26 +181,28 @@ export default defineComponent({
|
||||
const getLibraryList = () => {
|
||||
let obj = {
|
||||
"beginTime": 0,
|
||||
"endTime": 0,
|
||||
"name": "",
|
||||
"pageNo": pagination.current,
|
||||
"pageSize": 10,
|
||||
"status": 0 || 1
|
||||
"status": 0
|
||||
}
|
||||
api.templateList(obj).then((res) => {
|
||||
state.tableData1 = []
|
||||
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";
|
||||
state.tableData1.push({
|
||||
id : i + 1,
|
||||
projectTemplateId:resData[i].projectTemplateId,
|
||||
status:resData[i].status ? "已发布" : "未发布",
|
||||
name:resData[i].name,
|
||||
creator:resData[i].createName,
|
||||
stutime:resData[i].publishTime,
|
||||
operation:"operation"
|
||||
})
|
||||
}
|
||||
|
||||
getTableDate1()
|
||||
} else {
|
||||
message.warning("获取的列表数据为空值")
|
||||
}
|
||||
@@ -227,55 +221,21 @@ export default defineComponent({
|
||||
})
|
||||
}
|
||||
const searchLevel = () => {
|
||||
state.tableData1 = [
|
||||
{
|
||||
key: "1",
|
||||
name: "测试模板1",
|
||||
status: "已发布",
|
||||
creator: "李部长",
|
||||
stutime: "2022-10-31 23:12:00",
|
||||
operation: "operation",
|
||||
projectTemplateId: 1,
|
||||
},
|
||||
{
|
||||
key: "2",
|
||||
name: "测试模板2",
|
||||
status: "未发布",
|
||||
creator: "李部长",
|
||||
stutime: "2022-10-31 23:12:00",
|
||||
operation: "operation",
|
||||
projectTemplateId: 2,
|
||||
}
|
||||
];
|
||||
const result = state.tableData1.filter(item => item.name.includes(state.value1))
|
||||
state.tableData1 = result;
|
||||
getTableDate1()
|
||||
getLibraryList();
|
||||
setTimeout(() => {
|
||||
const result = state.tableData1.filter(item => item.name.includes(state.value1))
|
||||
state.tableData1 = result;
|
||||
},100)
|
||||
};
|
||||
const resetLevel = () => {
|
||||
state.value1 = '';
|
||||
// getLibraryList();
|
||||
state.tableData1 = [
|
||||
{
|
||||
key: "1",
|
||||
name: "测试模板1",
|
||||
status: "已发布",
|
||||
creator: "李部长",
|
||||
stutime: "2022-10-31 23:12:00",
|
||||
operation: "operation",
|
||||
projectTemplateId: 1,
|
||||
},
|
||||
{
|
||||
key: "2",
|
||||
name: "测试模板2",
|
||||
status: "未发布",
|
||||
creator: "李部长",
|
||||
stutime: "2022-10-31 23:12:00",
|
||||
operation: "operation",
|
||||
projectTemplateId: 2,
|
||||
}
|
||||
]
|
||||
getLibraryList();
|
||||
getTableDate1()
|
||||
};
|
||||
const toLibraryAdd = (id) => {
|
||||
router.push("/libraryAdd");
|
||||
store.state.projectTemplateId = id
|
||||
}
|
||||
|
||||
return {
|
||||
...toRefs(state),
|
||||
@@ -284,6 +244,7 @@ export default defineComponent({
|
||||
searchLevel,
|
||||
resetLevel,
|
||||
pagination,
|
||||
toLibraryAdd,
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user